/************* GENERAL STYLES ***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline; }

:focus { outline: 0; }

* { box-sizing: border-box; }

body {
  background: #f0f0f0;
  font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 1.3;
	color: #222; }
	
body.navOpen, body.noScroll { overflow: hidden; }

ul { list-style: none; }

.widget_embed_btn {
	margin-top: 10px;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	background: #007BFF;
	padding: 8px 15px;
	border-radius: 3px;
	border: none;
	cursor: pointer; }

/* Placeholder labels */
.has-floating-label {
	position: relative;
}

span.tooltip {
	margin-top: -3px;
	margin-left: 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	background: #aaa;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	cursor: help;
	vertical-align: baseline; }

.daysOfWeek label {
	display: inline !important;
	margin-right: 10px !important;
}

.beta_tooltip {
	background: black !important;
}

.renewClubDiv {
	width: 49%;
	float: left; }

	.has-floating-label .floating-label {
		position: absolute;
		top: 11px;
		left: 7px;
		padding: 0 4px;
		color: #777;
		pointer-events: none;
		transition: all ease .3s;
	}

	.has-floating-label .add-floating-label:not(:placeholder-shown) ~ .floating-label {
		top: -4px;
		background-color: #fff;
		font-size: 70%;
	}

	.inputLang .has-floating-label .add-floating-label:not(:placeholder-shown) ~ .floating-label {
		top: -5px;
	}

	.has-floating-label .add-floating-label::placeholder {
		opacity: 0;
	}

	.has-floating-label .add-floating-label[style*='display: none'] ~ .floating-label {
		display: none;
	}

img.shadow {
	margin: 15px;
	clear: both;
	display: block;
	-webkit-box-shadow: 2px 2px 3px 4px #eee;
	-moz-box-shadow: 2px 2px 3px 4px #eee;
	box-shadow: 2px 2px 3px 4px #eee; }

.orgLogosDivs {
	width: 33%;
	float: left;
	text-align: center;
    padding: 35px 10px 10px 10px; }

.show1000 {
	display: none; }

.blue_txt {
	color: #40a3c3; }

.green_bold_txt {
  font-weight: bold;
  font-style: italic;
  color: #3dac12; }

a.btn.green { background: #77bd22; }

a.btn.green span { background: #5e9c13; }

a.btn.grey { background: #a9a9a9; }

a.btn.grey span { background: #a9a9a9; }

.volunteerTextDiv ul, .volunteerTextDiv ol {
	margin-left: 20px !important; }

a.i_am_new_btn {
  float: right;
  background: #45a3b8;
  display: block;
  text-align: center;
  border-radius: 15px;
  padding: 5px;
  color: white !important;
  margin-top: -5px;
  font-size: 11px; }

a.i_am_new_btn:hover {
  text-decoration: none;
  background: #166d81; }

#loading_close_txt {
  margin-top: 10px;
  font-size: 12px;
  display: none; }

section ul, ul.list {
	list-style: disc;
	padding-left: 15px;
    margin-bottom: 1.5rem; }
	
	section ul li, ul.list li { margin: 0 0 7px; }

.expiredMember {
	  padding: 2px 7px;
	  background: #d54d4d;
	  border-radius: 5px;
	  color: #fff;  }
	  
.activeMember {
		padding: 2px 7px;
		background: #4ca772;
		border-radius: 5px;
		color: #fff;  }


/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
    font-size: 13px; }

caption, th, td {
	text-align: left;
	font-weight: normal; }

  .receipt_inner_row { 
    padding: 0; 
    display: none; }

  /*tr.receipt_entire_row:hover, tr.receipt_entire_row:hover + tr {
    background: #f7f7f7 !important; }
    
    tr.receipt_inner_row:hover {
      background: #f7f7f7 !important; }*/
    

.rightAlignText { text-align: right; }
.floatRight { float: right; }

.registerMultipleMeets {
	clear: both;
	margin-top: -15px;
	margin-bottom: 15px; }

.JudoCanadaMascots {
   position: absolute; }

blockquote:before, blockquote:after,
q:before, q:after {
	content: ""; }

blockquote, q { quotes: "" ""; }

strong { font-weight: bold; }

aside div.top div.name {
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis; 
}

input.disabled { 
	background: #f7f7f7 !important;
	color: #b1b1b1 !important;
	border: 1px solid #d4d4d4;
	opacity: 0.7; }
	
select.disabled { 
	background: #f7f7f7 !important;
	color: #b1b1b1 !important;
	border: 1px solid #d4d4d4; 
	opacity: 0.7; }

input.disabled_show_textual { 
	background: #fffae7 !important;
	color: #292526 !important;
	border: 1px solid #f6ae4c;
	opacity: 0.7; }
	
select.disabled_show_textual { 
	background: #fffae7 !important;
	color: #292526 !important;
	border: 1px solid #f6ae4c; 
	opacity: 0.7; }

ul.relay_list {
	margin-left: 20px;
	margin-top: 10px;
	font-size: 11px; 
	font-style: italic; }

.paddingTop { margin-top: 10px; }

.disableAddEventSettings {
	z-index: 999;
	position: absolute;
	width: 100%;
	max-width: 1265px;
	height: 80%;
	background: rgba(130, 130, 130, 0.3);
	margin-left: -25px;
	margin-top: -25px;
	text-align:center; }

.disableAddEventSettings div {
	margin: auto;
	margin-top: 100px;
	width: 65%;
	font-size: 24px;
	padding: 25px;
	background: #fff9e7;
	border: 1px solid #f5af43;
	color: #222; }
	
	.disableAddEventSettings div:before {
	   content: "\f071";
	   color: #f5af43;
	   margin-right: 7px;
	   font-family: "FontAwesome"; }

.errorBoxRed, .successBoxGreen {
	  width: 100%;
	  clear: both;
	  position: relative;
	  padding: 15px 10px 0px 34px;
	  font-size: 18px;
	  color: #222; }
	
	  .errorBoxRed:before, .successBoxGreen:before {
	   	content: "\f017";
	   	position: absolute;
	   	top: 17px;
	   	left: 10px;
	   	margin-right: 7px;
	   	font-family: "FontAwesome"; }
		   
.errorBoxRed {
	 background: #ffd7d4;
	 border: 1px solid #d03530; }
   
	 .errorBoxRed:before {
		 color: #d03530; }
		 
.successBoxGreen {
	  background: #fafdf0;
	  border: 1px solid #5eaa35; }
	 
	  .successBoxGreen:before {
		  color: #5eaa35; }
		   
.waitListBoxBorder {
	border: 1px solid #d03530;
	background: #ffd7d4;
	display: block;
	min-height: 28px; }

.waitListBoxBorderConf {
	min-height: 25px !important; }

.waitListBox {
	display: block;
	float: left;
	background: #d03530;
	padding: 5px;
	margin-right: 10px;
	color: white;
	font-weight: bold;
	vertical-align: middle; 
	text-align: center; }

.waitListBoxConf {	
	margin-top: -3px; }

.required_star {
  color: red; }

.grey_txt {
   color: #8E8E8E; }

.errorLink {
	color: #f5af43 !important;
	font-weight: bold !important; }

.errorLink:before {
	content: "\f071";
	margin-left: 5px;
    margin-right: 2px;
    font-family: "FontAwesome";
    color: #f5af43; }

.errorBoxGrey {
  width: 100%;
  float: left;
  position: relative;
  padding: 10px 10px 10px 34px;
  margin-bottom: 1.5rem;
  background: #f7f7f7;
  border: 1px solid #d1d1d1;
  color: #222; }

  .errorBoxGrey:before {
   content: "\f071";
   position: absolute;
   top: 12px;
   left: 10px;
   margin-right: 7px;
   font-family: "FontAwesome";
   color: #f5af43; }

.disabled_link {
  color: #b1b1b1 !important;
  background: #f9f9f9 !important;
  cursor: default !important;
}

.disabled_link:hover {
  color: #b1b1b1 !important;
  background: #f9f9f9 !important;
  cursor: default !important;
}

#buttonsHeaderEventPageMobileFix a {
 margin-top: 10px; margin-bottom: 10px; }

#reportingHeaderSticky {
  padding-bottom: 5px; }
  
#join_add_club_btn {
  padding-bottom: 50px;
  max-width: 500px;
  margin: auto; }
  
#join_add_club_btn a div { color: white; }

/* Make padding for the FR/EN Toggle button so text input doesn't go behind it */
.input_ENGLISH, .input_FRENCH, .textbox_lang_sm { padding-right: 40px !important; }

em { font-style: italic; }

img {
    max-width: 100%;
    height: auto; }

img.imgAlign_left { 
    display: block;
    float: left;
    margin-right: 1.5rem;
    margin-bottom: 1rem; }

img.imgAlign_right { 
    display: block;
    float: right;
    margin-bottom: 1rem;
    margin-left: 1.5rem; }

img.imgAlign_center { 
    display: block;
    margin: auto; }

/*** FONT STYLES ***/
/*
    font-family: 'Titillium Web', sans-serif;
    font-family: 'Lato', sans-serif;
*/

h1 { 
    font-family: 'Titillium Web', sans-serif;
	  font-size: 30px; 
	  font-weight: 600;
    line-height: 1;
	  margin: 0 0 20px; }

h2 { 
    font-family: 'Titillium Web', sans-serif;
	  font-size: 30px; 
	  font-weight: 600;
    line-height: 1;
    margin-bottom: 0.9em; }

h3 { 
    font-family: 'Titillium Web', sans-serif;
	  font-size: 24px; 
	  font-weight: 600;
    line-height: 1;
    margin-bottom: 0.7em; }

h4 { 
    font-family: 'Titillium Web', sans-serif;
	  font-size: 20px; 
	  font-weight: 600;
    line-height: 1;
    margin-bottom: 1em; }

h5 { 
    font-family: 'Titillium Web', sans-serif;
	  font-size: 16px; 
	  font-weight: 600;
    line-height: 1.3; }

a { text-decoration: none; }
	
a:hover { text-decoration: underline; }

a.videoTut {
	width: 18px;
	height: 18px;
	display: inline-block;
	margin-left: 3px;
	background-image: url(/images/icon_videoTut2.png);	}

a.btn.black div { color: white !important; }

a.btn {
    width: 100%;
    float: left;
    position: relative;
    padding: 9px 0;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: normal; }

    a.btn div {
        position: relative;
        z-index: 3;
        
        /* Make text in button non-selectable was annoying if right clicked selected the text */
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently, supported by Chrome, Edge, Opera and Firefox */ }

    a.btn span {
        width: 7px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        transition: 0.5s ease width; }

    a.btn:hover { text-decoration: none; }

    a.btn:hover span { width: 100%; }

a.red_link { color: #c42b2b; }
a.black_link { color: #000000; }
a.white_link { color: #FFFFFF; }

a.dark_link { color: #000000; text-decoration: underline; }
a.dark_link:hover { color: #666666; text-decoration: none; }

a.light_link { color: #FFFFFF; text-decoration: underline; }
a.light_link:hover { color: #EDEDED; text-decoration: none; }

.customPageContent table { width: 100%; }
.customPageContent table tr td { padding: 5px; }

.add_registrant_manage_btn {
  float: right !important; }

a.photo_gallery {
  display: block;
  width: 45%;
  max-width: 180px;
  height: 180px;
  border: 1px solid #e3e3e3;
  float: left; 
  margin-right: 10px;
  margin-bottom: 10px; }

a.photo_gallery:hover {
  opacity: 0.7; }

 .visible-fields-btn {
     z-index: 99;
     width: 140px;
     display: inline-block;
     position: relative;
     margin: 0 -40px 0 0;
     text-align: center; }
 
  .list-format-btn {
     z-index: 98;
     width: 150px;
     display: inline-block;
     position: relative;
     margin: 0 -52px 0 0;
     text-align: center; }

 .sort-by-btn {
    z-index: 97;
    width: 140px;
    display: inline-block;
    position: relative;
    margin: 0 0 0 0;
    text-align: center; }

.sort-by-btn a.has-dropdown, .visible-fields-btn a.has-dropdown, .list-format-btn a.has-dropdown {
  font-size: 14px;
  text-align: right; }
  
.sort-by-btn a.has-dropdown:hover, .visible-fields-btn a.has-dropdown:hover, .list-format-btn a.has-dropdown:hover {
  text-decoration: none; }

.sort-by-btn a.has-dropdown:after, .visible-fields-btn a.has-dropdown:after, .list-format-btn a.has-dropdown:after {
  content: "\f0d7";
  font-family: "FontAwesome";
  display: block;
  margin-left: 5px;
  float: right; }

.export-data {
  width: 90px;
  display: inline-block;
  position: relative;
  margin: 0 0 0 -10px;
  text-align: center; }

.export-data .has-dropdown, .sort-by-btn .has-dropdown, .visible-fields-btn .has-dropdown, .list-format-btn .has-dropdown {
  display: block;
  font-size: 13px; }

.export-data .has-dropdown.is-active:after, .sort-by-btn .has-dropdown.is-active:after, .visible-fields-btn .has-dropdown.is-active:after, .list-format-btn .has-dropdown.is-active:after { 
  opacity: 1;
  transform: rotate(180deg); }

.export-data .dropdown, .sort-by-btn .dropdown, .visible-fields-btn .dropdown, .list-format-btn .dropdown {
  height: 0;
  position: absolute;
  top: 100%;
  right: -1px;
  left: -1px;
  z-index: 100;
  overflow: hidden;
  text-align: left;
  font-size: 13px; }

.export-data .dropdown.is-active, .sort-by-btn .dropdown.is-active, .visible-fields-btn .dropdown.is-active, .list-format-btn .dropdown.is-active { 
  height: auto;
  overflow: visible; }

.export-data .dropdown ul, .sort-by-btn .dropdown ul, .visible-fields-btn .dropdown ul, .list-format-btn .dropdown ul {
  width: 100%;
  position: relative;
  top: -20px;
  padding: 8px 0;
  margin: 0;
  background: #fff;
  border: 1px solid #e4e4e4;
  box-shadow: 0 5px 10px rgba(0,0,0,0.1);
  opacity: 0;
  list-style: none; }

.export-data .dropdown.is-active ul, .sort-by-btn .dropdown.is-active ul, .visible-fields-btn .dropdown.is-active ul, .list-format-btn .dropdown.is-active ul { 
  top: 0;
  opacity: 1; }

.export-data .dropdown li, .sort-by-btn .dropdown li, .visible-fields-btn .dropdown li, .list-format-btn .dropdown li { margin: 0; }

.export-data .dropdown a, .sort-by-btn .dropdown a, .visible-fields-btn .dropdown a, .list-format-btn .dropdown a { 
  display: block;
  padding: 8px 12px;
  color: #222; }

.export-data .dropdown a:hover, .sort-by-btn .dropdown a:hover, .visible-fields-btn .dropdown a:hover, .list-format-btn .dropdown a:hover {
  background: #f5f5f5;
  text-decoration: none; }
  
.export-data .dropdown a.active, .sort-by-btn .dropdown a.active, .visible-fields-btn .dropdown a.active, .list-format-btn .dropdown a.active {
  background: #727272;
  color: white;
  text-decoration: none; }

p { margin-bottom: 1.5rem; }

hr.thin {
  height: 1px;
  border: 0;
  color: #e4e4e4;
  background-color: #e4e4e4;
  width: 100%; }
  
.txt_center { text-align: center; }

.highlight_bg { background-color:yellow; }

.clearBoth { clear: both; }

.google_embed_map { /*max-width: 210px;*/ width: 100%; }

.open-captcha-popup {
	float:left; 
	margin-right: 5px; }

.disabledRow {
	opacity: 0.50;
	filter: alpha(opacity=50);
	background: #e6e6e6; }	

.force_no_wrap {
  width: 100%;
  height: 22px;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis; }

.formatting_div {
  font-size: 15px;
  width: 40%;
  float: right;
  text-align: right;
  margin: 0 0 10px 0; } 

.apply_to_checked_div {
  font-size: 15px; 
  width: 60%;
  float: left;
  margin: 0 0 10px 0; }

.add_custom_page_btn:after {
  content: "\f0fe";
  font-size: 15px;
  font-family: "FontAwesome";
  color: #3ca6b6;
  padding: 0px;
  display: block;
  margin-top: -2px;
  float: left; }

.dashboard_btn:after {
	content: "\f00a";
	font-size: 15px;
	font-family: "FontAwesome";
	color: #3ca6b6;
	padding: 0px;
	display: block;
	margin-top: -2px;
	float: left; }

.custom_layout_btn:after {
  content: "\f0ad";
  font-size: 15px;
  font-family: "FontAwesome";
  color: #3ca6b6;
  padding: 0px;
  display: block;
  margin-top: -2px;
  float: left; }
  
  .knowledge_base_btn:after {
  	content: "\f02d";
  	font-size: 15px;
  	font-family: "FontAwesome";
  	color: #3ca6b6;
  	padding: 0px;
  	display: block;
  	margin-top: -2px;
  	float: left; }
  
  .manage_entries_btn:after {
    content: "\f0c0";
    font-size: 15px;
    font-family: "FontAwesome";
    color: #3ca6b6;
    padding: 0px;
    display: block;
    margin-top: -2px;
    float: left; }
  
  .edit_details_btn:after {
    content: "\f044";
    font-size: 15px;
    font-family: "FontAwesome";
    color: #3ca6b6;
    padding: 0px;
    display: block;
    margin-top: -2px;
    float: left; }
  
  .add_custom_page_btn:hover:after {
    color: #fff; }
  
  .dashboard_btn:hover:after {
  color: #fff; }
  
   .custom_layout_btn:hover:after {
    color: #fff; }
	
  .manage_entries_btn:hover:after {
    color: #fff; }
	
	.knowledge_base_btn:hover:after {
	color: #fff; }
    
  .edit_details_btn:hover:after {
    color: #fff; }

.ind_event_row {
  width: calc(100% - 25px) !important; 
  float: left; }
  
.ind_event_row_X, .ind_event_row_X_PTSO, .ind_event_row_X_NSO { 
  width: 25px !important;
  float: right; }

.ind_event_row_X div, .ind_event_row_X_PTSO div, .ind_event_row_X_NSO div {
  padding-top: 5px; }
  
  .remove_entry_row_icon:after, .remove_entry_row_icon_PTSO:after, .remove_entry_row_icon_NSO:after {
	content: "\f1f8";
	font-size: 20px;
	color: #d22129;
	font-family: "FontAwesome";
	text-decoration: none !important;
	display: inline; }
	
	.remove_entry_row_icon:hover, .remove_entry_row_icon_PTSO:hover, .remove_entry_row_icon_NSO:hover { text-decoration: none !important; }

.seedRequiredDiv { float: left; margin-left: 5px; }

.regular_txt {
  font-weight: 600 !important;
  font-size: 14px; }

.smaller_txt {
   font-size: 11px; }

ul.ind_event_listing .errorBoxGrey { margin-bottom: 0; }

ul.ind_event_listing li select, ul.ind_event_listing li input[type=text] {
  height: 24px !important;
  font-size: 12px;
  padding-top: 0px;
  padding-bottom: 0px; }

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

.remainingAllowedDiv {
  float: right;
  font-size: 14px; }
  
.indEventBlockInputs .fieldBlock { 
  width:50% !important; 
  float: left;
  padding-top: 5px; }
  
  .indEventBlockInputs .fieldBlock_100 { 
    width:100% !important; 
    float: none;
    padding-top: 5px; }
  
.indEventBlockInputs .fieldBlock .seed_location_date { width: calc(100% - 9px); }

.extraPaddingTop { padding-top: 5px; }
.extraPaddingTopExtra { padding-top: 8px; }

.upgrade_add_mem, .remove_mem {
  background: #fff;
  border: 1px solid #e9e9e9;
  margin-left: 5px;
  display: inline-block;
  padding: 3px 10px;
  vertical-align: bottom;
  border-radius: 30px;
  font-size: 13px;
  line-height: normal; }
	
  .upgrade_add_mem:hover, .remove_mem:hover {
	background: #e9e9e9;
	text-decoration: none; }

.upgrade_add_mem:after {
  content: "\f0fe";
  font-family: "FontAwesome";
  text-decoration: none !important;
  display: inline;
  margin-left: 5px; }
  
  .remove_mem:after {
	content: "\f146";
	font-family: "FontAwesome";
	text-decoration: none !important;
	display: inline;
	margin-left: 5px; }

.clear_reg_form {
  margin-left: 15px;
  display: inline-block;
  padding: 3px 10px;
  vertical-align: bottom;
  border-radius: 30px;
  font-size: 13px;
  line-height: normal; }
    
  .clear_reg_form:hover {
    background: #e9e9e9;
    text-decoration: none; }

.clear_reg_form:after {
  content: "\f1f8";
  font-family: "FontAwesome";
  text-decoration: none !important;
  display: inline;
  margin-left: 5px; }

.external_add_icon {
  margin-left: -8px;
  display: inline-block;
  padding: 3px 10px;
  vertical-align: bottom;
  border-radius: 30px;
  font-size: 15px;
  line-height: normal; }
    
  .external_add_icon:hover {
    background: #e9e9e9;
    text-decoration: none; }

.external_add_icon:before {
  content: "\f0fe";
  font-family: "FontAwesome";
  text-decoration: none !important;
  display: inline;
  margin-right: 5px; }

.relay_only:after {
	content: "\f234";
	font-family: "FontAwesome";
	text-decoration: none !important;
	display: inline;
	margin-left: 5px; }

.external_financials_icon {
	text-decoration: underline !important;
}

.external_financials_icon:after {
	content: "\f201";
	font-family: "FontAwesome";
	text-decoration: none !important;
	display: inline;
	margin-left: 5px; }

.external_link_icon:after {
    content: "\f14d";
    font-family: "FontAwesome";
    text-decoration: none !important;
    display: inline;
    margin-left: 5px; }
	
.external_link_icon2:after {
	content: "\f14d";
	font-family: "FontAwesome";
	font-size: 14px;
	text-decoration: none !important;
	display: inline;
	margin-left: 2px;
    margin-right: 4px; }

    .external_contact_icon:after {
        content: "\f1d8";
        font-family: "FontAwesome";
        text-decoration: none !important;
        display: inline;
        margin-left: 5px; }
        
    .expandCollapseBtn {
      display: block;
      float: left;
      margin-top: -2px !important;
      margin-right: 10px; }
      
    .textRightExcept700 {
      text-align: right; }
      
    table.inner_history_expand_table {
        width: 100%;
        border-bottom: 5px solid #4f4f4f;
        margin-left: auto;
        margin-right: auto; }
        
        table.inner_history_expand_table thead tr th:first { 
          max-width:20px; }
        
        table.inner_history_expand_table thead tr th { 
          background-color: #4f4f4f;
          color: white;
          min-width: 100px !important; }
         
          table.inner_history_expand_table tbody tr:not(:first-child):not(:last-child):not(.always_top_border) td { 
           padding-top: 0 !important; }
          
          table.inner_history_expand_table tbody tr:not(:first-child):not(:last-child) td { 
            border-bottom: 0 !important; }
            
            table.inner_history_expand_table tbody tr:first-child td { 
              padding-top: 10px !important;
              border-bottom: 0 !important; }
              
            table.inner_history_expand_table tbody tr:last-child td { 
              font-weight: bold;
              border-top: 1px solid #e4e4e4 !important; }
            
              .always_top_border td {
                padding-top: 10px !important;
                border-top: 1px solid #e4e4e4 !important; }
                
                .inner_history_expand_table a.icon {
                  width: 15px; 
                  height: 15px;
                  display: block;
                  float: left; 
                  margin-right: 5px; }
                
                .inner_history_expand_table a.more_info { 
                  background: url(../images/icon_user.png) no-repeat left;
                  background: url(../images/svg/icon_user.svg) no-repeat left, linear-gradient(transparent, transparent);
                  background-size: 15px; }
                
                .inner_history_expand_table  a.edit { 
                  background: url(../images/icon_edit.png) no-repeat left;
                  background: url(../images/svg/icon_edit.svg) no-repeat left, linear-gradient(transparent, transparent);
                  background-size: 12px; }
                
                .inner_history_expand_table a.remove { 
                  background: url(../images/icon_delete2.png) no-repeat left;
                  background: url(../images/svg/icon_delete2.svg) no-repeat left, linear-gradient(transparent, transparent);
                  background-size: 12px; }
                
                .inner_history_expand_table a.unscratch { 
                  background: url(../images/icon_unscratch.png) no-repeat left;
                  background: url(../images/svg/icon_unscratch.svg) no-repeat left, linear-gradient(transparent, transparent);
                  background-size: 14px; }
                
.filter_clear_btn2 {
    color: #fff !important;
    padding: 11px 10px 11px 10px;
    display: block;
    float: left;
    margin-left: 10px;
    background: #d64e50; }
    
    .filter_clear_btn2:hover {
      text-decoration: none; }

.filter_clear_btn:after {
    content: "\f12d";
    font-size: 15px;
    font-family: "FontAwesome";
    color: #fff;
    padding: 10px 10px 11px 10px;
    display: block;
    float: right;
    margin-right: 10px;
    background: #d64e50; }
 
.filter_load_btn:after {
    content: "\f07c";
    font-size: 15px;
    font-family: "FontAwesome";
    color: #fff;
    padding: 10px 10px 11px 10px;
    display: block;
    float: right;
    margin-left: 10px;
    background: #36a6bc; }
    
  .filter_save_btn:after {
    content: "\f0c7";
    font-size: 15px;
    font-family: "FontAwesome";
    color: #fff;
    display: block;
    float: right;
    padding: 10px 10px 11px 10px;
    margin-left: 10px;
    background: #36a6bc; }

.play_btn_overtop {
    width: 100%;
    float: left;
    position: relative;
    padding: 0;
    margin: 0 10px 0 0; }

    .play_btn_overtop img { 
        width: 100%;
        float: left; }

.play_btn_overtop:after {
    content: "\f04b";
	left: 50%;
	top: 50%;
	width: 100px;
	height: 100px;
	padding-left: 5px;
	padding-top: 15px;
	margin-top: -50px;
	margin-left: -50px;
	text-align: center;
	box-sizing: border-box;
    position: absolute;
    font-size: 55px;
    font-family: "FontAwesome";
    color: #fff;
    opacity: 0.8;
    background: #000;
    border-radius: 100%;
    box-shadow: 0 0 10px rgba(255,255,255,1); }
    
textarea { resize: none; }

#addEvent_btns {
  margin-top: -50px; }
  
#addEvent_btns.racquetball_events { /* Takes into consideration the Sanctioning stuff */
  margin-top: 0 !important; }

/*** RESPONSIVE VIDEOS ***/
.videoWrapper {
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  margin-bottom: 1.5rem; }

  .videoWrapper iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }

.forum_comments {
	clear:both; 
	font-size:11px;
	padding-top: 10px;
	color: #838383;
	font-style: italic;
	width: 100%; }

i.iQuestion:after {
    content: "\f059";
    display: inline-block;
    font-family: "FontAwesome";
    font-weight: normal;
    font-style: normal;
    color: #999; }

.additional_message_div {
	clear: both;
  margin-bottom: 25px;
  padding: 25px;
  background: #f7f7f7;
  padding-bottom: 10px;
  border: 1px solid #d1d1d1; }

.additional_message_div ul, .labelDiv ul {
	list-style-type: disc !important;
	margin-left: 30px;
	margin-bottom: 10px !important;
	display: block; }
 
.additional_message_div ol, .labelDiv ol {
	list-style-type: decimal !important;
	margin-left: 30px;
	margin-bottom: 10px !important;
	display: block; }

pre {
  font-size: 12px;
	font-family: Courier !important;
}

.topFeatureBanner {
  padding: 10px;
  background-color: #3aa5d0;
  margin-bottom: 10px;
  margin-top: -20px;
  min-height: 50px;
  clear:both;
}

.topFeatureBanner a.featureBannerBtn {
  min-height: 35px;
  width: 150px;
  margin-top: -7px;
  border: 3px solid white !important;
  background-color: #3aa5d0 !important; 
  background: #3aa5d0 !important;
}

.topFeatureBanner h3 {
  margin-bottom: 0;
  margin-top: 3px;
  color: white;
  cursor: pointer;
}

.coachesPollDiv div.group:nth-child(even) {
	width: 48%;
	float: left;
}

.coachesPollDiv div.group:nth-child(odd) {
	width: 48%;
	float: right;
}

.coachesPollDiv div.group  ul { 
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
    border-top: 1px solid #e4e4e4; }
    
.coachesPollDiv div.group  ul li { 
    width: 100%;
    height: 31px;
    float: left;
    padding: 6px 170px 6px 55px;
    margin: 0;
    border-bottom: 1px solid #e4e4e4;
    color: #36a6bc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    
.coachesPollDiv div.group  ul li div { 
    width: 150px;
    display: inline-block;
    margin-left: -150px;
    color: #222; }
    
.coachesPollDiv div.group ul li div { 
   	display: inline-block;
    color: #222; }
    
.coachesPollDiv div.group ul li .rank {
    width: 35px;
    margin-left: -35px; }

.coachesPollDiv div.group ul li .right { 
    width: 150px;
	float: right;
    margin-right: -300px; }

.coachesPollDiv div.group ul li .uni { width: 70px; float: left; display: block; }

.coachesPollDiv div.group ul li .time { width: 60px; float: left; display: block; padding-left: 80px; }

#disable_on_ajax_call {
    background-color: rgba(155, 155, 155, 0.4);
    z-index: 99999999;
    position: fixed;
    left: 0;
    top: 0;
    text-align: center;
    padding-top: 10%;
    width: 100%;
    height: 100%;
    display: table-cell; }

/*** STYLED SELECT ***/
.styledSelect {
    display: inline-block;
    position: relative; }

.styledSelect.half { width: 49%; }

.styledSelect.half select { width: 100%; }

    .styledSelect.full { width: 100%; }

    .styledSelect select {
        height: 40px;
        display: block;
        padding: 10px 30px 10px 10px;
        margin: 0;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 0;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font: inherit;
        font-family: 'Lato', sans-serif;
        font-size: 13px;
        color: #222; }

        .styledSelect.full select { width: 100%; }

    .styledSelect .arr {
        width: 30px;
        position: absolute;
        top: 1px;
        right: 1px;
        bottom: 1px;
        background: #fff;
        pointer-events: none; }

        .styledSelect .arr:before {
            content: '';
            position: absolute;
            top: 50%;
            right: 10px;
            margin-top: -2px;
            border-top: 6px solid #222;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            pointer-events: none; }

    .styledSelect select option { background: #fff; }

    header .subNav .styledSelect select {
        height: 40px;
        padding: 7px 37px 7px 13px;
        border: none;
        border-right: 1px solid #e4e4e4; }

        header .subNav .styledSelect:hover select, header .subNav .styledSelect:hover .arr,  header .subNav .styledSelect.active select ,  header .subNav .styledSelect.active .arr { background: #ddd; }

    header .subNav .styledSelect .arr { 
        width: 37px;
        top: 0;
        bottom: 0; }

        header .subNav .styledSelect .arr:before { right: 17px; }
        

/*** STYLED FILE INPUT ***/
.styledInputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1; }
	
	.styledInputfile + label {
		max-width: 100%;
		height: 40px;
		display: inline-block;
		padding: 10px 15px;
		background-color: #fafafa;
		border: 1px solid #ccc;
		font-size: 14px;
		font-weight: 500;
    	color: #222;
    	overflow: hidden;
    	text-overflow: ellipsis;
    	white-space: nowrap;
    	cursor: pointer; }

	.styledInputfile:focus + label,
	.styledInputfile + label:hover {
		background-color: #eee; }
		
	.styledInputfile:focus + label {
		outline: 1px dotted #000;
		outline: -webkit-focus-ring-color auto 5px; }
			
	.styledInputfile + label svg {
		width: 1em;
    	height: 1em;
		vertical-align: middle;
    	fill: currentColor;
    	margin-top: -0.25em;
    	margin-right: 0.25em; }


/*** FORM STYLES ***/
input[type="text"], input[type="password"] {
    height: 40px;
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
    font: inherit;
    font-size: 13px; }

input[type="submit"], .submit_btn {
    padding: 10px 20px;
    margin: 0 auto;
    background: #36a6bc;
    border: none;
    font: inherit;
    font-size: 13px;
    color: #fff;
    cursor: pointer; }
    
    .submit_btn:hover {
  		background: #2697ae;
  		text-decoration: none; }

.errorBox h3 {
  margin-bottom: 0px; }
    
.errorBox, .error_div  {
	width: 100%;
	float: left;
	position: relative;
	padding: 10px 10px 10px 34px;
	margin-bottom: 1.5rem;
	background: #fff9e7;
	border: 1px solid #f5af43;
	color: #222; }

	.errorBox:before, .error_div:before {
		content: "\f071";
		position: absolute;
		top: 12px;
		left: 10px;
		margin-right: 7px;
		font-family: "FontAwesome";
		color: #f5af43; }

	.errorBox h5, .error_div h5 { margin-bottom: 10px; }

	.errorBox ul, .error_div ul { margin-bottom: 0; }

.checkInApplicationBox_icon {
	float: left;
	width: 50px;
	height: 74px;
	margin-right: 15px; }

.errorBoxWaiver, .checkInApplicationBox {
  width: 100%;
  float: left;
  position: relative;
  padding: 10px;
  margin-bottom: 1.5rem;
  background: #f7f7f7;
  border: 1px solid #d1d1d1;
  color: #222; }
  
  .checkInApplicationBox  {
	margin-bottom: 25px !important; }
  
  .errorBoxWaiver h3  {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d1d1d1; }
    
    .errorBoxWaiver ol, .errorBoxWaiver ul  {
      margin-left: 30px;
      margin-bottom: 15px;  }
      
      .errorBoxWaiver ol {
        list-style-type: decimal; }
      
/************* STRUCTURE STYLES ***/
.show_600, .show_900 { display: none; }

.wrapper {
	width: 1366px;
    max-width: 100%;
	margin: 0 auto; }

.innerWrap {
    width: 100%;
    float: left;
    position: relative;
    padding-top: 67px;
    background: #fff; }

section {
    width: 100%;
    float: left;
    padding: 45px 80px; }

    section.full { padding: 0; }

    section.fullWidth { 
        padding-right: 0;
        padding-left: 0; }

    section.withSubNav { margin-top: 41px; }

section.wBanner { padding: 0 0 45px; }

    section.wBanner header.banner {
        width: 100%;
        height: 320px;
        float: left;
        background-size: cover !important; }

    section.wBanner .wrap {
        width: 100%;
        padding: 0 50px;
        margin: 0 auto; }

    section.wBanner main {
        width: 100%;
        float: left;
        padding: 30px 30px 0;
        margin-top: -95px;
        background: #fff; }


/*** COLS ***/
.col_row { 
    margin-left: -20px;
    margin-right: -20px; }

    .col_row:after {
        content: "";
        display: block;
        clear: both; }

        .col_row.extraPadding {
          padding-left: 12px; padding-right: 11px; }
          
        .seed_mark_proof_div {
          width: 100%;
          clear: both;
          margin-bottom: 5px; }
          
          .seed_mark_proof_div input[type="text"] {
            width: 100%; }

.col {
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
    
    .col_row--sm {
      margin-right: -8px;
      margin-left: -8px; }
    
      .col_row--sm .col {
        padding-right: 8px;
        padding-left: 8px; }
    
    .col--p8 { padding: 8px; }
   
.col_16 { width: 25%; }
.col_15 { width: 17%; }
.col_14 { width: 20%; }
.col_13 { width: 15%; }
.col_12 { width: 100%; }
.col_9 { width: 75%; }
.col_8 { width: 66.6666%; }
.col_6 { width: 49.9999%; }
.col_5 { width: 45%; }
.col_4 { width: 33.3333%; }
.col_3 { width: 25%; }
.col_2 { width: 27.5%; }

/*** TABS ***/
.tabs, .results_tabs {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e4e4e4;
    text-align: center; }

.tabs a, .results_tabs a {
    display: inline-block;
    padding: 0 5px 10px;
    margin: 0 2px;
    border-bottom: 3px solid transparent;
    color: #222 !important; }

    .tabs a:hover, .results_tabs a:hover { 
        border-bottom-color: #ccc;
        text-decoration: none; }

.tabContent { 
    width: 100%;
    float: left;
    display: none; }

    .tabContent.active { display: block; }

/*** INITIAL POPUP STYLES ***/
.white-popup { 
    top: -50px;
    opacity: 0;
    transition: 0.5s ease all; }


/*** HEADER ***/
header#header {
    width: 1366px;
    max-width: 100%;
    position: fixed;
    top: 0;
    right: auto;
    left: auto;
    z-index: 8000;
    background: #fff;
    border-bottom: 1px solid #e4e4e4;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px; }
	
	#topBorder {
        width: 100%;
        height: 7px;
        float: left;
        position: relative;
        z-index: 1001; }
	
    header#header .wrap {
        width: 100%;
        height: 60px;
        float: left;
        padding: 20px 40px 0;
        transition: 0.5s ease all; }

        header#header.fixed { box-shadow: 0 15px 15px -15px rgba(0,0,0,0.15); }

    header#header a { color: #222; }

        header#header a:hover, header#header a.active { 
            color: #aaa;
            text-decoration: none; }

    header#header nav { 
        float: left;
        margin-top: -2px;
        font-size: 18px; }

        header#header nav ul li {
            float: left;
            margin: 0 19px 0 0; }

            header#header nav ul li a { 
                height: 42px;
                display: block; }

                header#header nav ul li a.active { border-bottom: 3px solid #222; }

        header#header nav a.mobileNav { 
            width: 28px;
            float: left;
            display: none;
            margin-top: -2px; }

            header#header nav a.mobileNav div {
                height: 3px;
                position: relative;
                margin: 5px 0 0;
                background: #222;
                transition: 0.2s ease all; }

            header#header nav a.mobileNav.open div:nth-child(2) { display: none; }

            header#header nav a.mobileNav.open div:nth-child(1) { 
                top: 7px;
                transform: rotate(45deg); }

            header#header nav a.mobileNav.open div:nth-child(3) { 
                top: -1px;
                transform: rotate(-45deg); }

    header#header .right { float: right; }

        header#header .right > a { 
            margin-right: 10px;
            font-weight: bold; }
        
        header#header .right .btn-services {
          float: left;
          padding: 7px 16px;
          margin: -8px 20px 0 0;
          border: 1px solid #f2881d;
          color: #f2881d;
          transition: 0.3s ease all; }
          
        header#header .right .btn-services:hover {
          background-color: #f2881d;
          color: #fff; }
           
        header#header .right .myAccount {
        	float: left;
        	position: relative;
        	margin: -6px 10px 0 0; }
        	
        	header#header .right .myAccount > a { 
        		display: block;
        		margin: 0; }
        
        	header#header .right .myAccount figure {
        		width: 32px;
        		height: 32px;
        		padding: 0;
        		margin: 0;
        		background-repeat: no-repeat;
        		background-position: center;
        		background-size: cover;
        		border: 1px solid #ccc;
        		border-radius: 100px;
        		overflow: hidden; }
        			
			header#header .right .myAccount .options {
				width: 150px;
				position: absolute;
				top: 40px;
				/*right: -20px;*/
				right: auto;
				z-index: 100;
				visibility: hidden; }
				
				header#header .right .myAccount .options > div {
					width: 100%;
					float: left;
					position: relative;
					top: -20px;
					padding: 10px 0;
					background: #fff;
					border: 1px solid #ccc;
					box-shadow: 0 1px 5px rgba(0,0,0,0.2);
					font-size: 13px;
					opacity: 0;
					transition: 0.2s ease all; }
				
				header#header .right .myAccount .options.open { 
					visibility: visible; }
				
					header#header .right .myAccount .options.open > div { 
						top: 0;
						opacity: 1; }
				
				header#header .right .myAccount .options ul li {
					width: 100%;
					float: left; }
					
					header#header .right .myAccount .options ul li a { 
						display: block;
						padding: 5px 0 5px 15px; }
						
						header#header .right .myAccount .options ul li a:hover {
							background: #eee;
							color: #222; }
						
					header#header .right .myAccount .options ul li div { 
						padding-bottom: 10px;
						margin-bottom: 10px;
						border-bottom: 1px solid #e4e4e4; }
						
					header#header .right .myAccount .options ul li div a { padding-left: 25px; }

        header#header .right .social { 
            float: right;
            margin-left: 7px; }

            header#header .right .social a {
                width: 17px;
                height: 16px;
                display: inline-block;
                margin: 2px 0 0 13px;
                text-align: center;
                opacity: 1; }

                header#header .right .social a:hover { opacity: 0.4; }

    header#header .subNav {
        width: 100%;
        float: left;
        border-top: 1px solid #e4e4e4;
        font-size: 13px; }

        header#header .subNav ul, header#header .subNav ul li { float: left; }

        header#header .subNav a, header#header .subNav .right ul li a {
            width: auto;
            height: 40px;
            float: left;
            padding: 0 17px;
            border-right: 1px solid #e4e4e4;
            text-align: center;
            font-family: 'Lato', sans-serif;
            font-size: 13px;
            font-weight: normal;
            line-height: 40px; }

            header#header .subNav a:hover { 
                background-color: #ddd;
                border-color: #ddd;
                color: #222; }

            header#header .subNav a:hover, header#header .subNav a.active, header#header .subNav a.all:hover, header#header .subNav a.all.active { 
                background: #ddd;
                border-color: #ddd;
                color: #222; }

            header#header .subNav a.articles:hover, header#header .subNav a.articles.active { 
                background: #36a6bc;
                border-color: #36a6bc;
                color: #fff; }

            header#header .subNav a.live:hover, header#header .subNav a.live.active { 
                background: #77bd22;
                border-color: #77bd22;
                color: #fff; }

            header#header .subNav a.videos:hover, header#header .subNav a.videos.active { 
                background: #d54d4d;
                border-color: #d54d4d;
                color: #fff; }

            header#header .subNav a.podcasts:hover, header#header .subNav a.podcasts.active { 
                background: #ff9933;
                border-color: #ff9933;
                color: #fff; }

            header#header .subNav a.blogs:hover, header#header .subNav a.blogs.active { 
                background: #982fe2;
                border-color: #982fe2;
                color: #fff; }

            header#header .subNav a.other:hover, header#header .subNav a.other.active { 
                background: #e22fa9;
                border-color: #e22fa9;
                color: #fff; }

            header#header .subNav a.black, header#header .subNav a.black:hover, header#header .subNav a.black.active { 
                background: #222;
                border-color: #222 !important;
                color: #fff; }

        header#header .subNav .right a {
            width: 40px;
            padding: 0;
            margin: 0;
            border-right: none !important;
            border-left: 1px solid #e4e4e4;
            font-size: 14px; }

            header#header .subNav .right .buttons { float: left; }

            header#header .subNav .right a.addArticle { font-size: 20px; }

            header#header .subNav .right a.addArticle:hover { 
                background: #d54d4d;
                color: #fff; }
            
            header#header .subNav .right a.rss:hover { 
                background: #ff9933;
                color: #fff; }

            header#header .subNav .right a.mail:hover { 
                background: #36a6bc;
                color: #fff; }

            header#header .subNav .right a.openSearch:hover { 
                background: #77bd22;
                color: #fff; }

        header#header .subNav .right .search {
            width: auto;
            float: left;
            position: relative;
            border-left: 1px solid #e4e4e4; }

            header#header .subNav .right .search:after {
                content: "\f002";
                width: 40px;
                height: 40px;
                position: absolute;
                z-index: 10;
                right: 0;
                display: none;
                background: #fff;
                font-family: 'FontAwesome';
                font-size: 14px;
                color: #222;
                text-align: center;
                line-height: 41px; }

            header#header .subNav .right .search a.openSearch { border: none; }

            header#header .subNav .right .search .searchForm { 
                width: auto;
                float: left;
                overflow: hidden; }

                header#header .subNav .right .search.open:after { display: block; }

            header#header .subNav .right .search input[type="text"] {
                width: 0;
                height: 40px;
                float: left;
                padding: 0;
                border: none;
                background: #fff;
                font: inherit;
                transition: 0.5s ease all; }

                header#header .subNav .right .search.open .searchForm input[type="text"] { 
                    width: 200px;
                    padding: 0 0 0 10px; }

            header#header .subNav .right .search input[type="submit"] { display: none; }
			
			header#header .subNav .mobileSubnav { display: none; }
		
				header#header .subNav .styledSelect.mobileSubnav select { border-right: none; }

/*** MOBILE NAV ***/
nav#mobileNav {
	width: 320px;
	max-height: 100%;
	display: none;
	position: fixed;
	top: 7px;
	left: -335px;
	bottom: 0;
	z-index: 8001;
	background: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,0.15);
	color: #b1b6b7;
	font-family: 'Titillium Web', sans-serif;
	transition: 0.5s ease all; }

    nav#mobileNav.open { left: 0; }
    
    nav#mobileNav > div {
    	width: 100%;
    	max-height: 100%;
    	float: left;
    	overflow-y: auto; }
    	
    nav#mobileNav .top {
    	width: 100%;
    	float: left;
    	padding-right: 30px;
    	padding-left: 30px; }
    	
		nav#mobileNav .top a.mobileNav { 
			width: 28px;
            float: left; }
    
            nav#mobileNav .top a.mobileNav div {
                height: 3px;
                position: relative;
                margin: 5px 0 0;
                background: #222;
                transition: 0.2s ease all; }

            nav#mobileNav .top a.mobileNav div:nth-child(2) { display: none; }

            nav#mobileNav .top a.mobileNav div:nth-child(1) { 
                top: 7px;
                transform: rotate(45deg); }

            nav#mobileNav .top a.mobileNav div:nth-child(3) { 
                top: -1px;
                transform: rotate(-45deg); }

    nav#mobileNav ul {
        padding: 0 30px 17px;
        font-size: 18px; }

        nav#mobileNav ul li { margin: 0 0 13px; }

            nav#mobileNav ul li a { color: #222; }
            
    nav#mobileNav .btn-services {
      display: block;
      padding: 8px 16px;
      margin: 0 30px 30px;
      border: 1px solid #f2881d;
      color: #f2881d;
      text-align: center;
      font-weight: bold;
      transition: 0.3s ease all; }
      
    nav#mobileNav .btn-services:hover {
      background-color: #f2881d;
      color: #fff;
      text-decoration: none; }
            
    nav#mobileNav .social {
        width: 100%;
        float: left;
        padding: 15px 30px;
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        text-align: center; }

        nav#mobileNav .social a { 
            width: 24px;
            display: inline-block;
            padding: 3px 0 2px;
            margin: 0 10px;
            text-align: center; }

    nav#mobileNav .lang {
        width: 100%;
        float: left;
        padding-bottom: 30px;
        margin: 30px 0 0;
        text-align: center;
        font-weight: bold; }

        nav#mobileNav .lang a { color: #222; }

#navOverlay {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    transition: 0.5s ease all; }

    #navOverlay.open { 
        z-index: 998;
        opacity: 1; }


/*** HEADINGS ***/
header.heading {
    width: 100%;
    float: left; }
	
	header.heading h1.inline { display: inline-block; }
	
    header.heading h2 { display: inline-block; }

    header.heading .right { 
        float: right;
        margin-top: 6px; }

header.heading .live {
    float: left;
    padding: 4px 20px;
    margin-top: 3px;
    background: #d54d4d;
    border-radius: 3px;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 2px; }
   
  header.heading .right_sort {
    float: right;
    margin-top: -5px; }
    
header.heading .filterTabs {
    float: right;
    margin-top: -4px;
    border: 1px solid #ddd; }
    
    header.heading .filterTabs a {
	    float: left;
	    padding: 10px 15px;
	    background: #fff;
	    border-right: 1px solid #ddd;
	    color: #aaa; }
	    
	header.heading .filterTabs a:last-child { border-right: 0; }
	    
	header.heading .filterTabs a:hover {
		color: #222;
		text-decoration: none; }
	    
	header.heading .filterTabs a.active {
		background: #58bdd1;
		color: #fff; }

           
/*** HOME EVENTS ***/
/*#home_events {
	background: #27889c;
	background: -moz-linear-gradient(top, #27889c 0%, #3da6bb 100%);
	background: -webkit-linear-gradient(top, #27889c 0%,#3da6bb 100%);
	background: linear-gradient(to bottom, #27889c 0%,#3da6bb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27889c', endColorstr='#3da6bb',GradientType=0 );
	color: #fff; }*/
#home_events { color: #fff; }
	
	#home_events .search {
		width: 100%;
		float: left;
		padding: 15px;
		background: #fff;
		border-radius: 3px;
		box-shadow: 0 0 25px rgba(0,0,0,0.2);
		color: #222; }
		
		#home_events .search form {
			width: 100%;
			float: left;
			position: relative;
			padding-right: 300px;
			border: 1px solid #ccc; }
			
			#home_events .search form:before {
				content: "\f002";
				position: absolute;
				top: 8px;
				left: 12px;
				font-family: 'FontAwesome';
				font-size: 18px;
				color: #aaa;
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale; }
			
		#home_events .search input {
			width: 100%;
			height: 40px;
			float: left;
			padding-left: 40px;
			border: none; }
			
		#home_events .search .dropdowns { 
			float: right;
			margin-right: -300px; }
			
		#home_events .search .styledSelect {
			width: 225px;
			float: left;
			position: relative;
			padding-left: 20px;
			border-left: 1px solid #ccc;
			overflow: hidden; }
			
			#home_events .search .styledSelect:before {
				position: absolute;
				top: 10px;
				font-family: 'FontAwesome';
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale; }
				
				#home_events .search .styledSelect.location:before { 
					content: "\f041";
					left: 14px; }
				
				#home_events .search .styledSelect.event:before { 
					content: "\f024";
					left: 10px; }
			
			#home_events .search .styledSelect select { 
				width: 100%;
				height: 40px;
				border: none; }
	
	#home_events .events .box_loader {
		text-align: center;
		height: 85px;
		padding: 30px 20px 20px 20px; }
				
	#home_events .events { margin-top: 30px; }
	
		#home_events .events .title {
			width: 100%;
			float: left; }
			
			#home_events .events .title h3 { display: inline-block; }
			
			#home_events .events .title a {
				float: right;
				margin-top: 5px;
				color: #fff;
				text-decoration: underline; }
				
		#home_events .events ul {
			padding: 0;
			margin: 0;
			list-style: none; }
			
			#home_events .events ul li {
				width: 100%;
				float: left;
				margin: 0 0 7px;
				background: #f5f5f5;
				border-radius: 3px; }
        
      #home_events .events ul li:hover {
        background: #fff; }
				
				#home_events .events ul li a { 
					width: 100%;
					float: left;
					position: relative;
					padding: 20px 90px 20px 20px; }
				
				#home_events .events ul li a:hover {
					/*background: #fff;*/
					box-shadow: 0 0 5px rgba(0,0,0,0.1);
					text-decoration: none; }
				
				#home_events .events ul li:last-child { margin: 0; }
				
				#home_events .events ul li h5 { 
					margin-bottom: 5px;
					font-size: 17px;
					color: #222;
					white-space: nowrap;
					text-overflow: ellipsis;
					overflow: hidden; }
				
				#home_events .events ul li .date { 
					color: #999;
					white-space: nowrap;
					text-overflow: ellipsis;
					overflow: hidden; }
				
				#home_events .events ul li figure {
					width: 55px;
					height: 55px;
					position: absolute;
					top: 50%;
					right: 20px;
					padding: 0;
					margin: -27px 0 0;
					background-color: #fff;
					background-repeat: no-repeat;
					background-position: center;
					background-size: contain;
					/* cover */
					border: 1px solid #ccc;
					border-radius: 100%;
					box-shadow: 0 1px 3px rgba(0,0,0,0.1);
					overflow: hidden; }
					
					
/*** HOME - ADD YOUR EVENT OR CLUB ***/
#home_addEventClub {
	height: 140px;
	position: relative;
	padding: 0 120px 0 400px;
	border-bottom: 1px solid #e4e4e4;
	overflow: hidden; }
	
	#home_addEventClub .title {
		width: 400px;
		height: 100%;
		float: left;
		position: absolute;
		top: 0;
		left: 0;
		padding: 27px 80px 0;
		background: #f5f5f5;
		box-shadow: 0 0 20px rgba(0,0,0,0.2); }
		
		#home_addEventClub .title .show_700 { display: none; }
		
	#home_addEventClub .carousel {
		width: 100%;
		height: 140px;
		float: left;
		position: relative;
		text-align: center;
		font-size: 16px; }
		
		#home_addEventClub .carousel button.slick-prev { display: none !important; }
		
		#home_addEventClub .carousel button.slick-next { 
			width: 40px;
			position: absolute;
			top: 10px;
			right: -40px;
			bottom: 10px;
			background: url(../images/arrow_next.png) center no-repeat;
			background: url(../images/svg/arrow_next.svg) center no-repeat, linear-gradient(transparent, transparent);
			background-size: 19px;
			border: none;
			font-size: 0;
			cursor: pointer; }
			
			#home_addEventClub .carousel button.slick-next:hover { background-color: #eee; }
		
		#home_addEventClub .carousel .slide { padding: 30px 20px 0; }
		
			#home_addEventClub .carousel .slide i {
				height: 32px;
				display: inline-block;
				margin-bottom: 10px; }
		
			#home_addEventClub .carousel .slide img { 
				height: 100%; }
					
					
/*** HOME NEWS ***/
#home_news .heading h3 { margin-bottom: 25px; }

#home_news .heading .right { margin-top: 4px; }

	#home_news .heading .right a { 
		color: #666;
		text-decoration: underline; }
		
		#home_news .heading .right a:hover { color: #3da6bb; }

#home_news .recentNews {
	width: 100%;
	float: left;
	margin-bottom: 40px; }
	
	#home_news .recentNews ul {
		padding: 0;
		margin: 0 -5px;
		list-style: none; }
		
		#home_news .recentNews ul li { 
			width: 50%;
			float: left;
			padding: 5px;
			margin: 0; }
		
		#home_news .recentNews ul li:first-child { 
			width: 50%;
			height: 400px; }
			
		#home_news .recentNews ul li:nth-child(2) {
			width: 50%;
			height: 235px; }
			
		#home_news .recentNews ul li:nth-child(n+3) {
			width: 25%;
			height: 165px; }
		
			#home_news .recentNews ul li a { 
				width: 100%;
				height: 100%;
				float: left;
				position: relative;
				background: #fafafa;
				overflow: hidden;
				transition: 0.2s ease all; }
				
			#home_news .recentNews ul li a:hover { text-decoration: none; opacity: 0.8; }
			
			.live_stream_link {
				transition: 0.2s ease all; }
				
			.live_stream_link:hover {
				opacity: 0.7;   }
			
			#home_news .recentNews ul li figure {
				width: 100%;
				height: 100%;
				float: left;
				margin: 0;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				transition: 0.5s ease all; }
				
				/*#home_news .recentNews ul li a:hover figure { transform: scale(1.1); }*/
				
				/*#home_news .recentNews ul li a:hover figure { background-color: black; opacity: 0.8; }*/
				
			#home_news .recentNews ul li .title {
				width: 100%;
				display: flex;
				align-items: flex-end;
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 10;
				padding: 20px;
				background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
				background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
				background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
				color: #fff;
				font-family: 'Titillium Web', sans-serif;
				font-weight: 600;
				text-shadow: 0 0 5px rgba(0,0,0,0.6);
				opacity: 1;
				/*transition: 0.5s ease all;*/ }
				
			#home_news .recentNews ul li:first-child .title { 
				min-height: 110px;
				font-size: 24px; }
				
			#home_news .recentNews ul li:nth-child(2) .title { 
				min-height: 80px;
				font-size: 24px; }
				
			#home_news .recentNews ul li:nth-child(n+3) .title { 
				min-height: 60px;
				font-size: 16px; }
				
			/*#home_news .recentNews ul li a:hover .title { opacity: 0; }*/
			
#home_news .liveNews {
	width: 100%;
	float: left;
	padding-top: 40px;
	margin-top: 10px;
	border-top: 1px solid #e4e4e4; }
	
	#home_news .liveNews .heading { margin-bottom: 30px; }
	
		#home_news .liveNews .heading h3 { margin: 0; }
		
		#home_news .liveNews .heading .right { margin-top: 6px; }
		
		#home_news .liveNews h5 { margin-bottom: 5px; }

		#home_news .liveNews h5 a { color: #222; }
		
	#home_news .liveNews ul {
		padding: 0;
		margin: 0 -10px;
		list-style: none; }
		
		#home_news .liveNews ul li { 
			width: 25%;
			float: left;
			padding: 0 10px; }
			
			#home_news .liveNews ul li a.pic {
				width: 100%;
				height: 160px;
				float: left;
				margin-bottom: 15px;
				overflow: hidden; }
				
				#home_news .liveNews ul li a.pic figure {
					width: 100%;
					height: 100%;
					float: left;
					margin: 0;
					background-size: cover;
					background-position: center;
					background-repeat: no-repeat; }
					
				/*#home_news .liveNews ul li a.pic:hover figure { transform: scale(1.1); }*/


/*** EXTRA ***/
#extra { 
    padding: 0;
    background: #f1b93f;
    color: #fff; }

    #extra .half {
        width: 50%;
        float: left;
        padding: 45px 80px; }

    #extra .usports { 
        padding-right: 240px;
        background: url(../images/bg_usports.jpg) right 80px center no-repeat #d54d4d;
        font-size: 15px; }

        #extra .usports a.btn { 
            width: 140px;
            margin-top: 10px; }

    #extra .social a {
        height: 38px;
        float: left;
        color: #222;
        font-size: 16px;
        font-weight: bold;
        line-height: 38px; }

        #extra .social a.facebook { 
            padding-left: 30px;
            margin-right: 50px;
            background: url(../images/icon_facebook2.png) left no-repeat;
            background: url(../images/svg/icon_facebook.svg) left no-repeat, linear-gradient(transparent, transparent);
            background-size: 19px; }

        #extra .social a.twitter { 
            padding-left: 50px;
            background: url(../images/icon_twitter2.png) left no-repeat;
            background: url(../images/svg/icon_twitter.svg) left no-repeat, linear-gradient(transparent, transparent);
            background-size: 43px; }
	
	
	.free_incentive_div {
		width: 20%; 
		text-align:center; 
		background-image:none; 
		padding: 10px; 
		float: right; 
		border: 1px solid #3dac12 !important; 
		background: #f9fdef; 
		color: #222; }
	
	.successBox, .success_div, .success_div2 {
	    width: 100%;
	    float: left;
	    position: relative;
	    padding: 10px 9px 9px 34px;
	    margin-bottom: 1.5rem;
	    /*background: #fff9e7;
	    border: 1px solid #f5af43;*/
	    border: 1px solid #3dac12 !important;
	    background: #f9fdef;
	    color: #222; }
	
	    .successBox:before, .success_div:before {
	        content: "\f058";
	        position: absolute;
	        top: 12px;
	        left: 10px;
	        margin-right: 7px;
	        font-family: "FontAwesome";
	        color: #4db846; }
	
    #extra .newsletter {
        width: 100%;
        height: 40px;
        float: left;
        padding-right: 125px;
        margin-top: 30px;
        background: #fff; }
		
		#extra .newsletter input.error[type="text"] {
			background-color: #fff694;
		}
		
        #extra .newsletter input[type="text"] {
            width: 100%;
            height: 100%;
            float: left;
            padding: 10px 10px 10px 45px;
            background: url(../images/icon_newsletter.png) left 10px center no-repeat;
            background: url(../images/svg/icon_newsletter.svg) left 10px center no-repeat, linear-gradient(transparent, transparent);
            background-size: 26px;
            border: none;
            font: inherit; }

        #extra .newsletter input[type="submit"] {
            width: 125px;
            height: 40px;
            float: right;
            margin-right: -125px;
            background: #222;
            border: none;
            color: #fff;
            font: inherit;
            font-family: 'Titillium Web', sans-serif;
            font-weight: bold;
            text-align: center;
            cursor: pointer; }

            #extra .newsletter input[type="submit"]:hover { background: #555; }


/*** EVENT INFO ***/
section#eventInfo { padding: 0 0 45px; }

    section#eventInfo header#eventBanner {
        width: 100%;
        height: 320px;
        float: left;
        background-size: cover; }

    section#eventInfo .wrap {
        width: 100%;
        padding: 0 50px;
        margin: 0 auto; }

    section#eventInfo main {
        width: 100%;
        float: left;
        padding: 30px 30px 40px;
        background: #fff; }

        section#eventInfo header#eventBanner + .wrap main { margin-top: -95px; }


        /*** HEADER DETAILS ***/
        .fake_logo { 
            width:0 !important;
            border:0 !important;
            padding: 0 !important; }
        
        section#eventInfo main header.details {
            width: 100%;
            float: left;
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: auto 1fr;
            grid-template-columns: auto 1fr;
            -ms-grid-rows: auto;
            grid-template-rows: auto;
            margin-bottom: 50px; }

            section#eventInfo main header.details figure {
                width: 133px;
                height: 133px;
                float: left;
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
                -ms-grid-row: 1;
								-ms-grid-column: 1;
                padding: 4px;
                margin: 0;
                background: #fff;
                border: 1px solid #e4e4e4; }
                
                section#eventInfo main header.details figure img { max-height: 100%; }

            section#eventInfo main header.details .content {
	            -ms-grid-row: 1;
							-ms-grid-column: 2; }

            section#eventInfo main header.details .top {
                width: 100%;
                float: left;
                padding: 10px 0 28px 20px;
                margin-bottom: 28px;
                border-bottom: 1px solid #e4e4e4; }

            section#eventInfo main header.details h1 { 
                max-width: 55%;
                float: left;
                margin: 0;
                font-size: 26px; }

            section#eventInfo main header.details .right { 
                max-width: 45%;
                float: right;
                margin-top: 6px;
                text-align: right; }

                section#eventInfo main header.details .right span {
                    float: right;
                    padding-right: 25px;
                    line-height: normal; }

                    section#eventInfo main header.details .right .location { 
	                    background: url(../images/icon_location.png) top 1px right 3px no-repeat;
	                    background: url(../images/svg/icon_location.svg) top 1px right 3px no-repeat, linear-gradient(transparent, transparent);
	                    background-size: 10px; }
                    
                    section#eventInfo main header.details .right .date { 
                        margin-left: 27px;
                        background: url(../images/icon_calendar.png) top 1px right no-repeat;
                        background: url(../images/svg/icon_calendar.svg) top 1px right no-repeat, linear-gradient(transparent, transparent);
                        background-size: 15px; }

            section#eventInfo main header.details .bottom {
                width: 100%;
                float: left;
                padding: 0 150px 0 20px; }

                section#eventInfo main header.details .bottom .buttons { float: left; }

                    section#eventInfo main header.details .bottom .buttons a.btn { 
                        width: 178px;
                        margin: 0 7px 7px 0; }
                        
                  section#eventInfo main header.details .bottom .buttons .has-dropdown {
	                    float: left;
	                    position: relative;
	                    margin: 0 7px 7px 0; }
	                    
	                section#eventInfo main header.details .bottom .buttons .has-dropdown a.btn { margin: 0; }
                        
                    section#eventInfo main header.details .bottom .buttons .has-dropdown a.btn span { min-width: 24px; }
                    
                    section#eventInfo main header.details .bottom .buttons .has-dropdown:hover a.btn span, 
                    section#eventInfo main header.details .bottom .buttons .has-dropdown a.btn.is-open span { width: 100%; }
                    
                    	section#eventInfo main header.details .bottom .buttons .has-dropdown a.btn span:before {
	                    	content: "";
	                    	position: absolute;
	                    	top: 50%;
	                    	left: 7px;
	                    	z-index: 10;
	                    	margin-top: -3px;
	                    	border-top: 6px solid #fff;
	                    	border-right: 5px solid transparent;
	                    	border-left: 5px solid transparent; }
	                    	
	                section#eventInfo main header.details .bottom .buttons .has-dropdown .dropdown {
		                width: 100%;
		                display: none;
		                position: absolute;
		                top: 100%;
		                left: 0;
		                z-index: 200;
		                padding: 8px 6px;
		                background: #fff;
		                border: 1px solid #ddd;
		                border-top: 0;
		                box-shadow: 0 3px 6px rgba(0,0,0,0.1);
		                font-size: 13px; }
		                
		                section#eventInfo main header.details .bottom .buttons .has-dropdown .dropdown ul {
			                padding: 0;
			                margin: 0;
			                list-style: none; }
			                
			            section#eventInfo main header.details .bottom .buttons .has-dropdown .dropdown li { margin: 4px 0; }
			            
			            section#eventInfo main header.details .bottom .buttons .has-dropdown .dropdown a {
				            display: block;
				            padding: 8px;
				            color: #222; }
				            
				        section#eventInfo main header.details .bottom .buttons .has-dropdown .dropdown a:hover {
					        background: #f0f0f0;
				            border-radius: 3px;
				            text-decoration: none; }
                        
                section#eventInfo main header.details .bottom .share { 
                    /*float: right;*/
                    position: absolute !important; 
                    right: 0; 
                    margin: -2px 40px 0 0; }


    /*** MAIN CONTENT ***/
    section#eventInfo .mainContent {
        width: 100%;
        min-height: 640px;
        float: left;
        position: relative;
        display: flex;
        align-items: stretch;
        padding: 0 250px 0 200px; }

        section#eventInfo .mainContent .block {
            width: 100%;
            float: left;
            margin-bottom: 20px; }

        section#eventInfo .mainContent .note {
            color: #777;
            font-size: 13px;
            font-style: italic; }

			section#eventInfo .mainContent.noCol1 { padding-left: 0; }
		
			section#eventInfo .mainContent.noCol1 article { padding-left: 0; }
			
		section#eventInfo .mainContent.noCol2 article .col_6, section#eventInfo .mainContent.noCol3 article .col_6 { width: 100%; }
		
		section#eventInfo .mainContent.noCol4 { padding-right: 0; }
		
			section#eventInfo .mainContent.noCol4 article { padding-right: 0; }
		
		section#eventInfo .mainContent.noCol1-2 { padding-left: 0; }
		
			section#eventInfo .mainContent.noCol1-2 article { padding-left: 0; }
			
				section#eventInfo .mainContent.noCol1-2 article .col_6 { width: 100%; }
		
		section#eventInfo .mainContent.noCol1-3 { padding-left: 0; }
		
			section#eventInfo .mainContent.noCol1-3 article { padding-left: 0; }
			
				section#eventInfo .mainContent.noCol1-3 article .col_6 { width: 100%; }
		
		section#eventInfo .mainContent.noCol1-4 {
			padding-left: 0;
			padding-right: 0; }
			
			section#eventInfo .mainContent.noCol1-4 article { 
				padding-left: 0;
				padding-right: 0; }
				
			section#eventInfo .mainContent.noCol1-4 .asideWrap { display: none; }
		
		section#eventInfo .mainContent.noCol2-3 { 
			padding-left: 0;
			padding-right: 0; }
		
			section#eventInfo .mainContent.noCol2-3 article { display: none; }
			
			section#eventInfo .mainContent.noCol2-3 .asideWrap {
				width: 100%;
				margin-left: 0; }
				
				section#eventInfo .mainContent.noCol2-3 .asideWrap aside {
					width: 50%;
					float: left;
					position: static; }
					
					section#eventInfo .mainContent.noCol2-3 .asideWrap aside.left { padding-right: 20px; }
					section#eventInfo .mainContent.noCol2-3 .asideWrap aside.right { padding-left: 20px; }
		
		section#eventInfo .mainContent.noCol2-4 { padding-right: 0; }
		
			section#eventInfo .mainContent.noCol2-4 article { padding-right: 0; }
			
				section#eventInfo .mainContent.noCol2-4 article .col_6 { width: 100%; }
		
		section#eventInfo .mainContent.noCol3-4 { padding-right: 0; }
		
			section#eventInfo .mainContent.noCol3-4 article { padding-right: 0; }
			
				section#eventInfo .mainContent.noCol3-4 article .col_6 { width: 100%; }

        /*** ASIDE WRAP ***/
        section#eventInfo .mainContent .asideWrap {
            width: 100%;
            float: left;
            margin-left: -100%; }

        section#eventInfo .mainContent aside.left {
            width: 200px;
            float: left;
            position: sticky;
            top: 98px;
            z-index: 100;
            margin-left: -200px; }
            
        section#eventInfo .mainContent aside.right {
            width: 250px;
            float: left;
            position: absolute;
            top: 0;
            right: 0; }

            section#eventInfo .mainContent .tabContent_wrap { 
                width: 100%;
                height: 550px; /* So weird - Change to 600px on https://trackie.rocks/club/canada-sport-championship/33269/ and adds white space to bottom */
                float: left;
                position: relative;
                border: 1px solid #e4e4e4;
                border-top: 0; }

                section#eventInfo .mainContent .tabContent_wrap > div {
                    width: 100%;
                    height: 100%;
                    float: left;
                    overflow-x: hidden;
                    overflow-y: auto; }
			
			section#eventInfo .mainContent #tab_news .addNews, section#eventInfo .mainContent #tab_rss_feed .addNews,
      section#eventInfo .mainContent #tab_news1 .addNews, section#eventInfo .mainContent #tab_rss_feed1 .addNews,
      section#eventInfo .mainContent #tab_news2 .addNews, section#eventInfo .mainContent #tab_rss_feed2 .addNews,
      section#eventInfo .mainContent #tab_news3 .addNews, section#eventInfo .mainContent #tab_rss_feed3 .addNews,
      section#eventInfo .mainContent #tab_news4 .addNews, section#eventInfo .mainContent #tab_rss_feed4 .addNews {
                height: 40px;
                position: absolute;
                bottom: 0;
                right: -1px;
                left: -1px;
                z-index: 10;
                color: #fff;
                text-align: center;
                line-height: 40px; }
            
            section#eventInfo .mainContent #tab_news ul, section#eventInfo .mainContent #tab_rss_feed ul,
            section#eventInfo .mainContent #tab_news1 ul, section#eventInfo .mainContent #tab_rss_feed1 ul,
            section#eventInfo .mainContent #tab_news2 ul, section#eventInfo .mainContent #tab_rss_feed2 ul,
            section#eventInfo .mainContent #tab_news3 ul, section#eventInfo .mainContent #tab_rss_feed3 ul,
            section#eventInfo .mainContent #tab_news4 ul, section#eventInfo .mainContent #tab_rss_feed4 ul {
                padding: 0;
                margin-bottom: 40px;
                list-style: none;
                font-size: 13px; }

                section#eventInfo .mainContent #tab_news ul li, section#eventInfo .mainContent #tab_rss_feed ul li,
                section#eventInfo .mainContent #tab_news1 ul li, section#eventInfo .mainContent #tab_rss_feed1 ul li,
                section#eventInfo .mainContent #tab_news2 ul li, section#eventInfo .mainContent #tab_rss_feed2 ul li,
                section#eventInfo .mainContent #tab_news3 ul li, section#eventInfo .mainContent #tab_rss_feed3 ul li,
                section#eventInfo .mainContent #tab_news4 ul li, section#eventInfo .mainContent #tab_rss_feed4 ul li {
                    margin: 0;
                    border-bottom: 1px solid #e4e4e4; }

                    section#eventInfo .mainContent #tab_news ul li:last-child, section#eventInfo .mainContent #tab_rss_feed ul li:last-child,
                    section#eventInfo .mainContent #tab_news1 ul li:last-child, section#eventInfo .mainContent #tab_rss_feed1 ul li:last-child,
                    section#eventInfo .mainContent #tab_news2 ul li:last-child, section#eventInfo .mainContent #tab_rss_feed2 ul li:last-child,
                    section#eventInfo .mainContent #tab_news3 ul li:last-child, section#eventInfo .mainContent #tab_rss_feed3 ul li:last-child,
                    section#eventInfo .mainContent #tab_news4 ul li:last-child, section#eventInfo .mainContent #tab_rss_feed4 ul li:last-child { border-bottom: none; }

                    section#eventInfo .mainContent #tab_news ul li .content, section#eventInfo .mainContent #tab_rss_feed ul li .content,
                    section#eventInfo .mainContent #tab_news1 ul li .content, section#eventInfo .mainContent #tab_rss_feed1 ul li .content,
                    section#eventInfo .mainContent #tab_news2 ul li .content, section#eventInfo .mainContent #tab_rss_feed2 ul li .content,
                    section#eventInfo .mainContent #tab_news3 ul li .content, section#eventInfo .mainContent #tab_rss_feed3 ul li .content,
                    section#eventInfo .mainContent #tab_news4 ul li .content, section#eventInfo .mainContent #tab_rss_feed4 ul li .content { padding: 15px 10px 0; }

                    section#eventInfo .mainContent #tab_news ul li h5, section#eventInfo .mainContent #tab_rss_feed ul li h5,
                    section#eventInfo .mainContent #tab_news1 ul li h5, section#eventInfo .mainContent #tab_rss_feed1 ul li h5,
                    section#eventInfo .mainContent #tab_news2 ul li h5, section#eventInfo .mainContent #tab_rss_feed2 ul li h5,
                    section#eventInfo .mainContent #tab_news3 ul li h5, section#eventInfo .mainContent #tab_rss_feed3 ul li h5,
                    section#eventInfo .mainContent #tab_news4 ul li h5, section#eventInfo .mainContent #tab_rss_feed4 ul li h5 { margin-bottom: 10px; }

                    section#eventInfo .mainContent #tab_news ul li a.readMore, section#eventInfo .mainContent #tab_rss_feed ul li a.readMore,
                    section#eventInfo .mainContent #tab_news1 ul li a.readMore, section#eventInfo .mainContent #tab_rss_feed1 ul li a.readMore,
                    section#eventInfo .mainContent #tab_news2 ul li a.readMore, section#eventInfo .mainContent #tab_rss_feed2 ul li a.readMore,
                    section#eventInfo .mainContent #tab_news3 ul li a.readMore, section#eventInfo .mainContent #tab_rss_feed3 ul li a.readMore,
                    section#eventInfo .mainContent #tab_news4 ul li a.readMore, section#eventInfo .mainContent #tab_rss_feed4 ul li a.readMore {
                        display: block;
                        padding: 7px 0;
                        color: #fff;
                        text-align: center; }

                    section#eventInfo .mainContent #tab_news ul li .foot, section#eventInfo .mainContent #tab_rss_feed ul li .foot,
                    section#eventInfo .mainContent #tab_news1 ul li .foot, section#eventInfo .mainContent #tab_rss_feed1 ul li .foot,
                    section#eventInfo .mainContent #tab_news2 ul li .foot, section#eventInfo .mainContent #tab_rss_feed2 ul li .foot,
                    section#eventInfo .mainContent #tab_news3 ul li .foot, section#eventInfo .mainContent #tab_rss_feed3 ul li .foot,
                    section#eventInfo .mainContent #tab_news4 ul li .foot, section#eventInfo .mainContent #tab_rss_feed4 ul li .foot {
                        padding: 5px 10px 15px;
                        margin-top: 20px;
                        color: #aaa;
                        font-size: 12px; }

                        section#eventInfo .mainContent #tab_news ul li .foot .date:before, section#eventInfo .mainContent #tab_rss_feed ul li .foot .date:before,
                        section#eventInfo .mainContent #tab_news1 ul li .foot .date:before, section#eventInfo .mainContent #tab_rss_feed1 ul li .foot .date:before,
                        section#eventInfo .mainContent #tab_news2 ul li .foot .date:before, section#eventInfo .mainContent #tab_rss_feed2 ul li .foot .date:before,
                        section#eventInfo .mainContent #tab_news3 ul li .foot .date:before, section#eventInfo .mainContent #tab_rss_feed3 ul li .foot .date:before,
                        section#eventInfo .mainContent #tab_news4 ul li .foot .date:before, section#eventInfo .mainContent #tab_rss_feed4 ul li .foot .date:before {
                            content: "\f017";
                            display: inline-block;
                            margin-right: 5px;
                            font-family: "FontAwesome"; }

						section#eventInfo .mainContent #tab_news ul li .foot a.edit,
            section#eventInfo .mainContent #tab_news1 ul li .foot a.edit,
            section#eventInfo .mainContent #tab_news2 ul li .foot a.edit,
            section#eventInfo .mainContent #tab_news3 ul li .foot a.edit,
            section#eventInfo .mainContent #tab_news4 ul li .foot a.edit { 
                            display: block;
                            float: right; }
                            
                            section#eventInfo .mainContent #tab_news ul li .foot a.edit:before,
                            section#eventInfo .mainContent #tab_news1 ul li .foot a.edit:before,
                            section#eventInfo .mainContent #tab_news2 ul li .foot a.edit:before,
                            section#eventInfo .mainContent #tab_news3 ul li .foot a.edit:before,
                            section#eventInfo .mainContent #tab_news4 ul li .foot a.edit:before {
                                content: "\f040";
                                display: inline-block;
                                margin-right: 5px;
                                font-family: "FontAwesome"; }

            
            
            section#eventInfo .mainContent aside.left .block_sponsors .person { margin-bottom: 1.5em; }
            
            section#eventInfo .mainContent aside.left .block_venue .person { margin-bottom: 1.5em; }
            
            /*** CONTACT US ***/
            section#eventInfo .mainContent aside.left .block_contact .person { margin-bottom: 1.5em; }

                section#eventInfo .mainContent aside.left .block_contact .person .icon { 
                    padding-left: 24px;
                    margin-top: 5px; }

                    section#eventInfo .mainContent aside.left .block_contact .person .email { 
	                    background: url(../images/icon_email2.png) left no-repeat;
	                    background: url(../images/svg/icon_email2.svg) left no-repeat, linear-gradient(transparent, transparent);
	                    background-size: 16px; }
                    
                    section#eventInfo .mainContent aside.left .block_contact .person .tel { 
	                    background: url(../images/icon_phone.png) left no-repeat;
	                    background: url(../images/svg/icon_phone.svg) left no-repeat, linear-gradient(transparent, transparent);
	                    background-size: 16px; }
                    
                    section#eventInfo .mainContent aside.left .block_contact .person .fax { 
	                    background: url(../images/icon_fax.png) left no-repeat;
	                    background: url(../images/svg/icon_fax.svg) left no-repeat, linear-gradient(transparent, transparent);
	                    background-size: 16px; }


            /*** CONFIRMATION LIST ***/
            section#eventInfo .mainContent aside.left .block_confirmation .num { font-size: 30px; }
            
            section#eventInfo .mainContent aside.left .block_volunteer {
                margin-top: 20px; }
            
            /*** DONATIONS ***/
            section#eventInfo .mainContent aside.left .block_donations .donations {
                margin-top: 20px;
                text-align: center; }

                section#eventInfo .mainContent aside.left .block_donations .donations .raised { 
                    color: #45a300;
                    font-size: 18px; }

                section#eventInfo .mainContent aside.left .block_donations .donations .bar {
                    width: 100%;
                    height: 6px;
                    float: left;
                    position: relative;
                    margin: 5px 0 7px;
                    background: #e4e4e4;
                    border-radius: 6px;
                    overflow: hidden; }

                    section#eventInfo .mainContent aside.left .block_donations .donations .bar div {
                        height: 100%;
                        position: absolute;
                        top: 0;
                        left: 0;
                        background: #77bd22; }

                section#eventInfo .mainContent aside.left .block_donations .donations .goal {
                    margin-bottom: 20px;
                    color: #999;
                    font-size: 13px; }


        /*** MENU ***/
			section#eventInfo .mainContent aside.left .block_sideMenu { 
				margin-bottom: 35px;
				font-size: 12px; }
			
				section#eventInfo .mainContent aside.left .block_sideMenu ul {
					list-style: none;
					padding: 0;
					margin: 0;
					border: 1px solid #e4e4e4;
					border-bottom: 0; }
					
					section#eventInfo .mainContent aside.left .block_sideMenu ul li {
						position: relative;
						margin: 0;
						background: #fff;
						border-bottom: 1px solid #e4e4e4; }
						
				section#eventInfo .mainContent aside.left .block_sideMenu ul ul { 
					border: 0;
					border-top: 1px solid #e4e4e4; }
					
					section#eventInfo .mainContent aside.left .block_sideMenu ul ul li { background: #fafafa; }
				
					section#eventInfo .mainContent aside.left .block_sideMenu ul ul li:last-child { border-bottom: 0; }
					
					section#eventInfo .mainContent aside.left .block_sideMenu ul li.hidePublic { display: none; }
					
						section#eventInfo .mainContent aside.left .block_sideMenu ul li.hidePublic > div { border: 1px dotted red; }
					
				section#eventInfo .mainContent aside.left .block_sideMenu a.label { 
					display: block;
					padding: 10px;
					color: #222;
					font-weight: bold; }
					
				section#eventInfo .mainContent aside.left .block_sideMenu ul ul a.label { 
					padding-left: 20px;
					font-weight: normal; }
					
				section#eventInfo .mainContent aside.left .block_sideMenu a.label:hover {
					background: rgba(232,245,249,0.4);
					text-decoration: none; }
					
					section#eventInfo .mainContent aside.left .block_sideMenu a.label div { overflow: hidden; }
					
				section#eventInfo .mainContent aside.left .block_sideMenu .addNew { 
					/*display: none;*/
					padding: 5px; }
				
					section#eventInfo .mainContent aside.left .block_sideMenu .addNew a {
						display: block;
						padding: 8px;
						background: #fff;
						border: 1px solid #36a6bc;
						border-radius: 3px;
						text-align: center;
						color: #36a6bc;
						transition: 0.2s ease all; }
					
				section#eventInfo .mainContent aside.left .block_sideMenu .addNew a:hover { 
					background: #36a6bc;
					text-decoration: none;
					color: #fff; }
				
        a.editPageBtn { 
          font-size: 13px;
          float:right; 
          margin-top: -18px;
          color: #36a6bc !important;
          padding: 5px; }
          
        a.editPageBtnInline { 
          margin-top: -10px !important; }
        
          a.editPageBtn {
            display: block;
            padding: 8px;
            background: #fff;
            border: 1px solid #36a6bc;
            border-radius: 3px;
            text-align: center;
            color: #36a6bc;
            transition: 0.2s ease all; }
          
        a.editPageBtn:hover { 
          background: #36a6bc;
          text-decoration: none;
          color: #fff !important; }
        
				section#eventInfo .mainContent aside.left .block_sideMenu .edit { 
					width: 35px;
					height: 35px;
					display: none;
					position: absolute;
					top: 0;
					right: 0;
					background: url(../images/svg/icon_edit.svg) center no-repeat;
					background-size: 12px; }
					
				section#eventInfo .mainContent aside.left .block_sideMenu .ui-sortable-placeholder {
					visibility: visible !important;
					background: #fff;
					border: 2px dashed #aaa !important; }
					
				section#eventInfo .mainContent aside.left .block_sideMenu .ui-sortable-helper { box-shadow: 0 3px 6px rgba(0,0,0,0.2); }
				
				section#eventInfo .mainContent aside.left .block_sideMenu.adminAccess a.label:before {
					content: "";
					width: 12px;
					height: 12px;
					float: left;
					margin: 1.5px 5px 0 0;
					background: url(../images/svg/icon_move.svg) center no-repeat;
					opacity: 0.5; }
					
				section#eventInfo .mainContent aside.left .block_sideMenu.adminAccess a.label { padding-right: 40px; }
				
				section#eventInfo .mainContent aside.left .block_sideMenu.adminAccess .edit,
				section#eventInfo .mainContent aside.left .block_sideMenu.adminAccess ul li.hidePublic { display: block; }

        /*section#eventInfo .mainContent aside.left .block_sideMenu.adminAccess .addNew { display: block; }*/

        /*** CENTER ARTICLE ***/
        section#eventInfo .mainContent article {
            width: 100%;
            float: right;
            position: relative;
            z-index: 10;
            padding: 0 40px; }


            /*** PRICES & DEADLINES ***/
            .block_deadlines .group { margin: 20px 0 30px; }

            .block_deadlines .date {
                display: block;
                margin-bottom: 10px;
                font-size: 16px;
                font-weight: bold; }
            
            #groupEvents_list div.registration {
	            margin-top: 10px; }
            
			.block_deadlines .registration, #groupEvents_list .registration {
				display: inline-block;
				padding: 3px 12px;
				background: #5e9c13;
				color: #fff;
				border-radius: 30px; }
				
				.block_deadlines .registration:before, #groupEvents_list .registration:before {
					content: "\f040";
					margin-right: 7px;
					font-family: "FontAwesome";
					text-rendering: auto;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale; }
				
				.block_deadlines .registration.closed, #groupEvents_list .registration.closed { background: #c42b2b; }

            .block_deadlines table.fees {
                width: 100%;
                float: left;
                margin: 15px 0;
                border-top: 1px solid #e4e4e4;
                font-size: 13px;
                line-height: normal; }

                .block_deadlines table.fees tr td { 
                    padding: 6px 0;
                    border-bottom: 1px solid #e4e4e4; }

                .block_deadlines table.fees tr td:nth-child(2) { text-align: right; }

            
            /*** PAYMENTS ***/
            section#eventInfo .block_payments .icons { margin: 10px 0; }

            
            /*** ADDITIONAL DOWNLOADS ***/
            section#eventInfo .block_additional ul { 
                padding-left: 18px; }

                section#eventInfo .block_additional ul li { 
                    position: relative;
                    padding-left: 5px; }

                section#eventInfo .block_additional ul a:before { 
                    content: "";
                    width: 14px;
                    height: 18px;
                    position: absolute;
                    left: -17px;
                    z-index: 10; }

                    section#eventInfo .block_additional ul li a.img:before { 
	                    background: url(../images/icon_img.png) left no-repeat;
	                    background: url(../images/svg/icon_img.svg) left no-repeat, linear-gradient(transparent, transparent);
	                    background-size: 14px; }
                    section#eventInfo .block_additional ul li a.doc:before { 
	                    background: url(../images/icon_doc.png) left no-repeat;
	                    background: url(../images/svg/icon_doc.svg) left no-repeat, linear-gradient(transparent, transparent);
	                    background-size: 14px; }
                    section#eventInfo .block_additional ul li a.txt:before { 
	                    background: url(../images/icon_txt.png) left no-repeat;
	                    background: url(../images/svg/icon_txt.svg) left no-repeat, linear-gradient(transparent, transparent);
	                    background-size: 14px; }
                    section#eventInfo .block_additional ul li a.html:before { 
	                    background: url(../images/icon_html.png) left no-repeat;
	                    background: url(../images/svg/icon_html.svg) left no-repeat, linear-gradient(transparent, transparent);
	                    background-size: 14px; }
                    section#eventInfo .block_additional ul li a.ppt:before { 
	                    background: url(../images/icon_ppt.png) left no-repeat;
	                    background: url(../images/svg/icon_ppt.svg) left no-repeat, linear-gradient(transparent, transparent);
	                    background-size: 14px; }
                    section#eventInfo .block_additional ul li a.pdf:before { 
	                    background: url(../images/icon_pdf.png) left no-repeat;
	                    background: url(../images/svg/icon_pdf.svg) left no-repeat, linear-gradient(transparent, transparent);
	                    background-size: 14px; }
                      

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  
   section#eventInfo.page-docs header#eventBanner .wrap {
	padding-top: 75px;   
   }
}

/*** DOCS ***/
section#eventInfo.page-docs header#eventBanner {
  padding: 0 30px 95px;
  background: url(../images/header_docs.jpg) center no-repeat;
  background-size: cover; }

  section#eventInfo.page-docs header#eventBanner .wrap {
    height: 100%;
    display: flex; }

.docs-banner {
  width: 750px;
  max-width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: minmax(0,1fr) 8px 100px 8px 100px;
  grid-template-columns: minmax(0,1fr) 125px;
  grid-template-areas: "search faq";
  gap: 8px;
  margin: auto; }

  .docs-banner-search { 
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: search; }

    .docs-banner-search input { width: 100%; }

  .docs-banner .btn {
    background-color: #2c3435;
    color: #fff; }

  .docs-banner .btn-faq { 
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: faq; }

  /*.docs-banner .btn-contact {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: contact; }*/

section#eventInfo.page-docs main {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: 250px minmax(0,1fr);
  grid-template-columns: 250px minmax(0,1fr);
  column-gap: 40px;
  padding-bottom: 0; }

.docs-topics {
  -ms-grid-row: 1;
  -ms-grid-column: 1; }

.docs-main-content {
  -ms-grid-row: 1;
  -ms-grid-column: 2; }

.docs-topics-heading {
  position: relative;
  font-family: 'Titillium Web', sans-serif;
  font-size: 24px; 
  font-weight: 600;
  line-height: 1; }

.docs-topics-heading::after {
  content: "";
  width: 8px;
  height: 8px;
  display: none;
  position: absolute;
  top: 7px;
  right: 6px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg); }

.docs-topics-heading.is-open::after { 
  right: 4px;
  transform: rotate(135deg); }

.docs-topics-heading + .sidenav { margin-top: 16px; }

.docs-main-top {
  padding-bottom: 8px;
  margin-bottom: 32px;
  border-bottom: 1px solid #ccc;
  font-size: 17px; }

.docs-videos img { 
  box-shadow: 0 6px 16px -6px rgba(0,0,0,.3);
  transition: 0.2s ease all; }

.docs-videos img:hover { 
  box-shadow: 0 6px 24px -6px rgba(0,0,0,.4);
  transform: scale(1.02); }

.docs-print {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: end;
	  -ms-flex-pack: end;
	  justify-content: end;
	  margin-bottom: 2em;
  }
  
  .docs-print button {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  align-items: center;
	  padding: .75em;
	  background: none;
	  border: 1px solid #ccc;
	  border-radius: 3px;
	  cursor: pointer;
  }
  
  .docs-print button::before {
	  content: "";
	  width: 1.3em;
	  height: 1.3em;
	  display: inline-block;
	  margin-right: .5em;
	  -webkit-mask-image: var(--icon);
	  mask-image: var(--icon);
	  -webkit-mask-position: center;
	  mask-position: center;
	  -webkit-mask-repeat: no-repeat;
	  mask-repeat: no-repeat;
	  -webkit-mask-size: cover;
	  mask-size: cover;
	  background-color: #222;
	  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' width='24' height='24' stroke-width='1.5' color='%23000' data-name='Layer 1'%3E%3Cdefs%3E%3Cstyle%3E.cls-6374f8d9b67f094e4896c65a-1%7Bfill:none;stroke:currentColor;stroke-miterlimit:10%7D%3C/style%3E%3C/defs%3E%3Cpath d='M17.73 18.68h2.86a1.9 1.9 0 0 0 1.91-1.91V9.14a1.9 1.9 0 0 0-1.91-1.91H3.41A1.9 1.9 0 0 0 1.5 9.14v7.63a1.9 1.9 0 0 0 1.91 1.91h2.86' class='cls-6374f8d9b67f094e4896c65a-1'/%3E%3Cpath d='M6.27 14.86h11.45v7.64H6.27zM6.27 1.5h11.45v5.73H6.27zM4.36 14.86h15.28M17.73 11.05h1.91M9.14 18.68h5.72' class='cls-6374f8d9b67f094e4896c65a-1'/%3E%3C/svg%3E");
  }
  
  .docs-print button:hover {
	  background-color: #f5f5f5;
  }
  
  .docs-edit  {
	  color: black;
	  text-decoration: none !important;
	  margin-right: 3px;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  align-items: center;
	  padding: 0.75em;
	  background: none;
	  border: 1px solid #ccc;
	  border-radius: 3px;
	  cursor: pointer;
  }
  
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  
	  .docs-print button::before {
		  background: none;
		  background-color: transparent;
		  background-position: center;
		  background-size: cover;
		  background-repeat: no-repeat;
		  background-image: url(/images/icon_print.svg);
	  }
  
  }

/*** SIDENAV ***/
.sidenav { border-top: 1px solid #ccc; }

.sidenav.is-open { display: block !important; }

  .sidenav a {
    display: block;
    color: #222; }

  .sidenav a:hover {
    opacity: 1;
    text-decoration: none; }
    
    .sidenav a.is-active {
      opacity: 1;
      color: #36a6bc; }
      
  .sidenav-group {
    padding-bottom: 16px;
    margin-top: 16px;
    border-bottom: 1px solid #ccc; }

    .sidenav-group .sidenav-group {
      padding-bottom: 0;
      border-bottom: 0; }

  .sidenav-group-heading1 a,
  .sidenav-group-heading2 a {
    position: relative;
    padding-right: 24px;
    margin-top: 16px; }

  .sidenav-group-heading1 a::after {
    content: "+";
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    text-align: center;
    color: #222;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.1; }

  .sidenav-group-heading1.is-open a::after { content: "–"; }

  .sidenav-group-heading2 a { opacity: .6; }

  .sidenav-group-heading2.is-open a { opacity: 1; }

  .sidenav-group-heading2 a::after {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    top: 5px;
    right: 6px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg); }

  .sidenav-group-heading2.is-open a::after {
    right: 4px;
    transform: rotate(135deg); }

  .sidenav-group-items {
    display: none;
    margin-left: 16px; }

  .sidenav-group-items.is-open { display: block; }

  .sidenav-group-item {
    padding-right: 24px;
    margin-top: 16px; }

    .sidenav-group-item a { opacity: .6; }


/*** ACCORDION TABS ***/
.accordion-tab {
  margin-top: 12px;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  box-shadow: 0 6px 16px -6px rgba(0,0,0,0.1); }

.accordion-tabs .accordion-tab:first-child { margin-top: 0; }

.accordion-tab-heading {
  font-family: 'Titillium Web', sans-serif;
  font-size: 18px;
  font-weight: 600; }

  .accordion-tab-heading a {
    display: block;
    position: relative;
    padding: 12px 40px 12px 16px;
    color: #222 !important; }

  .accordion-tab-heading a:hover {
    background-color: #f5f5f5;
    text-decoration: none; }

  .accordion-tab-heading a::after {
    content: "+";
    width: 40px;
    position: absolute;
    right: 0;
    text-align: center;
    line-height: 1.1; }

  .accordion-tab-heading.is-open a::after { content: "–"; }

.accordion-tab-content {
  display: none;
  font-size: 16px;
  padding: 0 16px;
  margin-top: 16px; }

  .accordion-tab-content blockquote, .docs-main-top blockquote {
    margin-bottom: 1.5rem;
    background: #fafafa;
    border: 1px solid #e4e4e4;
    border-left: 2px solid #f79a05; }
	
	/*.docs-main-top blockquote {
		margin: 15px 0 15px -35px !important; }*/
	
    .accordion-tab-content blockquote cite, .docs-main-top blockquote cite {
      display: block;
      padding: 7px 15px;
      background: #f0f0f0;
      border-bottom: 1px solid #e4e4e4;
      font-weight: bold; }

    .accordion-tab-content blockquote .text, .docs-main-top blockquote .text { 
      padding: 1px 15px;
      margin-top: 1.5rem; }
      
      table.docsTable { width: 100%; }
    
      table.docsTable thead { 
        background: #e9eaea;
        border-bottom: 1px solid #e4e4e4; }
    
        table.docsTable thead input { margin: 0; }
    
      table.docsTable th {
        padding: 10px;
        background: #2c3435;
        text-transform: uppercase;
        font-family: 'Titillium Web', sans-serif;
        font-weight: bold;
        color: #fff; }
    
      table.docsTable td { 
        padding: 10px;
        border-bottom: 1px solid #e4e4e4; }
      
	  .docsTable tr.pending {
		  background: #f7f7f7; }
	  
	  .docsTable tr.completed {
		  background: #bff4e5; }
	  
	  .docsTable tr.completed td {
		  font-weight: bold; }
	  
      a.docs_videos_btn:before {
        color: #3da6bc;
        content: "\f03d";
        font-family: "FontAwesome";
        font-size: 14px;
        display: block;
        margin-right: 5px;
        float: left; }
      
	  a.docs_inds_btn:before {
        color: #3da6bc;
        content: "\f044";
        font-family: "FontAwesome";
        font-size: 14px;
        display: block;
        margin-right: 5px;
        float: left; }
      
      a.docs_admins_btn:before {
        color: #3da6bc;
        content: "\f013";
        font-family: "FontAwesome";
        font-size: 15px;
        display: block;
        margin-right: 5px;
        float: left; }
		
		a.docs_updates_btn:before {
		  color: #3da6bc;
		  content: "\f27a";
		  font-family: "FontAwesome";
		  font-size: 14px;
		  display: block;
		  margin-right: 5px;
		  float: left; }

/*** SYSTEM UPDATES ***/
  .docs-system-status {
	  width: 100%;
	  float: left;
	  margin-top: 1rem;
	  border-radius: .25em;
	  overflow: hidden;
  }
  
	  .docs-system-status summary {
		  align-items: center;
		  padding: .9rem;
	  }
  
	  .docs-system-status[open] summary::after {
		  transform: rotate(180deg);
	  }
  
	  .docs-system-status table {
		  width: 100%;
	  }
  
	  .docs-system-status td {
		  padding: .9rem;
	  }
  
	  .docs-system-status tr + tr td {
		  border-top: 1px solid #ddd;
	  }
  
	  .docs-system-status .thumbnail {
		  width: 1.2em;
		  height: 1.2em;
		  display: inline-block;
		  vertical-align: top;
		  background: url(../images/svg/icon_thumbnail.svg) no-repeat center / cover;
	  }
  
  .docs-system-status.completed {
	  border: 1px solid #71b432;
  }
  
	  .docs-system-status.completed summary {
		  background-color: #91dc4a;
	  }
  
	  .docs-system-status.completed table {
		  border-top: 1px solid #71b432;
	  }
  
  .docs-system-status.pending {
	  border: 1px solid #bbb;
  }
  
	  .docs-system-status.pending summary {
		  background-color: #eee;
	  }
  
	  .docs-system-status.pending table {
		  border-top: 1px solid #bbb;
	  }

/*** NEWS & MEDIA ***/
#newsMedia .col { 
    padding: 0;
    overflow: hidden; }

#newsMedia a { color: #222; }

    #newsMedia a:hover figure { transform: scale(1.1); }

    #newsMedia a:hover .content { color: #aaa; }

#newsMedia figure {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0.5s ease all; }
        
    #newsMedia .row_ad730 .col_12 figure { height: 345px; }
    #newsMedia .col_6 figure { height: 380px; }
    #newsMedia .row_ad300 .col_6 figure { height: 250px; }
    #newsMedia .row_ad730 .col_6 figure { height: 255px; }
    #newsMedia .col_4 figure { height: 255px; }

#newsMedia .details {
    width: 100%;
    height: 90px;
    float: left;
    position: relative;
    padding: 25px 20px 0;
    background: #fff; }
	
	.force_grey_bg div.details { background: #f5f5f5 !important; }
    #newsMedia > .col:nth-child(even) .details { background: #f5f5f5; }
    #newsMedia .row_ad300 .col:nth-child(even) .details { background: #f5f5f5; }
    #newsMedia .row_ad730 .col:nth-child(odd) .details { background: #f5f5f5; }

    #newsMedia .details .cat {
        width: 100px;
        height: 26px;
        position: absolute;
        top: -13px;
        left: 20px;
        z-index: 10;
        color: #fff;
        font-family: 'Titillium Web', sans-serif;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        line-height: 26px; }

        #newsMedia .details .cat.article { background: #36a6bc; }
        #newsMedia .details .cat.live { background: #77bd22; }
        #newsMedia .details .cat.video { background: #982fe2; }
        #newsMedia .details .cat.podcast { background: #ff9933; }
        #newsMedia .details .cat.blog { background: #d54d4d; }
        #newsMedia .details .cat.other { background: #e22fa9; }

    #newsMedia .details .date {
        width: 100px;
        float: left;
        margin-right: 20px;
        font-family: 'Titillium Web', sans-serif;
        font-size: 18px;
        text-align: center;
        line-height: 1; }

        #newsMedia .details .date span {
            display: block;
            font-size: 30px; }

    #newsMedia .details .content { overflow: hidden; }

#newsMedia .row_ad300 {
    width: 100%;
    float: left;
    padding-left: 300px; }

    #newsMedia .row_ad300 .ad300 {
        width: 300px;
        height: 340px;
        float: left;
        margin-left: -300px;
        background: #f5f5f5;
        font-size: 12px;
        color: #b1b1b1;
        text-align: center; }

        #newsMedia .row_ad300 .ad300 .ad {
            width: 300px;
            max-width: 100%;
            height: 250px;
            max-height: 250px;
            margin: 0 auto;
            background: #e4e4e4; }

        #newsMedia .row_ad300 .ad300 .details { 
            padding: 0;
            background: #fff;
            line-height: 90px; }

#newsMedia .row_ad730 {
    width: 100%;
    float: left;
    padding-right: 730px; }

    #newsMedia .row_ad730 .row_ad730_group {
        width: 730px;
        float: right;
        margin-right: -730px; }

    #newsMedia .row_ad730 .ad730, #newsMedia .row_ad730 .ad730 .ad {
        width: 730px;
        max-width: 100%;
        height: 90px;
        max-height: 90px;
        float: left;
        background: #e4e4e4; }

    #newsMedia .row_ad730 .ad730 { background: #f5f5f5; }

    #newsMedia .row_ad730 .ad730 .ad { 
        float: none;
        margin: 0 auto; }

#newsMedia_liveStreams {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 40px; }

    #newsMedia_liveStreams .slick-track { 
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: stretch;
        align-items: stretch; }

    #newsMedia_liveStreams .slick-slide {
        height: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        background: #fff; }

    #newsMedia_liveStreams .slick-slide:nth-child(even) { background: #f5f5f5; }

    #newsMedia_liveStreams .details { 
        height: auto;
        padding: 20px;
        background: none; }

        #newsMedia_liveStreams .details a { 
            width: 100%;
            float: left; }

            #newsMedia_liveStreams .details a:hover .content { color: #aaa; }

        #newsMedia_liveStreams .details .cat {
            width: 70px;
            position: static;
            float: left;
            margin-bottom: 10px; }

        #newsMedia_liveStreams .details .date { 
            width: auto;
            margin: 5px 0 0 10px;
            font-size: 16px; }

            #newsMedia_liveStreams .details .date span { 
                display: inline;
                font-size: 16px; }

        #newsMedia_liveStreams .details .content { 
            width: 100%;
            float: left;
            overflow: visible; }

    #newsMedia_liveStreams button {
        width: 40px;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        border: none;
        font-size: 0;
        cursor: pointer; }

        #newsMedia_liveStreams button.slick-prev { 
            left: 0;
            background: url(../images/arrow_prev.png) center no-repeat #e4e4e4;
			background: url(../images/svg/arrow_prev.svg) center no-repeat, linear-gradient(transparent, transparent), #e4e4e4;
            background-size: 15px;
            border-right: 1px solid #e4e4e4; }

        #newsMedia_liveStreams button.slick-next { 
            right: 0;
            background: url(../images/arrow_next.png) center no-repeat #e4e4e4;
			background: url(../images/svg/arrow_next.svg) center no-repeat, linear-gradient(transparent, transparent), #e4e4e4;
            background-size: 15px;
            border-left: 1px solid #e4e4e4; }

        #newsMedia_liveStreams button:not(.slick-disabled):hover { background-color: #ddd; }

        #newsMedia_liveStreams button.slick-disabled { 
            background-color: #fff;
            border-color: #bbb;
            opacity: 0.25;
            cursor: default; }

#newsMedia_fixedFilter {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 100; }

    #newsMedia_fixedFilter a.open {
        width: 50px;
        height: 50px;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        background: #fff;
        -webkit-border-radius: 200px;
        border-radius: 200px;
        box-shadow: 0 0 5px rgba(0,0,0,0.3);
        color: #222;
        font-size: 20px; }

        #newsMedia_fixedFilter a:hover { text-decoration: none; }

    #newsMedia_fixedFilter ul {
        width: 80px;
        position: absolute;
        bottom: 70px;
        left: -15px;
        z-index: -1;
        font-size: 13px; }

        #newsMedia_fixedFilter ul li a {
            width: 0;
            position: absolute;
            bottom: -70px;
            left: 0;
            right: 0;
            display: block;
            padding: 5px 10px;
            margin: 10px auto 0;
            background: #fff;
            border-radius: 20px;
            box-shadow: 0 0 5px rgba(0,0,0,0.3);
            opacity: 0;
            text-align: center;
            color: #fff;
            font-size: 0;
            transition: 0.5s ease all; }

            #newsMedia_fixedFilter ul li a.all { 
                background: #fff;
                color: #222;
                transition-delay: 0.42s; }

            #newsMedia_fixedFilter ul li a.articles { 
                background: #36a6bc;
                transition-delay: 0.35s; }

            #newsMedia_fixedFilter ul li a.live { 
                background: #77bd22;
                transition-delay: 0.28s; }

            #newsMedia_fixedFilter ul li a.videos { 
                background: #982fe2;
                transition-delay: 0.21s; }

            #newsMedia_fixedFilter ul li a.podcasts { 
                background: #ff9933;
                transition-delay: 0.14s; }

            #newsMedia_fixedFilter ul li a.blogs { 
                background: #d54d4d;
                transition-delay: 0.07s; }

            #newsMedia_fixedFilter ul li a.other { background: #e22fa9; }

            #newsMedia_fixedFilter ul.open li a { 
                width: 80px;
                font-size: 13px;
                opacity: 1; }

            #newsMedia_fixedFilter ul.open li a.all { bottom: 210px; }
            #newsMedia_fixedFilter ul.open li a.articles { bottom: 175px; }
            #newsMedia_fixedFilter ul.open li a.live { bottom: 140px; }
            #newsMedia_fixedFilter ul.open li a.videos { bottom: 105px; }
            #newsMedia_fixedFilter ul.open li a.podcasts { bottom: 70px; }
            #newsMedia_fixedFilter ul.open li a.blogs { bottom: 35px; }
            #newsMedia_fixedFilter ul.open li a.other { bottom: 0; }


/*** CALENDAR ***/
#calendar_featured {
    width: 100%;
    float: left;
    margin-bottom: 40px;
    text-align: center;
    font-size: 13px; }

    #calendar_featured .slider { margin: 0 -10px; }

    #calendar_featured .slick-slide { margin: 0 10px; }

    #calendar_featured button {
        width: 40px;
        height: 140px;
        position: absolute;
        top: 0;
        border: none;
        font-size: 0;
        cursor: pointer; }

        #calendar_featured button.slick-prev { 
            left: -50px;
            background: url(../images/arrow_prev.png) center no-repeat;
			background: url(../images/svg/arrow_prev.svg) center no-repeat, linear-gradient(transparent, transparent);
            background-size: 15px; }

        #calendar_featured button.slick-next { 
            right: -50px;
            background: url(../images/arrow_next.png) center no-repeat;
			background: url(../images/svg/arrow_next.svg) center no-repeat, linear-gradient(transparent, transparent);
            background-size: 15px; }

        #calendar_featured button:not(.slick-disabled):hover { background-color: #eee; }

        #calendar_featured button.slick-disabled { 
            opacity: 0.25;
            cursor: default; }

    #calendar_featured a { color: #222; }

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

    #calendar_featured figure {
        height: 140px;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 10px;
        margin: 0 0 10px;
        border: 1px solid #e4e4e4; }

        #calendar_featured figure img { max-height: 100%; }

    #calendar_featured h5 {
        margin: 0 0 5px;
        font-size: 14px; }

#calendar .tabs, #calendar .results_tabs { margin-bottom: 20px; }

    #calendar .tabs a, #calendar .results_tabs a { 
        margin: 0 10px 0 0;
        float: left; }

#calendar .show_600 .styledSelect, #calendar .show_900 .styledSelect { margin-bottom: 10px; }

#calendar .show_600 input, #calendar .show_900 input { width: 100%; }

#calendar table {
    width: 100%;
    float: left;
    font-size: 14px; }

    #calendar table thead { 
        background: #e9eaea;
        border-bottom: 1px solid #e4e4e4; }
	
	#calendar table #calendar_list_season, table#upcomingTable #calendar_list_season, table#pastTable #calendar_list_season_past {
		width: 10%; } 
	#calendar table #calendar_list_date, table#upcomingTable #calendar_list_date, table#pastTable #calendar_list_date_past {
		width: 15%; } 
	#calendar table #calendar_list_title, table#upcomingTable #calendar_list_title, table#pastTable #calendar_list_title_past {
		width: 36%; } 
	#calendar table #calendar_list_location, table#upcomingTable #calendar_list_location, table#pastTable #calendar_list_location_past {
		width: 18%; } 
	#calendar table #calendar_list_location2 {
		width: 23%; } 
	#calendar table #calendar_list_type, table#upcomingTable #calendar_list_type, table#pastTable #calendar_list_type_past {
		width: 15%; } 
	#calendar table #calendar_list_info { 
		width: 16%;
		min-width:150px !important; }
	table#upcomingTable #calendar_list_info, table#pastTable #calendar_list_info_past { 
		width: 16%;
		min-width:90px !important; }
		
    #calendar table th {
        padding: 10px;
        background: #2c3435;
        font-family: 'Titillium Web', sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #fff; }
		
	#calendar table tr:hover { 
        background-color: #f6f6f6;
        cursor: pointer; }
		
    #calendar table td { 
		vertical-align: middle;
        padding: 10px;
        border-bottom: 1px solid #e4e4e4; }

        #calendar table tr tr:last-child, #calendar table tr td:last-child { padding-right: 0; }

    #calendar table thead input.filterTitle { width: 100%; }

    #calendar table thead .styledSelect, #calendar table thead .styledSelect select { width: 100%; }

    #calendar table a.btn {
        width: 100%;
        min-width: 100px;
        float: none;
        display: block; }

		#calendar table .flex {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
		}
		
			#calendar table .flex .page_logo_listing {
				-webkit-box-flex: 0;
				-ms-flex: none;
				flex: none;
			}
		
		#calendar table .registration-deadline {
			margin-top: .5em;
			font-size: .85em;
		}
		
			#calendar table .registration-deadline time {
				color: #555 !important;
			}
		
		#calendar table .registration-deadline::before {
			content: "\f017";
			display: inline-block;
			margin-right: .25em;
			font-family: 'FontAwesome';
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
		
		#calendar table .registration-deadline.open::before, #calendar table .registration-deadline.open {
			color: #609a23 !important;
		}
		
		#calendar table .registration-deadline.closed::before, #calendar table .registration-deadline.closed {
			color: #c22d30 !important;
		}
		
/*** PAGINATION ***/
	#pagination {
        width: 100%;
        float: left;
        margin-top: 50px;
        margin-bottom: 30px;
        text-align: center;
        font-size: 14px; }

        #pagination ul {
            display: inline-block;
            padding: 0;
            margin: 0;
            list-style: none; }

            #pagination ul li {
                min-width: 30px;
                display: inline-block;
                margin: 0 2px; }

        #pagination a {
            min-width: 30px;
            height: 30px;
            display: inline-block;
            padding: 0 10px;
            border-radius: 100px;
            color: #666;
            line-height: 30px; }

        #pagination a:hover { 
            background: #ddd;
            color: #222;
            text-decoration: none; }

        #pagination ul a.active {
            background: #77bc21;
            color: #fff !important; }

        #pagination a.prev span { margin-left: 5px; }

        #pagination a.prev:before { 
            content: "\f053";
            display: inline-block;
            margin-right: 2px;
            font-family: "FontAwesome";
            font-weight: 900; }

        #pagination a.next span { margin-right: 5px; }

        #pagination a.next:after { 
            content: "\f054";
            display: inline-block;
            margin-left: 2px;
            font-family: "FontAwesome";
            font-weight: 900; }

a.manage_club_admins, a.manage_club_list, a.edit_settings_link, a.manage_page_link, a.view_qr_app, a.view_video, a.view_docs { margin-right: 15px; }

  a.manage_page_link:after { 
    content: "\f03a";
    display: inline-block;
    margin-left: 8px;
    color: #c3c3c3;
    font-weight: 100;
    font-family: "FontAwesome"; }
  
  a.view_web_page:after { 
    content: "\f0ac";
    display: inline-block;
    margin-left: 8px;
    color: #c3c3c3;
    font-weight: 100;
    font-family: "FontAwesome"; }

  a.manage_club_admins:after { 
    content: "\f023";
    display: inline-block;
    margin-left: 8px;
    color: #c3c3c3;
    font-weight: 100;
    font-family: "FontAwesome"; }
  
  a.view_qr_app:after { 
  	content: "\f029";
  	display: inline-block;
  	margin-left: 8px;
  	color: #c3c3c3;
  	font-weight: 100;
  	font-family: "FontAwesome"; }
	  
	 a.view_video:after { 
	   content: "\f03d";
	   display: inline-block;
	   margin-left: 8px;
	   color: #c3c3c3;
	   font-weight: 100;
	   font-family: "FontAwesome"; }
	   
	a.view_docs:after { 
	   content: "\f02d";
	   display: inline-block;
	   margin-left: 8px;
	   color: #c3c3c3;
	   font-weight: 100;
	   font-family: "FontAwesome"; }
    
  a.manage_club_list:after { 
    content: "\f2bd";
    display: inline-block;
    margin-left: 8px;
    color: #c3c3c3;
    font-weight: 100;
    font-family: "FontAwesome"; }
    
    a.edit_settings_link:after { 
      content: "\f013";
      display: inline-block;
      margin-left: 8px;
      color: #c3c3c3;
      font-weight: 100;
      font-family: "FontAwesome"; }
    
#fixedPagination {
    padding: 13px 0 10px;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 200;
    background: #202526;
    box-shadow: 0 0 15px rgba(0,0,0,0.15);
    color: #fff; }

    #fixedPagination #pagination { margin: 0; }

        #fixedPagination #pagination input[type="text"] {
            width: 40px;
            padding: 7px;
            margin: 0 3px;
            background: #fff;
            border: none;
            font: inherit;
            color: #222;
            text-align: center; }

        #fixedPagination #pagination a.arrow { margin-top: -15px; }

        #fixedPagination #pagination .prev {
            left: 0;
            background: url(../images/arrow_prev2.png) center no-repeat;
            background: url(../images/svg/arrow_prev2.svg) center no-repeat, linear-gradient(transparent, transparent);
            background-size: 10px; }

            #fixedPagination #pagination .prev:hover { 
                background: url(../images/arrow_prev3.png) center no-repeat;
                background: url(../images/svg/arrow_prev3.svg) center no-repeat, linear-gradient(transparent, transparent);
                background-size: 10px; }

        #fixedPagination #pagination .next {
            right: 0;
            background: url(../images/arrow_next2.png) center no-repeat;
            background: url(../images/svg/arrow_next2.svg) center no-repeat, linear-gradient(transparent, transparent);
            background-size: 10px; }

            #fixedPagination #pagination .next:hover { 
                background: url(../images/arrow_next3.png) center no-repeat;
                background: url(../images/svg/arrow_next3.svg) center no-repeat, linear-gradient(transparent, transparent);
                background-size: 10px; }


/*** 404 ***/
#error404 header.banner { background: url(../images/header_404.png) center no-repeat; }

#error404 .content {
    width: 100%;
    max-width: 950px;
    min-height: 460px;
    padding: 30px 380px 0 0;
    margin: 0 auto;
    background: url(../images/bg_404.png) top right no-repeat;
    font-size: 17px; }

    #error404 h1 { font-size: 36px; }
    
    #error404 p.sub { 
        margin-bottom: 2em;
        font-size: 20px; }

    #error404 .btns { margin: 0 -3px; }

    #error404 ul {
        width: 100%;
        float: left;
        padding: 0;
        margin: 0;
        list-style: none; }

        #error404 ul li { 
            width: 33.3334%;
            float: left;
            padding: 3px; }

    #error404 a.btn { background: #222; }
        
        #error404 a.btn span { background: #81179b; }


/*** TESTIMONIALS ***/
#testimonials .col_6 { margin: 20px 0 10px; }

#testimonials .col_6:nth-child(2n+1) { clear: both; }

#testimonials .name {
    width: 100%;
    float: left;
    padding-top: 30px;
    border-top: 1px solid #e4e4e4; }

    #testimonials .name figure {
        width: 40px;
        height: 40px;
        float: left;
        padding: 0;
        margin: 0 10px 0 0;
        border-radius: 100%;
        overflow: hidden; }

    #testimonials .name .content { overflow: hidden; }

        #testimonials .name .content span { font-size: 13px; }

    #testimonials blockquote {
        width: 100%;
        float: left;
        margin-top: 20px; }

#testimonials_submit {
    background: url(../images/bg_testimonial.png) center no-repeat #48b39b;
    text-align: center;
    font-size: 15px;
    color: #fff; }

    #testimonials_submit p { 
        max-width: 800px;
        margin-right: auto;
        margin-left: auto; }

    #testimonials_submit a.btn { 
        width: 200px;
        float: none;
        display: block;
        margin: 0 auto;
        background: #ffd248;
        color: #222; }

            #testimonials_submit a.btn span { background: #f1c02b; }


/*** 2 COLUMN LAYOUT ***/
.columns2 {
    width: 100%;
    float: left;
    padding-right: 300px; }

    .columns2 main {
        width: 100%;
        float: left;
        padding-right: 40px; }

        .columns2 main .adTop {
            width: 100%;
            float: left;
            margin-bottom: 30px; }

    .columns2 aside {
        width: 300px;
        float: right;
        margin-right: -300px; }

        .columns2 aside .ad {
            width: 100%;
            float: left; }

        .columns2 aside .ad1 { margin-bottom: 40px; }

        .columns2 aside .ad2 { margin-bottom: 15px; }

        .columns2 aside .posters, .columns2 aside .sideBlock {
            width: 100%;
            float: left;
            margin-bottom: 40px;
            border: 1px solid #e4e4e4;
            border-top: none; }

            .columns2 aside .posters h4, .columns2 aside .sideBlock h4 {
                padding: 12px 15px;
                margin-right: -1px;
                margin-left: -1px;
                background: #2c3435;
                color: #fff;
                font-family: 'Titillium Web', sans-serif;
                font-size: 14px;
                font-weight: bold;
                text-transform: uppercase; }

            .columns2 aside .posters .tabs { 
                padding-left: 10px;
                text-align: left; }

            .columns2 aside .posters .tabContent { padding-top: 10px; }

            .columns2 aside .posters .users {
                padding: 0 15px;
                margin: 0 -5px;
                list-style: none;
                font-size: 12px; }

                .columns2 aside .posters .users li {
                    width: 50%;
                    float: left;
                    padding: 5px;
                    margin: 0; }

                    .columns2 aside .posters .users li:nth-child(2n+1) { clear: both; }

                    .columns2 aside .posters .users li .user {
                        width: 40px;
                        height: 40px;
                        float: left;
                        position: relative;
                        margin: 0 7px 0 0; }

                        .columns2 aside .posters .users li .user.verified:after {
                            content: "";
                            width: 16px;
                            height: 16px;
                            position: absolute;
                            top: -3px;
                            right: -3px;
                            background: url(../images/icon_verified.png) no-repeat;
                            background: url(../images/svg/icon_verified.svg) no-repeat, linear-gradient(transparent, transparent);
                            background-size: 16px; }

                    .columns2 aside .posters .users li figure {
                        width: 100%;
                        height: 100%;
                        float: left;
                        padding: 0;
                        margin: 0;
                        background: url(../images/icon_avatar.png) center no-repeat;
                        background: url(../images/svg/icon_avatar.svg) center no-repeat, linear-gradient(transparent, transparent);
                        background-size: cover;
                        border-radius: 100%;
                        overflow: hidden; }

                    .columns2 aside .posters .users li .content { 
                        margin-top: 2px;
                        overflow: hidden; }

                    .columns2 aside .posters .users li .name { 
                        margin-bottom: 3px;
                        font-size: 13px;
                        color: #999;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis; }

            .columns2 aside .posters .stats {
                width: 100%;
                float: left;
                padding: 15px;
                margin: 10px 0 0;
                border-top: 1px solid #e4e4e4;
                font-size: 13px;
                white-space: nowrap; }

                .columns2 aside .posters .stats p { margin-bottom: 15px; }

                .columns2 aside .posters .stats span { 
                    display: block;
                    margin-top: 3px;
                    font-size: 18px; }

        .columns2 aside div.list ul {
            padding: 0 15px;
            margin: 0;
            list-style: none; }

            .columns2 aside div.list ul li { 
                width: 100%;
                float: left;
                margin-bottom: 15px; }

            .columns2 aside div.list ul small { color: #aaa; }

                .columns2 aside div.list ul li .img {
                    width: 75px;
                    float: left;
                    position: relative;
                    padding: 0;
                    margin: 0 10px 0 0; }

                    .columns2 aside div.list ul li .img img { 
                        width: 100%;
                        float: left; }
				
				.columns2 aside div.list ul li .img.video:after {
                    content: "\f04b";
                    box-sizing: border-box;
                    width: 22px;
                    height: 22px;
                    position: absolute;
                    bottom: 5px;
                    right: 5px;
                    padding-left: 2px;
                    background: #000;
                    border-radius: 100%;
                    box-shadow: 0 0 2px rgba(255,255,255,1);
                    font-size: 9px;
                    font-family: "FontAwesome";
                    text-align: center;
                    color: #fff;
                    line-height: 22px;
                    opacity: 0.8; }

                .columns2 aside div.list ul li .content { overflow: hidden; }

                .columns2 aside div.list ul li a:hover { text-decoration: none; }

                    .columns2 aside div.list ul li a:hover .title { text-decoration: underline; }
                    
                    .columns2 aside div.rankingsList ul {
            padding: 0 15px;
            margin: 0;
            list-style: none;
            font-size: 13px; }

            .columns2 aside div.rankingsList ul li { 
                width: 100%;
                float: left;
                margin-bottom: 5px; }
                
				.columns2 aside div.rankingsList ul li span { float: left; }
				
				.columns2 aside div.rankingsList ul li span:not(.img) { line-height: 40px; }
				
					.columns2 aside div.rankingsList ul li .pos { 
						width: 25px;
						text-align: left;
						color: #aaa; }
					
					.columns2 aside div.rankingsList ul li .img { 
						width: 40px;
						height: 40px;
						margin-right: 10px; }
						
					.columns2 aside div.rankingsList ul li .name {  }
					
					.columns2 aside div.rankingsList ul li .points { 

						float: right; }
					
					.columns2 aside div.rankingsList ul li small { 
						font-size: 9px;
						text-transform: uppercase; }
                    
		.columns2 aside .updateNotice { 
			width: 100%;
            float: left;
            padding: 15px;
            margin: 10px 0 0;
            border-top: 1px solid #e4e4e4;
			font-size: 12px; }

.adBottom {
    width: 100%;
    float: left;
    margin-top: 40px;
    text-align: center; }


/*** FORUM ***/
#forumTable {
    width: 100%;
    float: left; }

    #forumTable .filter {
        width: 100%;
        float: left;
        display: none;
        margin: 0 0 15px; }

        #forumTable .filter a { margin-left: 10px; }

        #forumTable .filter a.btn { 
            width: 140px;
            float: none;
            display: inline-block;
            margin: 0; }

        #forumTable .filter .dropdowns { margin-bottom: 15px; }

            #forumTable .filter .dropdowns .styledSelect { margin-right: 4px; }

    #forumTable table {
        width: 100%;
        float: left;
        font-size: 12px; }

        #forumTable table th {
            padding: 10px;
            background: #2c3435;
            font-family: 'Titillium Web', sans-serif;
            font-size: 14px;
            font-weight: bold;
            color: #fff; }

        #forumTable table tbody tr:nth-child(even) { background: #fafafa; }

        #forumTable table td { 
            padding: 10px 10px;
            border-bottom: 1px solid #e4e4e4; }

            #forumTable table td .topic { font-size: 13px; }

                #forumTable table td .topic span { color: #999; }

                #forumTable table td .topic i.icon {
                    width: 13px;
                    height: 13px;
                    display: inline-block;
                    vertical-align: baseline;
                    margin-right: 5px;
                    text-align: center;
                    font-style: normal; }

                #forumTable table td .topic i.locked { 
                    background: url(../images/icon_lock.png) bottom no-repeat;
                    background: url(../images/svg/icon_lock.svg) bottom no-repeat, linear-gradient(transparent, transparent);
                    background-size: 12px; }

                #forumTable table td .topic i.pinned {
                    background: url(../images/icon_pin.png) bottom no-repeat;
                    background: url(../images/svg/icon_pin.svg) bottom no-repeat, linear-gradient(transparent, transparent);
                    background-size: 12px; }

                #forumTable table td .topic i.hot {
                    background: url(../images/icon_hotTopic.png) center no-repeat;
                    background: url(../images/svg/icon_hotTopic.svg) center no-repeat, linear-gradient(transparent, transparent);
                    background-size: 100%; }

                #forumTable table td .topic i.verified {
                    background: url(../images/icon_verified.png) bottom no-repeat;
                    background: url(../images/svg/icon_verified.svg) bottom no-repeat, linear-gradient(transparent, transparent);
                    background-size: 12px; }

            #forumTable table td .info { 
                display: inline;
                margin: 3px 15px 0 0; }

                #forumTable table td .info span { color: #999; }

            #forumTable table td .paging { 
                display: inline-block;
                margin-top: 3px; }

                #forumTable table td .paging ul {
                    display: inline-block;
                    padding: 0;
                    margin: 0;
                    list-style: none; }

                    #forumTable table td .paging ul li { 
                        display: inline-block;
                        margin-left: 2px; }

            #forumTable table td.stats div { 
                padding-left: 20px;
                margin-top: 3px; }

            #forumTable table td .views { 
	            background: url(../images/icon_views.png) left no-repeat;
	            background: url(../images/svg/icon_views.svg) left no-repeat, linear-gradient(transparent, transparent);
	            background-size: 15px; }
            
            #forumTable table td .comments { 
	            background: url(../images/icon_comments2.png) left 1px center no-repeat;
	            background: url(../images/svg/icon_comments2.svg) left 1px center no-repeat, linear-gradient(transparent, transparent);
	            background-size: 12px; }
            
            #forumTable table td .polls { 
	            background: url(../images/icon_statistics2.png) left 1px center no-repeat;
	            background: url(../images/svg/icon_statistics2.svg) left 1px center no-repeat, linear-gradient(transparent, transparent);
	            background-size: 13px; }

            #forumTable table td.lastPost { min-width: 150px; }

                #forumTable table td.lastPost .user {
                    width: 40px;
                    height: 40px;
                    float: left;
                    position: relative;
                    margin: 0 7px 0 0; }

                    #forumTable table td.lastPost .user.verified:after {
                        content: "";
                        width: 16px;
                        height: 16px;
                        position: absolute;
                        top: -3px;
                        right: -3px;
                        background: url(../images/icon_verified.png) no-repeat;
                        background: url(../images/svg/icon_verified.svg) no-repeat, linear-gradient(transparent, transparent);
                        background-size: 16px; }

                #forumTable table td.lastPost figure {
                    width: 100%;
                    height: 100%;
                    float: left;
                    padding: 0;
                    margin: 0;
                    background: url(../images/icon_avatar.png) center no-repeat;
                    background: url(../images/svg/icon_avatar.svg) center no-repeat, linear-gradient(transparent, transparent);
                    background-size: cover;
                    border-radius: 100%;
                    overflow: hidden; }

                #forumTable table td.lastPost .content { 
                    margin-top: 2px;
                    overflow: hidden; }

                #forumTable table td.lastPost .name { 
                    font-size: 13px;
                    color: #999;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis; }

                #forumTable table td.lastPost .time { 
                    margin-top: 3px;
                    white-space: nowrap; }


/*** ARTICLE STYLES ***/
#article .subscribe {
    width: 100%;
    float: left;
    padding: 10px 15px 10px 10px;
    background: #f0f0f0;
    border-top: 1px solid #e4e4e4;
    font-size: 13px; }

    #article .subscribe .date {
        float: right;
        margin-top: 1px; }

#article .replies {
    width: 100%;
    float: left; }

    section#eventInfo .replies, section#eventInfo #addComment { padding: 0 30px; }

    #article .replies header {
        width: 100%;
        float: left;
        padding: 10px 15px;
        background: #2c3435;
        color: #fff; }

        #article .replies header .left { 
            float: left;
            font-family: 'Titillium Web', sans-serif;
            font-weight: bold; }

        #article .replies header .right { 
            float: right;
            font-size: 13px; }

            #article .replies header .right a { 
                margin-left: 15px;
                color: #fff;
                opacity: 0.5; }

                #article .replies header .right a:hover { opacity: 1; }

#article .post {
    width: 100%;
    float: left;
    padding: 0 20px 0 15px;
    border-top: 1px solid #e4e4e4; }

    #article .replies .post:nth-of-type(even) { background: #fafafa; }

    #article .post .leftSide {
        width: 40px;
        float: left;
        margin-left: -55px;
        text-align: center; }

        #article .post .leftSide .avatar {
            width: 40px;
            height: 40px;
            float: left;
            position: relative; }

            #article .post .leftSide .avatar.verified:after {
                content: "";
                width: 16px;
                height: 16px;
                position: absolute;
                top: -3px;
                right: -3px;
                background: url(../images/icon_verified.png) no-repeat;
                background: url(../images/svg/icon_verified.svg) no-repeat, linear-gradient(transparent, transparent);
                background-size: cover; }

            #article .post .leftSide .avatar figure {
                width: 100%;
                height: 100%;
                float: left;
                padding: 0;
                margin: 0;
                background: url(../images/icon_avatar.png) center no-repeat;
                background: url(../images/svg/icon_avatar.svg) center no-repeat, linear-gradient(transparent, transparent);
                background-size: cover;
                border-radius: 100%;
                overflow: hidden; }

        #article .post .leftSide .upvote {
            width: 100%;
            float: left;
            margin-top: 15px;
            font-size: 13px; }

            #article .post .leftSide .upvote a { color: #222; }

                #article .post .leftSide .upvote a:hover { text-decoration: none; }

                #article .post .leftSide .upvote a:hover span:before { transform: scale(1.2); }

            #article .post .leftSide .upvote span:before {
                content: "\f164";
                display: block;
                font-family: 'FontAwesome';
                font-size: 18px;
                color: #77bd22;
                transition: 0.2s ease all; }

    #article .post .postWrap {
        width: 100%;
        float: left;
        padding: 20px 0 20px 55px; }

        #article #newsMedia_article.post .postWrap { padding: 20px 0; }

        #article .post .postWrap .postContent {
            width: 100%;
            float: left; }
            
            .postContent ul {
	            margin-left: 15px;
	            list-style-type: disc;
            }

            #article .post .postWrap .postContent blockquote {
                margin-bottom: 1.5rem; /* ADDED AFTER FROM NICK */
                background: #fafafa;
                border: 1px solid #e4e4e4;
                border-left: 2px solid #f79a05; }

                #article .post .postWrap .postContent blockquote cite {
                    display: block;
                    padding: 7px 15px;
                    background: #f0f0f0;
                    border-bottom: 1px solid #e4e4e4;
                    font-weight: bold; }

                #article .post .postWrap .postContent blockquote .text { 
                    /*padding: 15px;*/
                    padding: 1px 15px; /* ADDED AFTER FROM NICK */
                    margin-top: 1.5rem; }

        #article .post .postWrap .username { 
            margin-bottom: 10px;
            color: #aaa; }

        #article .post .postWrap .poll {
            width: 100%;
            float: left;
            padding: 20px;
            margin-bottom: 1.5rem;
            background: #fff;
            border: 1px solid #e4e4e4;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1); }

            #article .post .postWrap .poll .vote label {
                display: block;
                padding-left: 25px;
                margin-bottom: 10px; }

                #article .post .postWrap .poll .vote label input[type="radio"] { 
                    float: left;
                    margin-left: -25px; }

                #article .post .postWrap .poll .vote label span { display: block; }
			
			#article .post .postWrap .poll .vote input[type="submit"] {
                width: 100px;
                padding: 10px 20px;
                margin: 15px 10px 0 0;
                border: none;
                font: inherit;
                font-size: 13px;
                color: #fff;
                cursor: pointer; }
            
            #article .post .postWrap .poll .vote .time {
                display: inline-block;
                color: #aaa; }

                #article .post .postWrap .poll .vote .time:before {
                    content: "\f017";
                    margin-right: 5px;
                    font-family: 'FontAwesome'; }

        #article .post .postWrap .results { display: none; }

        #article .post .postWrap .results .option {
            position: relative;
            margin-bottom: 7px; }

            #article .post .postWrap .results .option:last-child { margin-bottom: 0; }

            #article .post .postWrap .results .option .text {
                position: relative;
                padding: 7px 10px 7px 55px;
                z-index: 1;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis; }

                #article .post .postWrap .results .option:hover .text { white-space: normal; }

                #article .post .postWrap .results .option .text .percentage {
                    width: 45px;
                    display: inline-block;
                    margin-left: -45px;
                    font-weight: bold; }

            #article .post .postWrap .results .option .bar {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                z-index: 0;
                background: #eaeaea;
                border-radius: 3px;
                animation: pollResultsBar 2s; }

                #article .post .postWrap .results .option.win .bar { background: #afe2ea; }

                @keyframes pollResultsBar {
                    0% { width: 0; }
                }

        #article .post .postWrap .postContent .review {
            padding: 10px;
            margin-bottom: 1.5rem;
            background: #fff;
            border: 1px solid #eaaf0e;
            color: #eaaf0e; }

            #article .post .postWrap .postContent .review:before {
                content: "\f071";
                display: inline-block;
                margin-right: 5px;
                font-family: 'FontAwesome'; }

        #article .foot {
            width: 100%;
            float: left;
            margin-top: 10px;
            color: #aaa;
            font-size: 12px; }

            #article .foot span, #article .foot .left { float: left; }

            #article .foot .right { float: right; }

            #article .foot a { 
                display: block;
                transition: 0.3s ease all; }

                #article .foot a.quote { 
                    margin-right: 7px;
                    color: #aaa; }

                    #article .foot a.quote:before {
                        content: "\f10d";
                        margin-right: 5px;
                        font-family: 'FontAwesome';
                        font-size: 10px; }

                #article .foot a.report { 
                    margin-left: 15px;
                    color: #aaa; }

                    #article .foot a.report:before {
                        content: "\f024";
                        margin-right: 5px;
                        font-family: 'FontAwesome';
                        font-size: 10px; }

                    #article .post:hover .postWrap .foot a.quote { color: #f79a05; }
                    #article .post:hover .postWrap .foot a.report { color: #d54d4d; }


/*** ARTICLE - ADD COMMENT ***/
#article #addComment {
    width: 100%;
    float: left; }

    #article #addComment .post { padding-top: 20px; }

    #article #addComment ul.form { 
        padding: 0;
        margin: 0;
        list-style: none; }

        #article #addComment ul.form li { margin-bottom: 7px; }

            #article #addComment ul.form li .right { float: right; }

                #article #addComment ul.form li .right .relative { 
                    position: relative;
                    top: 10px; }

            #article #addComment ul.form li input[type="text"] {
                width: 100%;
                max-width: 240px; }

            #article #addComment ul.form li .textEditor button {
                width: 30px;
                height: 30px;
                display: inline-block;
                position: relative;
                background: none;
                border: 1px solid transparent;
                border-radius: 3px;
                text-align: center; }

                #article #addComment ul.form li .textEditor button:hover {
                    background: #fff;
                    border: 1px solid #aaa;
                    box-shadow: 0 1px 1px rgba(0,0,0,0.2); }

                #article #addComment ul.form li .textEditor button:before {
                    position: absolute;
                    top: 7px;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    font-family: "FontAwesome";
                    font-size: 15px; }

                #article #addComment ul.form li .textEditor button.bold:before { content: "\f032"; }
                #article #addComment ul.form li .textEditor button.italic:before { content: "\f033"; }
                #article #addComment ul.form li .textEditor button.underline:before { content: "\f0cd"; }
                #article #addComment ul.form li .textEditor button.image:before { content: "\f1c5"; }
                #article #addComment ul.form li .textEditor button.quote:before { content: "\f10d"; }

            #article #addComment ul.form li textarea {
                width: 100%;
                height: 150px;
                padding: 10px;
                margin: 0 auto 7px;
                border: 1px solid #ccc;
                font: inherit;
                font-size: 13px; }
                
                #article #addComment ul.form li input[type="text"]:focus, 
                #article #addComment ul.form li textarea:focus { border-color: #36a6bc; }
			
			#article #addComment ul.form li input[type="submit"] {
                width: 100px;
                float: left;
                padding: 10px 20px;
                margin: 0 7px 0 auto;
                border: none;
                font: inherit;
                font-size: 13px;
                color: #fff;
                cursor: pointer; }
                
            #article #addComment ul.form li a.grey {
                width: 100px;
                float: left;
                padding: 10px 20px;
                display: block;
                margin: 0 auto;
                background: #eee;
                border: none;
                text-align: center;
                font: inherit;
                font-size: 13px;
                color: #222;
                cursor: pointer; }

                #article #addComment ul.form li a.grey:hover { text-decoration: none; }

        #article #addComment .notice {
            width: 100%;
            float: left;
            margin-top: 20px;
            font-style: italic;
            font-size: 13px; }


/*** ARTICLE - NEWS MEDIA ***/
section.newsMedia_articleHeader { 
    padding: 0;
    text-align: center; }

    section.newsMedia_articleHeader header {
        height: 500px;
        background-position: center;
        background-size: cover; }

    section.newsMedia_articleHeader > div {
        width: 100%;
        max-width: 800px;
        padding: 40px 40px 10px;
        margin: -66px auto 0;
        background: #fff; }

    section.newsMedia_articleHeader h1 { margin-bottom: 30px; }

    section.newsMedia_articleHeader .user {
        margin-bottom: 36px;
        font-size: 15px; }

    section.newsMedia_articleHeader .date {
        color: #aaa;
        font-size: 13px; }

        section.newsMedia_articleHeader .date span { 
            padding: 10px 5px 0;
            border-top: 1px solid #e4e4e4; }


/*** PROFILE EDIT ***/
#profileEdit { 
    width: 100%;
    margin: 0 auto; }

    #profileEdit > div { padding-left: 280px; }

    #profileEdit .left {
        width: 280px;
        float: left;
        padding-right: 40px;
        margin-left: -280px;
        text-align: center; }

        #profileEdit .left figure {
            width: 140px;
            height: 140px;
            padding: 0;
            margin: 0 auto 20px;
            background: url(../images/icon_avatar.png) center no-repeat;
            background: url(../images/svg/icon_avatar.svg) center no-repeat, linear-gradient(transparent, transparent);
            background-size: cover;
            border: 3px solid #fff;
            border-radius: 100%;
            overflow: hidden;
            box-shadow: 0 0 5px rgba(0,0,0,0.5); }

        #profileEdit .left .upload p {
            margin-top: 10px;
            font-size: 13px;
            font-style: italic; }

        #profileEdit .left .username { 
            margin-top: 20px;
            font-size: 18px; }

        #profileEdit .left .field { 
            margin-bottom: 15px;
            text-align: left; }

            #profileEdit .left .field label {
                display: block;
                font-size: 13px;
                font-weight: bold; }

            #profileEdit .left .field input { 
                width: 100%;
                margin-top: 5px; }

        #profileEdit .left .bottom { margin-top: 30px; }

        #profileEdit .left .website a { color: #222; }

        #profileEdit .left .social { margin-top: 20px; }

            #profileEdit .left .social a {
                width: 24px;
                display: inline-block;
                position: relative;
                margin: 0 4px;
                text-align: center;
                opacity: 0.5;
                transition: 0.2s ease all; }

                #profileEdit .left .social a:after {
                    width: 24px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    color: #222;
                    font-family: "FontAwesome";
                    font-size: 17px; }

                #profileEdit .left .social a.facebook:after { content: "\f09a"; }
                #profileEdit .left .social a.twitter:after { content: "\f099"; }
                #profileEdit .left .social a.instagram:after { content: "\f16d"; }
                #profileEdit .left .social a.linkedIn:after { content: "\f0e1"; }
                #profileEdit .left .social a.youtube:after { content: "\f16a"; }

                #profileEdit .left .social a:hover { opacity: 1; }

    #profileEdit .right {
        width: 100%;
        height: 100%;
        float: left; }

        #profileEdit .right a.edit { float: right; }

            #profileEdit .right a.edit:before {
                content: "\f040";
                display: inline-block;
                margin-right: 5px;
                font-family: "FontAwesome"; }

        #profileEdit .right h4 { 
            padding-bottom: 5px;
            border-bottom: 1px solid #e4e4e4; }

        #profileEdit .right label {
            display: block;
            margin-top: 11px;
            font-size: 13px;
            font-weight: bold; }

        #profileEdit .right input { width: 100%; }

        #profileEdit .right ul.col2 {
            width: 1005;
            float: left;
            padding: 0;
            margin-bottom: 30px;
            list-style: none; }

            #profileEdit .right ul.col2 li { 
                width: 100%;
                float: left;
                padding-left: 155px;
                margin-bottom: 10px; }

                #profileEdit .right ul.col2 li span:first-child { 
                    width: 150px;
                    float: left;
                    margin-left: -155px; }

                #profileEdit .right ul.col2 li span:nth-child(2) {
                    width: 100%;
                    float: left; }

    #profileEdit input[type="text"]:focus { border-color: #36a6bc; }

    #profileEdit .foot {
        width: 100%;
        float: left;
        padding: 30px 0 0;
        border-top: 1px solid #e4e4e4; }
		
		#profileEdit .foot input[type="submit"] {
            width: auto;
            padding: 10px 20px;
            border: none;
            font: inherit;
            font-size: 13px;
            color: #fff;
            cursor: pointer; }
            

/*** GET STARTED ***/
/*
#getStarted_main { 
    height: 500px;
    padding: 0;
    background: #000;
    font-size: 17px; }

    #getStarted_main .half {
        width: 50%;
        height: 100%;
        float: left;
        position: relative; }

    #getStarted_main .left { color: #fff; }

        #getStarted_main .left .btn.white { 
            width: auto;
            padding-right: 30px;
            padding-left: 30px;
            margin-top: 10px;
            color: #222; }

        #getStarted_main .left > div { 
            width: 100%;
            height: 100%;
            float: left;
            display: none;
            padding: 120px 80px 0; }

            #getStarted_main .left > div.active { display: block; }

        #getStarted_main .left #getStarted_tab1, #getStarted_main .left #getStarted_tab8 { background: #36a6bc; }
        #getStarted_main .left #getStarted_tab2 { background: #666; }
        #getStarted_main .left #getStarted_tab3 { background: #77bd22; }
        #getStarted_main .left #getStarted_tab4 { background: #ff9933; }
        #getStarted_main .left #getStarted_tab5 { background: #d54d4d; }
        #getStarted_main .left #getStarted_tab6 { background: #9625bb; }
        #getStarted_main .left #getStarted_tab7 { background: #a3908a; }

        #getStarted_main .left #getStarted_tab8 .btn { margin-right: 7px; }

        #getStarted_main .left #getStarted_tab8 .more {
            width: 100%;
            float: left;
            padding-bottom: 15px;
            margin-top: 50px;
            background: url(../images/icon_arrowDown.png) bottom center no-repeat;
            background: url(../images/svg/icon_arrowDown.svg) bottom center no-repeat, linear-gradient(transparent, transparent);
            background-size: 12px;
            font-family: 'Titillium Web', sans-serif;
            font-size: 14px;
            font-weight: 600;
            text-align: center;
            text-transform: uppercase;
            color: #fff;
            opacity: 0.7;
            transition: 0.2s ease all; }

            #getStarted_main .left #getStarted_tab8 .more:hover { 
                text-decoration: none;
                opacity: 1; }

    #getStarted_main.tab1 .right { background: url(../images/bg_getStarted_1.jpg); }
    #getStarted_main.tab2 .right { background: url(../images/bg_getStarted_2.jpg); }
    #getStarted_main.tab3 .right { background: url(../images/bg_getStarted_3.jpg); }
    #getStarted_main.tab4 .right { background: url(../images/bg_getStarted_4.jpg); }
    #getStarted_main.tab5 .right { background: url(../images/bg_getStarted_5.jpg); }
    #getStarted_main.tab6 .right { background: url(../images/bg_getStarted_6.jpg); }
    #getStarted_main.tab7 .right { background: url(../images/bg_getStarted_7.jpg); }

    #getStarted_main .right { background-size: cover !important; }

    #getStarted_main .right > div { 
        float: right;
        margin: 107px 77px 0 0; }

    #getStarted_main .right a {
        width: 215px;
        height: 36px;
        display: block;
        position: relative;
        z-index: 1;
        padding-left: 25px;
        margin-bottom: 5px;
        line-height: 36px;
        color: #fff;
        opacity: 0.5; }

        #getStarted_main .right a:hover, #getStarted_main .right a.active { 
            opacity: 1;
            text-decoration: none; }

        #getStarted_main .right a:after { 
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            opacity: 0;
            transform: skewX(-15deg); }

            #getStarted_main .right a.tab1:after { background: #36a6bc; }
            #getStarted_main .right a.tab2:after { background: #666; }
            #getStarted_main .right a.tab3:after { background: #77bd22; }
            #getStarted_main .right a.tab4:after { background: #ff9933; }
            #getStarted_main .right a.tab5:after { background: #d54d4d; }
            #getStarted_main .right a.tab6:after { background: #9625bb; }
            #getStarted_main .right a.tab7:after { background: #a3908a; }

            #getStarted_main .right a.active:after { opacity: 1; }

    #getStarted_main .right .line {
        width: 100%;
        height: 1px;
        top: 125px;
        left: 0;
        position: absolute;
        z-index: 0;
        margin: 0;
        background: #fff;
        border: none; }

        #getStarted_main.tab1 .right .line { background: #36a6bc; }
        #getStarted_main.tab2 .right .line { background: #666; }
        #getStarted_main.tab3 .right .line { background: #77bd22; }
        #getStarted_main.tab4 .right .line { background: #ff9933; }
        #getStarted_main.tab5 .right .line { background: #d54d4d; }
        #getStarted_main.tab6 .right .line { background: #9625bb; }
        #getStarted_main.tab7 .right .line { background: #a3908a; }

#getStarted_video { 
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-content: center;
    align-content: center;
    padding-top: 70px;
    padding-bottom: 70px;
    font-size: 17px; }

    #getStarted_video .half {
        width: 50%;
        float: left; }

    #getStarted_video .left { text-align: center; }

    #getStarted_video .left a { 
        display: inline-block;
        margin: 0 auto;
        background: #000; }

    #getStarted_video .left img {
        float: left;
        box-shadow: 0 0 25px rgba(0,0,0,0.25);
        transition: 0.2s ease all; }

        #getStarted_video .left a:hover img { opacity: 0.8; }

    #getStarted_video .right { 
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        padding-left: 50px; }

#getStarted_features {
    padding-top: 70px;
    padding-bottom: 70px;
    background: #f5f5f5;
    text-align: center; }

    #getStarted_features h2 { margin: 0; }

    #getStarted_features ul {
        margin: 0 -15px;
        list-style: none;
        text-transform: uppercase; }

        #getStarted_features ul li {
            width: 25%;
            float: left;
            padding: 0 15px;
            margin: 50px 0 0; }

            #getStarted_features ul li:nth-child(4n+1) { clear: both; }

            #getStarted_features ul li a { 
                display: block;
                color: #222; }

                #getStarted_features ul li a:hover { 
                    opacity: 0.5;
                    text-decoration: none; }

            #getStarted_features ul li i {
                height: 42px;
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                align-items: center;
                margin-bottom: 20px; }

                #getStarted_features ul li i img { 
	                max-height: 100%;
	                margin: 0 auto; }

#getStarted_bottom { 
    padding-top: 70px;
    padding-bottom: 70px;
    text-align: center; }

    #getStarted_bottom h2 { margin-bottom: 40px; }

    #getStarted_bottom .testimonials, #getStarted_bottom .provinceAssociations { 
        position: relative;
        margin-bottom: 50px;
        font-size: 15px; }

    #getStarted_bottom .testimonials button {
        width: 40px;
        height: 185px;
        position: absolute;
        top: 0;
        border: none;
        font-size: 0;
        cursor: pointer; }

        #getStarted_bottom .testimonials button.slick-prev { 
            left: -40px;
            background: url(../images/arrow_prev.png) center no-repeat;
			background: url(../images/svg/arrow_prev.svg) center no-repeat, linear-gradient(transparent, transparent);
            background-size: 15px; }

        #getStarted_bottom .testimonials button.slick-next { 
            right: -40px;
            background: url(../images/arrow_next.png) center no-repeat;
			background: url(../images/svg/arrow_next.svg) center no-repeat, linear-gradient(transparent, transparent);
            background-size: 15px; }

        #getStarted_bottom .testimonials button:not(.slick-disabled):hover { background-color: #eee; }

        #getStarted_bottom .testimonials button.slick-disabled { 
            background-color: #fff;
            border-color: #bbb;
            opacity: 0.25;
            cursor: default; }

        #getStarted_bottom .testimonials .slide, #getStarted_bottom .provinceAssociations .slide { padding: 0 20px; }

        #getStarted_bottom .testimonials img, #getStarted_bottom .provinceAssociations img { 
            width: 185px;
            margin: 0 auto 20px; }

        #getStarted_bottom .testimonials .role, #getStarted_bottom .provinceAssociations .role { margin-bottom: 20px; }

        #getStarted_bottom .testimonials p { font-style: italic; }

    #getStarted_bottom .btn {
        width: 230px;
        float: none;
        display: inline-block;
        margin: 0 5px;
        font-size: 19px; }
		
		#getStarted_clients {
			padding-top: 70px;
			padding-bottom: 70px;
			background: #f5f5f5;
			text-align: center;
			font-size: 16px; }
			
			#getStarted_clients .carousel {
				width: 100%;
				float: left;
				margin-bottom: 40px; }
			
			#getStarted_clients ul.clients {
				padding: 0;
				margin: 0 -5px;
				list-style: none; }
				
				#getStarted_clients ul.clients li {
					width: 12.5%;
					float: left;
					padding: 5px;
					margin: 0; }
		
		#getStarted_clients .carousel button {
        width: 40px;
        height: 185px;
        position: absolute;
        top: 50%;
        margin-top: -92px;
        border: none;
        font-size: 0;
        cursor: pointer; }

        #getStarted_clients .carousel button.slick-prev { 
            left: -40px;
            background: url(../images/arrow_prev.png) center no-repeat;
			background: url(../images/svg/arrow_prev.svg) center no-repeat, linear-gradient(transparent, transparent);
            background-size: 15px; }

        #getStarted_clients .carousel button.slick-next { 
            right: -40px;
            background: url(../images/arrow_next.png) center no-repeat;
			background: url(../images/svg/arrow_next.svg) center no-repeat, linear-gradient(transparent, transparent);
            background-size: 15px; }

        #getStarted_clients .carousel button:not(.slick-disabled):hover { background-color: #e5e5e5; }

        #getStarted_clients .carousel button.slick-disabled { 
            background-color: #fff;
            border-color: #bbb;
            opacity: 0.25;
            cursor: default; }
	*/
		
/*** U SPORTS ***/
#uSports { padding: 0; }

    #uSports a { color: #ff3c20; }

    #uSports .btn { 
        background: #ff3c20;
        color: #fff !important; }

        #uSports .btn span { background: #d6351e; }
        
        #uSports_main .btn { height: 40px; }
        
        #uSports .btn.sports { 
        	padding-top: 5px; }
        
        #uSports .btn.sports div { line-height: 15px; }
        
        #uSports .btn.sports i { font-size: 10px; }
        
#uSports_head {
    width: 100%;
    height: 342px;
    float: left; }

    #uSports_head.uni { height: 210px; }

    #uSports_head .half {
        width: 50%;
        height: 100%;
        float: left; }

    #uSports_head .left {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        background: #ff3c20; }

        #uSports_head .left img { max-height: 100%; }

    #uSports_head .right {
        position: relative;
        text-align: center; }

        #uSports_head .right h2 { margin: 75px 0 40px; }

            #uSports_head.uni .right h2 { margin: 30px 0 20px; }

        #uSports_head .right .btn { 
            width: 180px;
            float: none;
            display: inline-block;
            margin: 0 3px;
            font-size: 16px; }

        #uSports_head .right .btn.active, #uSports_head .right .btn.active span { background: #d6351e; }
        
        #uSports_head .right .select {
        	width: 408px;
        	max-width: 100%;
        	display: none;
        	padding: 0 20px;
        	margin: 15px auto 0; }

        #uSports_head .right .foot {
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            padding: 25px;
            border-top: 2px solid #ff3c20;
            font-size: 15px; }

            #uSports_head.uni .right .foot { padding: 15px 25px; }

#uSports_main .third {
    width: 33.3334%;
    float: left;
    border-left: 1px solid #e4e4e4; }

#uSports_main h3 {
    width: 100%;
    height: 80px;
    float: left;
    padding: 0 20px;
    margin: 0;
    background: url(../images/bg_stripes.jpg) repeat #222;
    color: #fff;
    line-height: 80px; }

#uSports_main h4 {
    width: 100%;
    height: 40px;
    float: left;
    padding: 0 20px;
    margin: 0;
    background: #222;
    color: #fff;
    font-size: 18px;
    line-height: 40px; }

#uSports_main .news { border: none; }

    #uSports_main .news ul { 
        padding: 0;
        margin: 0;
        list-style: none; }

        #uSports_main .news ul li {
            width: 100%;
            float: left;
            margin: 0;
            overflow: hidden; }

    #uSports_main .news a { color: #222; }

        #uSports_main .news a:hover figure { transform: scale(1.1); }

        #uSports_main .news a:hover .content { color: #aaa; }

    #uSports_main .news figure {
        width: 100%;
        height: 165px;
        float: left;
        padding: 0;
        margin: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        transition: 0.5s ease all; }

    #uSports_main .news .details {
        width: 100%;
        height: 82px;
        float: left;
        position: relative;
        padding: 25px 20px 0;
        background: #fff; }

        #uSports_main .news ul li:last-child .details { height: 83px; }

        #uSports_main .news .details .cat {
            width: 100px;
            height: 26px;
            position: absolute;
            top: -13px;
            left: 20px;
            z-index: 10;
            color: #fff;
            font-family: 'Titillium Web', sans-serif;
            font-size: 14px;
            font-weight: bold;
            text-align: center;
            text-transform: uppercase;
            line-height: 26px; }

            #uSports_main .news .details .cat.article { background: #36a6bc; }
            #uSports_main .news .details .cat.live { background: #d54d4d; }
            #uSports_main .news .details .cat.video { background: #982fe2; }
            #uSports_main .news .details .cat.podcast { background: #ff9933; }
            #uSports_main .news .details .cat.blog { background: #77bd22; }
            #uSports_main .news .details .cat.other { background: #e22fa9; }

        #uSports_main .news .details .date {
            width: 100px;
            float: left;
            margin-right: 20px;
            font-family: 'Titillium Web', sans-serif;
            font-size: 14px;
            text-align: center;
            line-height: 1; }

            #uSports_main .news .details .date span {
                display: block;
                font-size: 24px; }

        #uSports_main .news .details .content { overflow: hidden; }

#uSports_main .events ul, #uSports_main .rankings ul { 
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
    border-top: 1px solid #e4e4e4; }

    #uSports_main .events ul li {
        width: 100%;
        height: 31px;
        float: left;
        padding: 6px 20px 6px 95px;
        margin: 0;
        border-bottom: 1px solid #e4e4e4;
        color: #36a6bc;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }

        #uSports_main .events ul li div { 
            width: 75px;
            display: inline-block;
            margin-left: -75px;
            color: #222; }

    #uSports_main .rankings ul li {
        width: 100%;
        height: 31px;
        float: left;
        padding: 6px 170px 6px 55px;
        margin: 0;
        border-bottom: 1px solid #e4e4e4;
        color: #36a6bc;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }

        #uSports_main .rankings ul li div { 
            display: inline-block;
            color: #222; }

            #uSports_main .rankings ul li .rank {
                width: 35px;
                margin-left: -35px; }

        #uSports_main .rankings ul li .right { 
            width: 150px;
            float: right;
            margin-right: -170px; }

            #uSports_main .rankings ul li .uni { width: 70px; }

            #uSports_main .rankings ul li .time { width: 60px; }

#uSports_main .rankings .styledSelect { 
    width: 100%;
    height: 40px; }

    #uSports_main .rankings .styledSelect .arr { right: 10px; }

    #uSports_main .rankings .styledSelect select {
        width: 100%;
        height: 40px;
        padding: 0 50px 0 10px;
        border: none;
        border-left: 5px solid #ff3c20; }

#uSports_uni {
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 60px 0 30px;
    background: #222;
    color: #fff; }

    #uSports_uni .logo {
        width: 33.3334%;
        float: left;
        text-align: center; }

    #uSports_uni .content {
        width: 66.6667%;
        float: right; }

    #uSports_uni .row {
        width: 100%;
        float: left;
        margin-bottom: 30px; }

    #uSports_uni .half {
        width: 50%;
        float: left;
        padding-right: 20px; }

    #uSports_uni .title {
        width: 100%;
        float: left;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 15px; }

        #uSports_uni .title img {
            width: 55px;
            height: 55px;
            float: left;
            margin-right: 15px; }

        #uSports_uni .title h4 {
            margin: 0;
            text-transform: uppercase;
            font-size: 18px; }

    #uSports_uni ul {
        padding: 0;
        margin: 0;
        list-style: none; }

        #uSports_uni ul li {
            width: 50%;
            float: left;
            padding-right: 20px;
            margin-bottom: 10px; }

            #uSports_uni ul li:nth-child(2n+1) { clear: both; }

    #uSports_uni a { color: #999; }

        #uSports_uni a:hover { color: #fff; }


/*** U SPORTS UNIVERSITIES ***/
#usports_university a { color: #ff3c20; }

#usports_university .mainInfo {
    width: 100%;
    float: left;
    margin-bottom: 40px; }

    #usports_university .mainInfo .logo {
        max-width: 50%;
        float: left;
        margin-right: 20px;
        border: 1px solid #ddd; }

    #usports_university .mainInfo .content { overflow: hidden; }

    #usports_university .mainInfo h1 { 
        margin-bottom: 10px;
        font-size: 26px; }

    #usports_university .mainInfo ul {
        padding: 0;
        margin: 0;
        list-style: none; }

        #usports_university .mainInfo ul li { margin-bottom: 5px; }

    #usports_university .mainInfo a:before {
        width: 15px;
        display: inline-block;
        margin-right: 10px;
        color: #c4c4c4;
        text-align: center;
        font-family: "FontAwesome"; }

        #usports_university .mainInfo a.web:before { content: "\f0c1"; }
        #usports_university .mainInfo a.twitter:before { content: "\f099"; }
        #usports_university .mainInfo a.facebook:before { content: "\f09a"; }
        #usports_university .mainInfo a.instagram:before { content: "\f16d"; }

#usports_university .roster, #usports_university table {
    width: 100%;
    float: left; }

    #usports_university table thead { 
        background: #e9eaea;
        border-bottom: 1px solid #e4e4e4; }

    #usports_university table th {
        padding: 10px;
        background: #2c3435;
        font-family: 'Titillium Web', sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase; }

    #usports_university table td { 
        padding: 10px;
        border-bottom: 1px solid #e4e4e4; }

#usports_university aside .sideBlock .list { 
    /*max-height: 455px;
    overflow-y: auto;
    overflow-x: hidden;*/ }

#usports_university .athleteProfile h1 { 
    padding-bottom: 10px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e4e4e4; }

#usports_university .athleteProfile {
    width: 100%;
    float: left;
    margin-bottom: 40px; }

    #usports_university .athleteProfile .name { 
        width: 100%;
        float: left;
        margin: 0 0 40px;
        text-align: center; }

        #usports_university .athleteProfile .name figure {
            width: 175px;
            height: 175px;
            display: block;
            padding: 0;
            margin: 0 auto;
            border-radius: 100%;
            overflow: hidden; }

            #usports_university .athleteProfile .name figure img { 
                width: 100%;
                float: left; }

        #usports_university .athleteProfile .name span { 
            display: block;
            margin-top: 12px;
            font-size: 18px;
            font-weight: bold; }

    #usports_university .athleteProfile ul {
        width: 100%;
        float: left;
        padding: 0;
        margin: 0;
        list-style: none; }

        #usports_university .athleteProfile ul .label {
            width: 130px;
            display: inline-block;
            font-weight: bold; }

#usports_university .athleteTable {
    width: 100%;
    float: left;
    margin-bottom: 40px; }

/*** U SPORTS RANKINGS ***/
#uSports_rankings main .filter {
	width: 100%;
	float: left;
	margin-bottom: 20px; }
	
	#uSports_rankings main .filter .divisions {
		height: 40px;
		float: left;
		margin: 0 5px 10px 0; }
		
		#uSports_rankings main .filter .divisions a {
			height: 100%;
			float: left;
			padding: 0 12px;
			border: 1px solid #ccc;
			border-right: none;
			font-size: 13px;
			line-height: 38px; }
			
			#uSports_rankings main .filter .divisions a:last-child { border-right: 1px solid #ccc; }
			
			#uSports_rankings main .filter .divisions a:hover {
				background: #f0f0f0;
				text-decoration: none; }
			
			#uSports_rankings main .filter .divisions a.active {
				background: #36a6bc;
				border-color: #36a6bc;
				color: #fff; }
				
	#uSports_rankings main .filter .dropdowns { 
		display: inline-block;
		margin-bottom: 10px; }
				
	#uSports_rankings main .filter .styledSelect { 
		float: left;
		margin: 0 5px 0 0; }
		
		#uSports_rankings main .filter .styledSelect:last-child { margin: 0; }
				
#uSports_rankings main .notes {
	width: 100%;
	float: left;
	padding: 20px 20px 10px;
	background: #fafafa;
	border: 1px solid #e4e4e4;
	margin-bottom: 30px; }
	
	#uSports_rankings main .notes p { margin-bottom: 10px; }

#uSports_rankings_results {
	width: 100%;
	float: left; }
	
	#uSports_rankings_results h4 { margin: 40px 0 5px; }
	
	#uSports_rankings_results h4 + div { 
		margin: 0 0 15px;
		font-style: italic; }
		
	#uSports_rankings_results .col_6:nth-child(2n+1) { clear: both; }
	
	#uSports_rankings_results table {
		width: 100%;
		float: left;
		margin-bottom: 15px; }
		
		#uSports_rankings_results table .tooltip { cursor: help; }
		
		#uSports_rankings_results table th, #uSports_rankings_results table td { 
			padding: 7px 0 7px 7px;
			border-bottom: 1px solid #e4e4e4; }
			
		#uSports_rankings_results table th {
			background: #2c3435;
            font-family: 'Titillium Web', sans-serif;
            font-weight: bold;
            color: #fff;
            text-transform: uppercase; }
            
		#uSports_rankings_results table tbody tr:nth-child(even) { background: #fafafa; }

/*** LOGIN PAGE ***/
#loginPage .right { border-left: 1px solid #e4e4e4; }

    #loginPage .right .row { margin: 0 -2px; }

        #loginPage .right .row .third {
            width: 33.3334%;
            float: left;
            padding: 0 2px; }

#loginPage ul {
    padding: 0;
    margin: 0;
    list-style: none; }

    #loginPage ul li { 
        width: 100%;
        float: left;
        padding-left: 150px; }

    #loginPage ul label {
        width: 150px;
        float: left;
        margin: 9px -4px 0 -150px; }

    #loginPage ul input[type="text"], #loginPage ul input[type="password"] { width: 100%; }

    #loginPage ul input[type="submit"] {
        width: 100%;
        padding: 10px 20px;
        margin: 0 auto;
        border: none;
        font: inherit;
        font-size: 13px;
        color: #fff;
        cursor: pointer; }

        #loginPage ul input:focus { border-color: #36a6bc; }

/*#loginPage .error {
    width: 100%;
    float: left;
    padding: 10px;
    margin-bottom: 1.5rem;
    background: #fcf4f4;
    border: 1px solid #c42b2b;
    color: #c42b2b; }

    #loginPage .error:before {
        content: "\f00d";
        display: inline-block;
        margin-right: 7px;
        font-family: "FontAwesome"; }*/

.error {
    background: #fff9e7 !important;
    border: 1px solid #f5af43 !important; }

/*** FORGOT PASSWORD ***/
#forgotPassword {
    width: 800px;
    max-width: 100%;
    margin: 0 auto; }

    #forgotPassword h1 { margin: 10px 0 40px; }

    #forgotPassword .left { text-align: center; }

        #forgotPassword .left img { width: 400px; }

    #forgotPassword label {
        display: block;
        margin-bottom: 7px;
        font-size: 13px;
        font-weight: bold; }

    #forgotPassword input[type="text"] { 
        width: 100%;
        margin-bottom: 20px; }

    #forgotPassword input[type="submit"] { margin-right: 10px; }

    #forgotPassword .foot {
        padding-top: 20px;
        margin-top: 50px;
        border-top: 1px solid #e4e4e4;
        color: #aaa; }

        #forgotPassword .foot a { color: #aaa; }

        #forgotPassword .foot span { margin: 0 5px; }


/*** ATHLETICS CANADA ***/
#athleticsCanada_header {
    height: 500px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 0;
    background: url(../images/bg_acHeader.png) center right 20% no-repeat #eafaff;
    text-align: center;
    font-size: 17px; }

    #athleticsCanada_header > div {
        width: 530px;
        float: left;
        margin-left: 10%; }

    #athleticsCanada_header img { margin-bottom: 30px; }
    
#athleticsCanada_main { 
    padding-top: 70px;
    padding-bottom: 30px; }

    #athleticsCanada_main #acFeatures { margin-bottom: 70px; }

        #athleticsCanada_main #acFeatures .col > div {
            width: 100%;
            float: left;
            padding: 50px 30px;
            background: #fafafa;
            border: 1px solid #e4e4e4; }

            #athleticsCanada_main #acFeatures a.btn { margin: 20px 0 0; }

    #athleticsCanada_main #acContacts ul {
        padding: 0;
        margin: 30px 0 0;
        list-style: none; }

        #athleticsCanada_main #acContacts ul li {
            width: 50%;
            float: left;
            margin-bottom: 40px; }

        #athleticsCanada_main #acContacts .col_4 ul li { width: 100%; }

            #athleticsCanada_main #acContacts ul li:nth-child(2n+1) { clear: both; }

            #athleticsCanada_main #acContacts ul li > div { margin-bottom: 5px; }

    #athleticsCanada_main #acContacts img { margin-bottom: 20px; }

    #athleticsCanada_main #acContacts .email {
        padding-left: 25px;
        background: url(../images/icon_email2.png) left no-repeat;
        background: url(../images/svg/icon_email2.svg) left no-repeat, linear-gradient(transparent, transparent);
        background-size: 16px; }

    #athleticsCanada_main #acContacts .phone {
        padding-left: 25px;
        background: url(../images/icon_phone.png) left no-repeat;
        background: url(../images/svg/icon_phone.svg) left no-repeat, linear-gradient(transparent, transparent);
        background-size: 16px; }

    #athleticsCanada_main #acContacts .web {
        padding-left: 25px;
        background: url(../images/icon_link.png) left no-repeat;
        background: url(../images/svg/icon_link.svg) left no-repeat, linear-gradient(transparent, transparent);
        background-size: 16px; }


/*** MY ACCOUNT ***/
#myAccount { 
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    padding: 0 0 0 230px; }

    #myAccount aside {
        width: 230px;
        float: left;
        padding: 45px 0;
        margin-left: -230px;
        background: #4b4e5e;
        color: #9ea1ad; }

        #myAccount aside .top {
            width: 100%;
            float: left;
            text-align: center; }

            #myAccount aside .top figure {
                width: 100px;
                height: 100px;
                padding: 0;
                /*margin: 0 auto 15px;*/
                margin: 0 auto 0;
                background-size: cover;
				        border: 3px solid #fff;
				        border-radius: 100%;
                overflow: hidden; }

                #myAccount aside .top figure img {
                    width: 100%;
                    float: left; }

            #myAccount aside .top .name {
                margin-bottom: 10px;
                color: #fff;
                font-size: 15px; }

        #myAccount aside .btns {
            width: 100%;
            height: 300px;
            float: left; }

            #myAccount aside .btns .fix {
                width: 100%;
                float: left; }
                
                #myAccount aside .btns .fix.on { position: fixed; width: 230px; }

            #myAccount aside .btns .wrap {
                width: 1366px;
                max-width: 100%;
                margin: 0 auto; }

            #myAccount aside .btns ul {
                width: 230px;
                padding: 0;
                margin: 0;
                list-style: none; }

            #myAccount aside .btns li { margin: 0; }

                #myAccount aside .btns li a { 
                    display: block;
                    padding: 15px 30px;
                    color: #9ea1ad; }

                    #myAccount aside .btns li a:hover { 
                        color: #fff;
                        text-decoration: none; }

                    #myAccount aside .btns li a.active {
                        background: #302f44;
                        color: #fff; }

                #myAccount aside .btns li a:before, .qr_code_icon:before {
                    width: 20px;
                    height: 17px;
                    display: inline-block;
                    vertical-align: middle;
                    margin: -1px 7px 0 0;
                    text-align: center;
                    font-family: "FontAwesome";
                    line-height: normal;
                    text-rendering: auto;
					          -webkit-font-smoothing: antialiased;
				          	-moz-osx-font-smoothing: grayscale; }
							  
					.qr_code_icon:before {
						margin-top: -10px !important; }
					
                    #myAccount aside .btns li a.overview:before { content: "\f00a"; }
                    #myAccount aside .btns li a.events:before { content: "\f024"; }
					#myAccount aside .btns li a.deposit_history:before { content: "\f19c"; }
					#myAccount aside .btns li a.qr_app:before, .qr_code_icon:before  { content: "\f029"; }
					#myAccount aside .btns li a.attending:before { content: "\f21d"; }
                    #myAccount aside .btns li a.profile_edit:before { content: "\f044"; }
                    #myAccount aside .btns li a.places_play:before { content: "\f041"; }
                    #myAccount aside .btns li a.tech_support:before { content: "\f059"; }
                    #myAccount aside .btns li a.my_profile:before { content: "\f2bd"; }
                    #myAccount aside .btns li a.clubs:before { content: "\f0c0"; }
                    #myAccount aside .btns li a.logout:before { content: "\f011"; }
                    #myAccount aside .btns li a.progress:before { content: "\f03a"; }
                    
                    #myAccount aside .btns li a.messaging_center:before { content: "\f086"; }
                    #myAccount aside .btns li a.resource_center:before { content: "\f02d"; }
                    #myAccount aside .btns li a.marketplace:before { content: "\f217"; }
                    #myAccount aside .btns li a.ratings:before { content: "\f140"; }
                    #myAccount aside .btns li a.event_calendar:before { content: "\f133"; }
                    

                    #myAccount aside .btns li a.roster:before { 
                        content: "";
                        background: url(../images/icon_stopwatch.png) center no-repeat;
                        background: url(../images/svg/icon_stopwatch.svg) center no-repeat, linear-gradient(transparent, transparent);
                        background-size: 16px;
                        opacity: 0.5; }
                        
                    #myAccount aside .btns li a.athletics_canada:before { 
                        content: "";
                        background: url(../images/icon_athletics_canada.png) center no-repeat;
                        background-size: 16px;
                        opacity: 0.5; }
                        
                    #myAccount aside .btns li a.usports:before { 
                        content: "";
                        background: url(../images/icon_usports.png) center no-repeat;
                        background-size: 16px;
                        opacity: 0.5; }
                        
                    #myAccount aside .btns li a.mta:before { 
                        content: "";
                        background: url(../images/icon_mta.png) center no-repeat;
                        background-size: 16px;
                        opacity: 0.5; }

                        #myAccount aside .btns li a:hover:before { opacity: 1; }

                    #myAccount aside .btns li a.tutorials:before { content: "\f04b"; }

    #myAccount main {
        width: 100%;
        float: left;
        padding: 45px 40px; }
        
        h4.history .styledSelect {
          float: right;
          margin-top: -7px;
          font-weight: normal !important; }
        
        .history_row { padding-bottom: 0 !important; }  
        
        .history_row p { margin-top: -15px; }
        
        .history_row .rightBorder {
          border-right: 1px solid #e4e4e4; }

#myAccount_overview {
    width: 100%;
    float: left; }

    #myAccount_overview .box {
        width: 100%;
        float: left;
        margin: 20px 0;
        border: 1px solid #e4e4e4;
        border-radius: 3px;
        box-shadow: 0 2px 3px rgba(0,0,0,0.1); }

    #myAccount_overview .col:nth-child(3n+1) { clear: both; }

        #myAccount_overview .box h4 {
			padding: 10px 15px;
			margin: 0;
			background-color: #fff;
			border-bottom: 1px solid #e4e4e4; }
            
            #myAccount_overview .box h4:before {
            	display: inline-block;
            	margin: 3px 10px 0 0;
            	vertical-align: top;
            	font-size: 16px;
            	font-weight: normal;
            	font-family: "FontAwesome";
            	color: #aaa;
            	text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale; }
            
			h4.saved, .history_row_saved {
				border-left: 5px solid #f5af43 !important; 
				color: black; }
			
			h4.notifications, .history_row_notifications {
				border-left: 5px solid #70aefb !important;
				color: black; }
			
            #myAccount_overview .box h4.history:before { content: "\f1da"; }
			#myAccount_overview .box h4.quick_link:before { content: "\f1d8"; }
            #myAccount_overview .box h4.events:before { content: "\f024"; }
			#myAccount_overview .box h4.deposit_history:before { content: "\f19c"; }
			#myAccount_overview .box h4.qr_app:before { content: "\f029"; }
			#myAccount_overview .box h4.attending:before { content: "\f21d"; }
            #myAccount_overview .box h4.profile_edit:before { content: "\f044"; }
            #myAccount_overview .box h4.places_play:before { content: "\f041"; }
            #myAccount_overview .box h4.tech_support:before { content: "\f059"; }
            #myAccount_overview .box h4.my_profile:before { content: "\f2bd"; }
            #myAccount_overview .box h4.clubs:before { content: "\f0c0"; }
            #myAccount_overview .box h4.saved:before { content: "\f0c7"; color: black; }
            #myAccount_overview .box h4.notifications:before { content: "\f0f3"; color: black; }
            #myAccount_overview .box h4.logout:before { content: "\f011"; }
            #myAccount_overview .box h4.progress:before { content: "\f03a"; }
            
            #myAccount_overview .box h4.messaging_center:before { content: "\f086"; }
            #myAccount_overview .box h4.resource_center:before { content: "\f02d"; }
            #myAccount_overview .box h4.marketplace:before { content: "\f217"; }
            #myAccount_overview .box h4.ratings:before { content: "\f140"; }
            #myAccount_overview .box h4.event_calendar:before { content: "\f133"; }
            
            #myAccount_overview .box h4.roster:before {
            	content: "";
            	width: 16px;
            	height: 16px;
                background: url(../images/icon_stopwatch2.png) center no-repeat;
                background: url(../images/svg/icon_stopwatch2.svg) center no-repeat, linear-gradient(transparent, transparent);
				background-size: 16px; }
				
			#myAccount_overview .box h4.athletics_canada:before {
          content: "";
          width: 16px;
          height: 16px;
          background: url(../images/icon_athletics_canada2.png) center no-repeat;
			    background-size: 16px; }
          
      #myAccount_overview .box h4.usports:before {
          content: "";
          width: 16px;
          height: 16px;
          background: url(../images/icon_usports2.png) center no-repeat;
          background-size: 16px; }
				
			#myAccount_overview .box h4.mta:before {
            	content: "";
            	width: 16px;
            	height: 16px;
                background: url(../images/icon_mta2.png) center no-repeat;
				background-size: 16px; }
				
            #myAccount_overview .box h4.profile:before { content: "\f007"; }
            #myAccount_overview .box h4.tutorials:before { content: "\f04b"; }
			#myAccount_overview .box h4.articles:before { content: "\f040"; }
			
        #myAccount_overview .box .content { 
				width: 100%;
				float: left;
				padding: 25px 15px;
				background: #fafafa; }
		
		.myAccount_overview_heading {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 20px;
			margin-bottom: 20px;
		}
		
			.myAccount_overview_heading h1 {
				margin: 0;
			}
		
		.myAccount-customizeLayout {
			display: grid;
			grid-template-columns: auto 1fr;
			gap: 8px;
			padding: 8px;
			background-color: #fff;
			border: 1px solid #36a6bc;
			border-radius: 3px;
			color: #36a6bc;
			text-align: center;
		}
		
		.myAccount-customizeLayout:hover {
			background-color: #36a6bc;
			color: #fff;
			text-decoration: none;
		}
		
		.myAccount-customizeLayout::before {
			content: "\f00a";
			font-size: 16px;
			font-weight: normal;
			font-family: "FontAwesome";
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
		
		#myAccount_overview .grid {
			width: 100%;
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			align-items: stretch;
			gap: 1.5rem;
		}
		
			#myAccount_overview .grid .box {
				height: 100%;
				margin: 0;
				background: #fafafa;
			}
		
			#myAccount_overview .grid.v1 > :first-child {
				grid-column: 1 / 3;
			}
		
			#myAccount_overview .grid.v2 > :first-child {
				grid-column: 1 / 4;
			}
		
		#myAccount_overview .carousel-single figure, #myAccount_overview .carousel-multiple figure {
			height: 140px;
			display: -webkit-box;
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: center;
			align-items: center;
			-webkit-justify-content: center;
			justify-content: center;
			padding: 10px;
			margin: 0 0 10px;
			border: 1px solid #e4e4e4;
		}
		
		#myAccount_overview .carousel-single img, #myAccount_overview .carousel-multiple img {
			max-height: 100%;
		}
			
			#myAccount_overview .carousel-single a, #myAccount_overview .carousel-multiple a {
				color: #222;
			}
			
			#myAccount_overview .carousel-single button, #myAccount_overview .carousel-multiple button {
			width: 40px;
			height: 140px;
			position: absolute;
			top: 0;
			z-index: 1;
			border: none;
			font-size: 0;
			cursor: pointer; }
			
			#myAccount_overview .carousel-single button.slick-prev, #myAccount_overview .carousel-multiple button.slick-prev { 
				left: 0;
				background: url(../images/arrow_prev.png) center no-repeat;
				background: url(../images/svg/arrow_prev.svg) center no-repeat, linear-gradient(transparent, transparent);
				background-size: 15px; }
			
			#myAccount_overview .carousel-single button.slick-next, #myAccount_overview .carousel-multiple button.slick-next { 
				right: 0;
				background: url(../images/arrow_next.png) center no-repeat;
				background: url(../images/svg/arrow_next.svg) center no-repeat, linear-gradient(transparent, transparent);
				background-size: 15px; }
			
			#myAccount_overview .carousel-single button:not(.slick-disabled):hover, #myAccount_overview .carousel-multiple button:not(.slick-disabled):hover { background-color: #eee; }
			
			#myAccount_overview .carousel-single button.slick-disabled, #myAccount_overview .carousel-multiple button.slick-disabled { 
				opacity: 0.25;
				cursor: default; }
				
				#myAccount_overview .content .carousel-multiple .dropdown {
					width: 90px;
					display: inline-block;
					overflow: visible !important;
					position: relative; }
				
					#myAccount_overview .content .carousel-multiple .dropdown > a {
						overflow: visible !important;
					}
					
					#myAccount_overview .content .carousel-multiple .dropdown ul {
						overflow: visible !important;
						width: 150px;
						display: none;
						position: absolute;
						top: 71%;
						right: 22%;
						z-index: 100;
						padding: 0;
						margin: 0;
						list-style: none;
						background: #fff;
						border: 1px solid #ddd;
						border-radius: 4px 0 4px 4px;
						box-shadow: 0 2px 3px rgba(0,0,0,0.15); }
				
						#myAccount_overview .content .carousel-multiple .dropdown ul li { margin: 0; }
				
							#myAccount_overview .content .carousel-multiple .dropdown ul li a {
								display: block;
								padding: 7px 10px; }
				
								#myAccount_overview .content .carousel-multiple .dropdown ul li a:hover {
									background: #f5f5f5;
									text-decoration: none; }
			
#myAccount .topBtn { float: right; }

    #myAccount .topBtn a.btn { 
        width: auto;
        margin-left: 10px; }

        #myAccount .topBtn a.btn div { 
            padding-right: 20px;
            padding-left: 20px; }

#myAccount .tableGroup {
    width: 100%;
    float: left;
    margin-bottom: 40px; }

    .expandInfo {
      margin-top: 5px;
      padding: 5px;
      display: inline-block;
      background: #88B94E;
      border-radius: 3px;
      color: #fff;
      text-align: center;
      font-weight: bold;
      font-size: 11px; }
        
      .expandInfo:hover {
          background: #78A540;
          text-decoration: none; }

          .collapseInfo {
              margin-top: 5px;
              padding: 5px;
              display: inline-block;
              background: #660000;
              border-radius: 3px;
              color: #fff;
              text-align: center;
              font-weight: bold;
              font-size: 11px; }
                
              .collapseInfo:hover {
                  background: #480000;
                  text-decoration: none; }            
                  
                  .myRegistrationsNotificationDiv h4 {
                    cursor: pointer; }
                  
                  ul.myRegistrationsNotification {
                    list-style: none;
                    margin-bottom: 0px; }
                    
                    ul.myRegistrationsNotification li {
                      min-height: 41px; }
                  
                  ul.myRegistrationsNotification li.view_all_li {
                    padding-top: 5px; }
                  
                    ul.myRegistrationsNotification li div.action_btns {
                      width: 115px;
                      margin-right: 10px;
                      float: left; }
                    
                      ul.myRegistrationsNotification li div.action_btns2 {
                        width: 100px;
                        margin-right: 10px;
                        float: left; }
                      
                      ul.myRegistrationsNotification li div.info_txt {
                        padding-top: 8px;
                        width: calc(100% - 125px);
                        float: left; }
                        
                        ul.myRegistrationsNotification li div.info_txt2 {
                        padding-top: 8px;
                        width: calc(100% - 110px);
                        float: left; }
                        
                        a.blackMinMax {
                           color: black; }
						   
						   a.whiteMinMax {
							  color: white; }
                           
                           a.blackMinMax:hover, a.whiteMinMax:hover {
                             text-decoration: none !important; }
                    

.nameChangeRequestNotificationDiv h4 {
		 cursor: pointer; }
	 ul.nameChangeRequestNotification {
		 list-style: none;
		 margin-bottom: 0px; }
		 
		 ul.nameChangeRequestNotification li {
			 min-height: 41px; }
		 
		 ul.nameChangeRequestNotification li.view_all_li {
		 padding-top: 5px; }
		 
		 ul.nameChangeRequestNotification li div.action_btns {
			 /* width: 185px; */
			 margin-right: 15px;
			 float: left; }
			 
			 ul.nameChangeRequestNotification li div.info_txt {
			 padding-top: 8px;
			 /* width: calc(100% - 125px); */
			 float: left; }
			 .nameChangeRequestNotificationDiv h4.saved:before {
				 content: "\f2c2" !important;
				 color: black;
			 }

#myAccount .myAccount_table, #myAccount .myAccount_table2 {
    width: 100%;
    float: left; }

    #myAccount .myAccount_table .styledSelect, #myAccount .myAccount_table select, .myAccount_table input,  #myAccount .myAccount_table2 .styledSelect, #myAccount .myAccount_table2 select, .myAccount_table2 input { width: 100%; }

    #myAccount .myAccount_table thead, #myAccount .myAccount_table2 thead { 
        background: #e9eaea;
        border-bottom: 1px solid #e4e4e4; }

    #myAccount .myAccount_table th, #myAccount .myAccount_table2 th {
        padding: 10px;
        background: #2c3435;
        font-family: 'Titillium Web', sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #fff; }

    #myAccount .myAccount_table td, #myAccount .myAccount_table2 td { 
        padding: 10px;
        border-bottom: 1px solid #e4e4e4; }

        #myAccount .myAccount_table tr tr:last-child, #myAccount .myAccount_table tr td:last-child { 
            width: 90px;
            padding-right: 0; }

    #myAccount .myAccount_table .dropdown {
        width: 90px;
        display: block;
        position: relative; }

        #myAccount .myAccount_table .dropdown > a {
            display: block;
            position: relative;
            padding: 10px 30px 10px 10px;
            color: #fff; }

            #myAccount .myAccount_table .dropdown > a:hover { text-decoration: none; }

            #myAccount .myAccount_table .dropdown > a:after {
                content: '';
                position: absolute;
                top: 50%;
                right: 10px;
                margin-top: -2px;
                border-top: 6px solid #fff;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                pointer-events: none; }

        #myAccount .myAccount_table .dropdown ul {
            width: 150px;
            display: none;
            position: absolute;
            top: 100%;
            right: 0;
            z-index: 100;
            padding: 0;
            margin: 0;
            list-style: none;
            background: #fff;
            border: 1px solid #ddd;
            border-radius: 4px 0 4px 4px;
            box-shadow: 0 2px 3px rgba(0,0,0,0.15); }

            #myAccount .myAccount_table .dropdown ul li { margin: 0; }

                #myAccount .myAccount_table .dropdown ul li a {
                    display: block;
                    padding: 7px 10px; }

                    #myAccount .myAccount_table .dropdown ul li a:hover {
                        background: #f5f5f5;
                        text-decoration: none; }
                        
                        #myAccount .myAccount_table.myClubs tr td:last-child {
                          width: auto;
                          padding-right: 10px; }
                    
                        #myAccount .myAccount_table.myClubs .myClubs-provinces { margin-top: 5px; }
                    
                        .page_logo_listing { 
                          width: 40px; 
                          height: 40px; 
                          border: 1px solid #e4e4e4; 
                          float: left; 
                          margin-right: 10px; 
                          background-repeat: no-repeat; 
                          background-size: 35px; 
                          background-position: center center;
                          background-color: white; }
                      
                        #myAccount .myAccount_table.myClubs .myClubs-province-group {
                          padding: 0;
                          font-size: 13px; }
                          
                          .provinceClubLink {
                            float: left;
                            display: block; }
                          
                          .manageClubAdminsBtn {
                            float: left;
                            font-size: 12px;
                            margin-right: 10px;
                            border-radius: 10px;
                            display: block;
                            background: #df1f2c;
                            color: white;
                            padding: 2px 10px 2px 10px; }
                            
                            .manageClubAdminsBtn:hover {
                              text-decoration: none; }
                          
                          /*#myAccount .myAccount_table.myClubs .myClubs-province-group:hover {
                            background: #f0f0f0; }*/
                    
                        #myAccount .myAccount_table.myClubs .myClubs-province-name { position: relative; }
                    
                       /*#myAccount .myAccount_table.myClubs .myClubs-province-name::before {
                          content: "";
                          position: absolute;
                          top: 15px;
                          left: -16px;
                          border-top: 4px solid #222;
                          border-right: 4px solid transparent;
                          border-left: 4px solid transparent;
                          transform: rotate(-90deg); }*/
                    	  
						  a.webpageButtonLinkCalendar:before { 
						  	content: "\f0ac";
						  	display: inline-block;
						  	margin-right: 4px;
						  	color: #888;
						  	font-weight: 100;
						  	font-family: "FontAwesome"; }
						  
                        #myAccount .myAccount_table.myClubs .myClubs-btn-show, .webpageButtonLinkCalendar {
                          display: inline-block;
                          margin-top: 4px;
                          color: #888;
                          text-decoration: underline; }
                    
                        #myAccount .myAccount_table.myClubs .myClubs-btn-show:hover, .webpageButtonLinkCalendar:hover { color: #222; }
                    
                        #myAccount .myAccount_table.myClubs .myClubs-province-clubs {
                          max-height: 290px;
                          display: none;
                          -ms-grid-columns: auto;
                          grid-template-columns: auto;
                          -ms-grid-rows: auto 12px 1fr;
                          grid-template-rows: auto 1fr;
                          gap: 12px;
                          padding: 12px 8px;
                          margin-top: 12px;
                          background-color: #f0f0f0; }
                    
                        #myAccount .myAccount_table.myClubs .myClubs-province-clubs.is-open { 
                          display: -ms-grid;
                          display: grid; }
                    
                        #myAccount .myAccount_table.myClubs .myClubs-filter {
                          -ms-grid-row: 1;
                          -ms-grid-column: 1; }
                    
                          #myAccount .myAccount_table.myClubs .myClubs-filter input {
                            height: 32px;
                            padding: 0 16px;
                            background-color: #ddd;
                            border: 0;
                            border-radius: 50px; }
                    
                        #myAccount .myAccount_table.myClubs .myClubs-province-list { 
                          -ms-grid-row: 3;
                          -ms-grid-column: 1;
                          overflow-y: auto; }
                    
                          #myAccount .myAccount_table.myClubs .myClubs-province-list ul {
                            padding: 0 0 0 16px;
                            list-style-type: none;
                            margin: 0; }
                            
                          #myAccount .myAccount_table.myClubs .myClubs-province-list li { margin: 12px 0 12px; height: 15px; display: block; clear:both; }
                    
                          #myAccount .myAccount_table.myClubs .myClubs-province-list li:first-child { margin-top: 0; }
                    
                        #myAccount .myAccount_table.myClubs .myClubs-province-club {
                          padding: 0 16px;
                          margin-top: 12px; }
                        
.myAccount_tutorials_group {
	width: 100%;
	float: left;
	margin-top: 15px; }
	
	.myAccount_tutorials_group h3 { margin-bottom: 10px; }

.QR_services li h4 { font-weight: normal !important; font-size: 20px; }

.myAccount_tutorials, .teamRoster_tutorials, .QR_services {
    padding: 0;
    margin: 0 -15px;
    list-style: none; }

    .myAccount_tutorials li {
        width: 33.3333%;
        float: left;
        padding: 15px;
        margin: 0; }
        
    .teamRoster_tutorials li, .QR_services li {
        width: 50%;
        float: left;
        padding: 15px;
        margin: 0; }
      
    .myAccount_tutorials li a, .teamRoster_tutorials li a { 
        width: 100%;
        float: left;
        background: #000; }

        .myAccount_tutorials li a:hover img, .teamRoster_tutorials li a:hover img { opacity: 0.7; }

        .myAccount_tutorials li img, .teamRoster_tutorials li img { 
            width: 100%;
            float: left;
            transition: 0.2s ease all; }
            
            
/*** MY ACCOUNT - TEAM ROSTER ***/
#member_list_div, #teamRoster_refine_div {
	max-width: 95%; }

#teamRoster_aside.openFullScreen {
	min-height: 520px !important; background: white !important; z-index: 9999; }
					
#teamRoster_aside.openFullScreen, #teamRoster_refine_div.openFullScreen, #member_list_div.openFullScreen {
	width: 100% !important; }

#select_athlete_txt_div {
	color: black; }
	 
#myAccount_teamRoster.noLeftPadding {
	padding-left: 0px !important; }

.teamRosterManageBtn {
	width: 32% !important; 
	float: left !important;
	margin-right: 2%; }

.teamRosterManageBtn br {
    display: none; }

.noMarginRight {
	margin-right: 0px !important; }

.seeds_extras {
	margin-left: 15px;
	float: left; }

.seeds_lock {
	float: left;
	padding-top: 10px; }

.seed_meet_text {
	width: 120px; }
	
.seed_location_text {
	width: 120px;
	margin-left: 10px; }

.seed_date_text {
	width: 120px;
	margin-left: 10px; }
	    	
#myAccount main#myAccount_teamRoster { 
	position: relative;
	padding-top: 80px; }
	
	#myAccount main#myAccount_teamRoster .navBar {
		width: 100%;
		float: left;
		position: absolute;
		top: 0;
		left: 0;
		right: 0; }
		
		#myAccount main#myAccount_teamRoster .navBar ul {
			width: 100%;
			float: left;
			padding: 0;
			margin: 0;
			border-bottom: 1px solid #e4e4e4;
			list-style: none; }
			
			#myAccount main#myAccount_teamRoster .navBar ul li {
				float: left;
				margin: 0; }
				
				#myAccount main#myAccount_teamRoster .navBar ul li a {
					width: auto;
        		    height: 40px;
        		    float: left;
        		    padding: 0 17px;
        		    border-right: 1px solid #e4e4e4;
        		    color: #222;
        		    text-align: center;
        		    font-family: 'Lato', sans-serif;
        		    font-size: 13px;
		            font-weight: normal;
            		line-height: 40px; }
            		
            		#myAccount main#myAccount_teamRoster .navBar ul li a:hover, #myAccount main#myAccount_teamRoster .navBar ul li a.active { 
                		background-color: #ddd;
                		border-color: #ddd;
                		color: #222;
                		text-decoration: none; }
                	
                	/*#default_seed_marks_options_div {
	                	right: 45px;
	                	margin-top: -15px;
	                	position: absolute; }*/
						
						#default_seed_marks_options_div {
						   right: auto;
						   margin-top: auto;
						   position: relative;
						   clear: both;
						   margin-bottom: 15px; }
                		
/*** MY ACCOUNT - TEAM ROSTER - MANAGE ***/
#myAccount main#myAccount_teamRoster.manage { padding-left: 240px; }

	#myAccount main#myAccount_teamRoster.manage aside {
        width: 240px;
        float: left;
        position: absolute;
        top: 80px;
        bottom: 45px;
        left: 0;
        padding: 100px 0 0 40px;
        margin: 0;
        background: none; }
        
        #myAccount main#myAccount_teamRoster.manage aside .refine {
        	width: 100%;
        	float: left;
        	position: relative;
        	margin-top: -100px; }
        	
        	#myAccount main#myAccount_teamRoster.manage aside .refine:after { 
            	content: "\f002";
            	position: absolute;
            	top: 10px;
            	right: 10px;
            	z-index: 10;
            	font-family: "FontAwesome";
            	color: #aaa; }
        	
        	#myAccount main#myAccount_teamRoster.manage aside .refine input { 
        		width: 100%;
        		padding-right: 30px;
        		margin-bottom: 10px; }

        #myAccount main#myAccount_teamRoster.manage aside ul {
            width: 100%;
            max-height: 100%;
            float: left;
            padding: 0;
            margin: 0;
            list-style: none;
            background: #f5f5f5;
            border: 1px solid #e4e4e4;
            overflow-x: hidden;
            overflow-y: auto;
            font-size: 13px; }

            #myAccount main#myAccount_teamRoster.manage aside li {
                width: 100%;
                float: left;
                margin: 0;
                border-bottom: 1px solid #e4e4e4;
                line-height: normal; }

                #myAccount main#myAccount_teamRoster.manage aside li:last-child { border: none; }

				#myAccount main#myAccount_teamRoster.manage aside li a {
                    display: block;
                    padding: 10px 15px;
                    color: #222;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis; }
                    
                    #myAccount main#myAccount_teamRoster.manage aside li a:hover { 
                    	background: #eee;
                    	text-decoration: none; }
                    
                    #myAccount main#myAccount_teamRoster.manage aside li.active a { 
                    	background: #daeef2;
                    	border-left: 2px solid #36a6bc; }
                    	
                    #myAccount main#myAccount_teamRoster.manage aside li.error a { 
                    	background: #fff9e7;
                    	border-left: 2px solid #f5af43; }
                    	
		#myAccount main#myAccount_teamRoster.manage aside .close {
			width: 100%;
			height: 40px;
			float: left;
			display: none;
			position: absolute;
			bottom: 0;
			left: 0;
			background: #d54d4d;
			border-top: 1px solid #e4e4e4;
			border-right: 1px solid #e4e4e4;
			text-align: center;
			font-weight: bold;
			line-height: 40px; }
		
			#myAccount main#myAccount_teamRoster.manage aside .close a { 
				display: block;
				color: #fff; }
			
		#myAccount main#myAccount_teamRoster.manage aside a.open { 
			width: 60px;
			height: 40px;
			position: absolute;
			bottom: 30px;
			right: -60px;
			z-index: -1;
			padding: 0 15px 0 0;
			background: #36a6bc;
			box-shadow: 0 0 5px rgba(0,0,0,0.3);
			text-align: right;
			font-size: 20px;
			color: #fff;
			line-height: 40px; }
			
			#myAccount main#myAccount_teamRoster.manage aside a.open:after {
				content: "\f0c0";
				font-family: 'FontAwesome';
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale; }
				
			#myAccount main#myAccount_teamRoster.manage aside a.open:hover { text-decoration: none; }

	#myAccount main#myAccount_teamRoster .main {
        width: 100%;
        float: left; }
        
	#myAccount main#myAccount_teamRoster.manage .main { padding-left: 40px; }

        #myAccount main#myAccount_teamRoster .main .form {
            width: 100%;
            float: left; }

        #myAccount main#myAccount_teamRoster .main .group {
            width: 100%;
            float: left;
            margin-bottom: 25px; }

        #myAccount main#myAccount_teamRoster .main .col_row { margin: 0 -5px; }

            #myAccount main#myAccount_teamRoster .main .col_row .col { 
                padding: 0 5px;
                margin-bottom: 15px; }

            #myAccount main#myAccount_teamRoster .main .col_row .col_6:nth-child(2n+1) { clear: both; }

        #myAccount main#myAccount_teamRoster .main label.inline {
            display: inline-block;
            font-size: 13px;
            font-weight: bold; }

        #myAccount main#myAccount_teamRoster .main label.title {
            display: block;
            margin-bottom: 7px;
            font-size: 13px; }

            #myAccount main#myAccount_teamRoster .main label.title span.fontN { font-weight: normal; }

        #myAccount main#myAccount_teamRoster .main .radioOptions { padding: 10px 0; }

            #myAccount main#myAccount_teamRoster .main .radioOptions label { 
            	display: inline-block;
            	margin-right: 15px; }

        #myAccount main#myAccount_teamRoster .main input[type="radio"], 
        #myAccount main#myAccount_teamRoster .main input[type="checkbox"] { margin-left: 0; }

        #myAccount main#myAccount_teamRoster .main input[type="text"] { height: 40px; }

            #myAccount main#myAccount_teamRoster .main input.full { width: 100%; }
            #myAccount main#myAccount_teamRoster .main input.inline { margin-left: 5px; }
            #myAccount main#myAccount_teamRoster .main input.dob { width: 55px; }
            #myAccount main#myAccount_teamRoster .main input.seed { width: 45px; }
            #myAccount main#myAccount_teamRoster .main input.points { width: 152px; }
        
        #myAccount main#myAccount_teamRoster .main .eventList .tabs { margin-bottom: 1.5em; }
        
        #myAccount main#myAccount_teamRoster .main .eventList .tabs a { 
        	float: left;
        	margin: 0 6px 0 0; }
        
        #myAccount main#myAccount_teamRoster .main .eventList ul {
	        padding: 0;
	        margin: 0 -10px;
	        list-style: none; }
	        	
	        /*#myAccount main#myAccount_teamRoster .main .eventList ul li {
	        	width: 50%;
	        	float: left;
	        	position: relative;
	        	padding: 0 10px;
	        	margin-top: 15px; }*/
	        
	        #myAccount main#myAccount_teamRoster .main .eventList ul li { 
		        width: 100%;
		        float: left;
	        	position: relative;
	        	padding: 0 10px;
	        	margin-top: 15px; }
	        		
	        	#myAccount main#myAccount_teamRoster .main .eventList ul li .label {
	        		width: 145px;
	        		float: left;
	        		white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
	        		line-height: 40px; }
	        			
	        	#myAccount main#myAccount_teamRoster .main .eventList ul li .seeds {
	        		width: 155px;
	        		float: left; }
	        			
	        	#myAccount main#myAccount_teamRoster .main .eventList ul li.head { 
	        		font-size: 13px;
	        		font-weight: bold; }
	        		
	        		#myAccount main#myAccount_teamRoster .main .eventList ul li.head .label { line-height: 1.3; }
	        			
	        	#myAccount main#myAccount_teamRoster .main .eventList ul li.disable:after {
	        		content: "";
        		    height: 100%;
        		    position: absolute;
    			    top: 0;
    			    right: 0;
    			    left: 145px;
			        background: #fff;
            		opacity: 0.5; }
            			
            	#myAccount main#myAccount_teamRoster .main .eventList ul.disable li:after { left: 0; }
	        			
	        		#myAccount main#myAccount_teamRoster .main .eventList ul li.disable .label { color: #aaa; }
	        		#myAccount main#myAccount_teamRoster .main .eventList ul li.disable input[type="text"],
	        		#myAccount main#myAccount_teamRoster .main .eventList ul li.disable .styledSelect select,
	        		#myAccount main#myAccount_teamRoster .main .eventList ul li.disable .styledSelect .arr { background: #eee; }

        /*#myAccount main#myAccount_teamRoster .main .eventList table { 
            width: 100%;
            float: left; }

            #myAccount main#myAccount_teamRoster .main .eventList table th { font-weight: bold; }

            #myAccount main#myAccount_teamRoster .main .eventList table th, 
            #myAccount main#myAccount_teamRoster .main .eventList table td { 
                position: relative;
                padding: 7px 10px 7px 0; }

        #myAccount main#myAccount_teamRoster .main .eventList table tr td.disable:after,
        #myAccount main#myAccount_teamRoster .main .eventList table.disable tr td:after {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: #fff;
            opacity: 0.5; }

        #myAccount main#myAccount_teamRoster .main .eventList table tr td.disable input[type="text"] { background: #eee; }*/
        
        #myAccount main#myAccount_teamRoster .main .foot {
        	width: 100%;
        	float: left;
        	padding-top: 25px;
        	border-top: 1px solid #e4e4e4; }
        
        	.foot a.grey {
            	padding: 10px 20px;
            	display: inline-block;
            	margin: 0 0 0 5px;
            	background: #eee;
            	border: none;
            	text-align: center;
            	font: inherit;
            	font-size: 13px;
            	color: #222;
            	cursor: pointer; }

            	.foot a.grey:hover { text-decoration: none; }
            	
            .foot a.red {
            	padding: 10px 20px;
            	display: inline-block;
            	margin: 0 0 0 5px;
            	background: #9f050d;
            	border: none;
            	text-align: center;
            	font: inherit;
            	font-size: 13px;
            	color: white;
            	cursor: pointer; }

            	.foot a.red:hover { text-decoration: none; }
            	
            	#myAccount main#myAccount_teamRoster .main .foot .green {
	            	background: #79bb33 !important;	
	            }
            	
            	
/*** MY ACCOUNT - TEAM ROSTER - ADD TEAM ***/
#myAccount main#myAccount_teamRoster.addTeam .selectField {
	width: 100%;
	float: left;
	padding-right: 140px; }
	
	#myAccount main#myAccount_teamRoster.addTeam .selectField a {
		width: 140px;
		float: right;
		padding-left: 10px;
		margin-right: -140px;
		line-height: 40px; }
		
		
/*** MY ACCOUNT - TEAM ROSTER - ADD ATHLETES ***/
#myAccount main#myAccount_teamRoster.addAthletes .radioOptions.top {
	padding: 0 0 23px;
	margin-bottom: 30px;
	border-bottom: 1px solid #e4e4e4; }
	
	#myAccount main#myAccount_teamRoster.addAthletes .radioOptions.top label { margin-bottom: 7px; }
	
#myAccount main#myAccount_teamRoster.addAthletes table {
    width: 100%;
    float: left; }

    #myAccount main#myAccount_teamRoster.addAthletes table thead { 
        background: #e9eaea;
        border-bottom: 1px solid #e4e4e4; }

    #myAccount main#myAccount_teamRoster.addAthletes table th {
        padding: 10px;
        background: #2c3435;
        font-family: 'Titillium Web', sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #fff; }

    #myAccount main#myAccount_teamRoster.addAthletes table td { 
        padding: 10px;
        border-bottom: 1px solid #e4e4e4; }
        
        #myAccount main#myAccount_teamRoster.addAthletes table tr td:last-child span { display: none; }
        
        
/*** MY ACCOUNT - TEAM ROSTER - EXPORT ***/
#myAccount main#myAccount_teamRoster.export .radioOptions label { margin-bottom: 7px; }

#myAccount main#myAccount_teamRoster.export .teamList {
	padding: 10px 0;
	margin: 0 -5px;
	list-style: none; }
	
	#myAccount main#myAccount_teamRoster.export .teamList li {
		width: 50%;
		float: left;
		padding: 0 5px;
		margin-bottom: 7px; }
		
		#myAccount main#myAccount_teamRoster.export .teamList li:nth-child(odd) { clear: both; }
		
		
/*** MY ACCOUNT - TEAM ROSTER - SHARE ***/
#myAccount main#myAccount_teamRoster.share .top {
	width: 100%;
	float: left;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #e4e4e4; }
	
#myAccount main#myAccount_teamRoster.share .emails {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
	list-style: none; }
	
	#myAccount main#myAccount_teamRoster.share .emails li.main {
		width: 100%;
		float: left;
		padding-bottom: 5px;
		margin-bottom: 20px;
		border-bottom: 1px solid #e4e4e4; }
		
		#myAccount main#myAccount_teamRoster.share .emails li.main:last-child {
			padding-bottom: 0;
			margin-bottom: 0;
			border: none; }


/*** SUPPORT ***/
#supportPage h3 {
  font-size: 18px; }

#supportPage .col > div {
    width: 100%;
    float: left;
    padding: 50px 30px;
    background: #fafafa;
    border: 1px solid #e4e4e4; }

    #supportPage a.btn { margin: 20px 0 0; }

/*** GROUP EVENTS ***/
#groupEvents {
	background: #fafafa;
	border-bottom: 1px solid #ddd; }

	#groupEvents header {
		width: 100%;
		float: left;
		padding-right: 270px; }
	
		#groupEvents header .left { 
			float: left;
			margin-top: 20px; }
			
			#groupEvents header .left h1 { margin-bottom: 10px; }
			
			#groupEvents header .left div { 
				font-size: 18px;
				color: #aaa; }
	
		#groupEvents header .right { 
			width: 250px;
			float: right;
			margin-right: -270px; }

#groupEvents_list ul.events {
	padding: 0;
	margin: 0 -25px;
	list-style: none; }
	
	#groupEvents_list ul.events > li {
		width: 50%;
		float: left;
		padding: 0 25px;
		margin-bottom: 50px;
		background: #fff; }
		
		#groupEvents_list ul.events > li:nth-child(2n+1) { clear: both; }
		
		#groupEvents_list ul.events > li .top {
			width: 100%;
			float: left;
			margin-bottom: 20px; }
		
		#groupEvents_list ul.events > li figure {
			width: 133px;
            height: 133px;
            float: left;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            -webkit-justify-content: center;
            justify-content: center;
            padding: 4px;
            margin: 0 20px 0 0;
            background: #fff;
            border: 1px solid #e4e4e4; }
                
            #groupEvents_list ul.events > li figure img { max-height: 100%; }
            
		#groupEvents_list ul.events > li .content { overflow: hidden; }
		
		#groupEvents_list ul.events > li h3 { font-size: 22px; }
		
		#groupEvents_list ul.events > li .location { 
			padding-left: 25px;
			margin-bottom: 10px;
			background: url(../images/icon_location.png) top 1px left 3px no-repeat;
			background: url(../images/svg/icon_location.svg) top 1px left 3px no-repeat, linear-gradient(transparent, transparent);
			background-size: 10px; }
                    
		#groupEvents_list ul.events > li .date { 
			padding-left: 25px;
			background: url(../images/icon_calendar.png) top 1px left no-repeat;
			background: url(../images/svg/icon_calendar.svg) top 1px left no-repeat, linear-gradient(transparent, transparent);
			background-size: 15px; }
		
		#groupEvents_list ul.events > li .bottom {
			width: 100%;
			float: left; }

/*** RESULTS CANADA OOC ***/
#results_canooc {}

#results_canooc .buttons {
    width: 100%;
    float: left; }

    #results_canooc .buttons .btn { 
        width: 170px;
        margin-right: 7px; }

    #results_canooc .buttons .styledSelect { float: right; }

    #results_canooc .buttons .styledSelect select { }

#results_canooc .results {
    width: 100%;
    float: left;
    margin-top: 20px; }

#results_canooc .result {
    width: 100%;
    float: left;
    margin-top: 5px; }

#results_canooc .result:first-child { margin-top: 0; }

    #results_canooc .result .head {
        width: 100%;
        float: left;
        color: #fff;
        text-transform: uppercase;
        font-family: 'Titillium Web', sans-serif; }

        #results_canooc .result .head .date { font-weight: bold; }

        #results_canooc .result .head a { 
            display: block;
            padding: 15px;
            background: #2c3435;
            color: #fff;
            transition: 0.2s ease background; }

        #results_canooc .result .head a:hover { 
            background: #1a2021;
            text-decoration: none; }

        #results_canooc .result .head .toggle {
            float: right;
            font-size: 24px;
            font-style: normal;
            line-height: 15px; }

    #results_canooc .result .contentWrap {
        width: 100%;
        float: left;
        display: none; }

    #results_canooc .result .content {
        width: 100%;
        float: left;
        border: 1px solid #2c3435;
        border-top: 0; }
		
	
	#results_canooc .result .meet {
        width: 100%;
        float: left;
        display: flex;
        align-items: stretch;
        border-top: 1px solid #2c3435; }

        #results_canooc .result .content .left_eventDetails {
            width: 330px;
            float: left;
            position: relative;
            z-index: 10;
            padding: 20px 15px;
            box-shadow: 15px 0 15px -15px rgba(0,0,0,0.25); }

            #results_canooc .result .content .left_eventDetails .sticky { 
                position: -webkit-sticky;
                position: sticky;
                top: 80px; }

            #results_canooc .result .contentWrap[style="display: block;"] .content .left_eventDetails .sticky { top: 80px; }
            
            #results_canooc .result .content .left_eventDetails .details { margin-bottom: 10px; }

            #results_canooc .result .content .left_eventDetails .title {
                font-family: 'Titillium Web', sans-serif;
                font-size: 18px;
                font-weight: bold; }

            #results_canooc .result .content .left_eventDetails .btn { margin: 15px 0; }

			#results_canooc .result .content .left_eventDetails .ad { 
                margin: 20px 0 0;
                padding-top: 20px;
                border-top: 1px solid #e4e4e4; }

        #results_canooc .result .content .right_comments {
            width: calc(100% - 330px);
            float: left;
            border-left: 1px solid #e4e4e4; }
			
            #results_canooc .result .content .right_comments .post:first-child { border-top: 0; }

/*** FOOTER ***/
footer {
  width: 100%;
  float: left;
  padding: 45px 80px;
  background: #f0f0f0;
  color: #222; }

  footer .left { float: left; }
  footer .right { float: right; }

    footer .left span { color: #fff; }

  footer a { color: #999; }

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

  footer h4 { margin: 2rem 0 0; }

  footer h4:first-child,
  footer p:first-child { 
    margin: 0; }

  footer ul,
  footer p { 
    margin: 1rem 0 0; }

  footer li { margin: 8px 0 0; }

.footer-logo {
  width: 106px;
  margin-bottom: 0; }

.footer-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-areas: "col1 col2 col3 col4";
  column-gap: 24px; }

.footer-grid2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr;
  column-gap: 24px; }

.footer-col { margin-top: 2rem; }

.footer-col1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: col1; }

.footer-col2 {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: col2; }

.footer-col3 {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: col3; }

.footer-col4 {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
  grid-area: col4; }

.footer-social { margin-top: 1rem; }

  .footer-social img {
    display: inline-block;
    margin: 0 6px 0 0; }

  .footer-social img:hover { opacity: .4; }

.footer-newsletter {
  display: block;
  margin-top: 1rem; }

  .footer-newsletter form {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: minmax(0,1fr) 40px;
    grid-template-columns: minmax(0,1fr) 40px; }

  .footer-newsletter input {
    height: 40px;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    border-right: 0; }

  .footer-newsletter .submit { 
    display: block;
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    padding: 0;
    margin: 0;
    font-size: 18px; }
	
	
/*** MEDIA QUERIES ***/
@-ms-viewport { width: device-width; }
@viewport { width: device-width; }


/*** RETINA ***/
@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
	
	#extra .usports { 
        background: url(../images/bg_usports@2x.jpg) right 80px center no-repeat #d54d4d;
        background-size: 82px 99px; }
    
   #error404 .content {
        background: url(../images/bg_404@2x.png) top right no-repeat;
        background-size: 418px 460px; }
    
	/*a.videoTut {
		background: url(/images/icon_videoTut2@2x.png);
   		background-size: 18px 18px;	}
	
	#athleticsCanada_header {
   		background: url(../images/bg_acHeader@2x.png) center right 20% no-repeat #eafaff;
   		background-size: 376px 404px }
	
    #home_addEvent .features li.feature1 { 
        background-image: url(../images/icon_registration@2x.png);
        background-size: 22px 22px; }
    
    #home_addEvent .features li.feature2 { 
        background-image: url(../images/icon_promotion@2x.png);
        background-size: 24px 23px; }
    
    #home_addEvent .features li.feature3 { 
        background-image: url(../images/icon_export@2x.png);
        background-size: 22px 25px; }
    
    #home_addEvent .features li.feature4 { 
        background-image: url(../images/icon_verification@2x.png);
        background-size: 24px 23px; }
    
    #home_addEvent .features li.feature5 { 
        background-image: url(../images/icon_email@2x.png);
        background-size: 24px 24px; }
    
    #home_addEvent .features li.feature6 { 
        background-image: url(../images/icon_statistics@2x.png);
        background-size: 24px 22px; }
    
    #home_addEvent .features li.feature7 { 
        background-image: url(../images/icon_fundraising@2x.png);
        background-size: 24px 21px; }
    
    #home_addEvent .features li.feature8 { 
        background-image: url(../images/icon_volunteer@2x.png);
        background-size: 24px 22px; }
    
    #home_addEvent .features li.feature9 { 
        background-image: url(../images/icon_merchandise@2x.png);
        background-size: 24px 21px; }
    
    #home_addEvent .features li.feature10 { 
        background-image: url(../images/icon_bilingual@2x.png);
        background-size: 24px 22px; }

    #home_addEvent .features li a { 
        background: url(../images/icon_features@2x.png) top 3px right no-repeat;
        background-size: 12px 12px; }
    
    #home_news ul.discuss li div { 
        background: url(../images/icon_comments@2x.png) top 2px left no-repeat;
        background-size: 12px 11px; }
    
    #home_news #home_contact .contact { 
        background: url(../images/icon_contact@2x.png) top 3px left no-repeat;
        background-size: 24px; }
            
    #home_news #home_contact .voicemail { 
        background: url(../images/icon_voicemail@2x.png) top 3px left no-repeat;
        background-size: 17px 24px; }
    
    #home_news #home_contact .faq { 
        background: url(../images/icon_faq@2x.png) top 3px left no-repeat;
        background-size: 24px 22px; }
    
    #home_news #home_contact .skype { 
        background: url(../images/icon_skype@2x.png) top 3px left no-repeat;
        background-size: 24px 24px; }
    
    #home_news #home_contact .web { 
        background: url(../images/icon_web@2x.png) top 3px left no-repeat;
        background-size: 24px 24px; }
    
    #extra .usports { 
        background: url(../images/bg_usports@2x.jpg) right 80px center no-repeat #d54d4d;
        background-size: 82px 99px; }

    #extra .social a.facebook { 
        background: url(../images/icon_facebook2@2x.png) left no-repeat;
        background-size: 19px 38px; }

    #extra .social a.twitter { 
        background: url(../images/icon_twitter2@2x.png) left no-repeat;
        background-size: 43px 35px; }

    #extra .newsletter input[type="text"] {
        background: url(../images/icon_newsletter@2x.png) left 10px center no-repeat;
        background-size: 26px 20px; }
    
    section#eventInfo main header.details .right .location { 
        background: url(../images/icon_location@2x.png) top 1px right 3px no-repeat;
        background-size: 10px 16px; }
                    
    section#eventInfo main header.details .right .date { 
        background: url(../images/icon_calendar@2x.png) top 1px right no-repeat;
        background-size: 15px 16px; }
    
    section#eventInfo .mainContent aside.left .block_contact .person .email { 
        background: url(../images/icon_email2@2x.png) left no-repeat;
        background-size: 16px 12px; }
    
    section#eventInfo .mainContent aside.left .block_contact .person .tel { 
        background: url(../images/icon_phone@2x.png) left no-repeat;
        background-size: 16px 16px; }
    
    section#eventInfo .mainContent aside.left .block_contact .person .fax { 
        background: url(../images/icon_fax@2x.png) left no-repeat;
        background-size: 16px 14px; }
    
    section#eventInfo .mainContent article .block_additional ul li a.doc:before { 
        background: url(../images/icon_doc@2x.png) left no-repeat;
        background-size: 14px 18px; }
        
    section#eventInfo .mainContent article .block_additional ul li a.img:before { 
        background: url(../images/icon_img@2x.png) left no-repeat;
        background-size: 14px 18px; }
                    
    section#eventInfo .mainContent article .block_additional ul li a.txt:before { 
        background: url(../images/icon_txt@2x.png) left no-repeat;
        background-size: 14px 18px; }
                    
    section#eventInfo .mainContent article .block_additional ul li a.html:before { 
        background: url(../images/icon_html@2x.png) left no-repeat;
        background-size: 14px 18px; }
                    
    section#eventInfo .mainContent article .block_additional ul li a.ppt:before { 
        background: url(../images/icon_ppt@2x.png) left no-repeat;
        background-size: 14px 18px; }
                    
    section#eventInfo .mainContent article .block_additional ul li a.pdf:before { 
        background: url(../images/icon_pdf@2x.png) left no-repeat;
        background-size: 14px 18px; }
    
    #newsMedia_liveStreams button.slick-prev { 
        background: url(../images/arrow_prev@2x.png) center no-repeat #e4e4e4;
        background-size: 15px; }

    #newsMedia_liveStreams button.slick-next { 
        background: url(../images/arrow_next@2x.png) center no-repeat #e4e4e4;
        background-size: 15px; }
    
    #error404 > div {
        background: url(../images/bg_404@2x.png) top right no-repeat;
        background-size: 418px 460px; }
    
    #forumTable table td .views { 
        background: url(../images/icon_views@2x.png) left no-repeat;
        background-size: 15px 9px; }
    
    #forumTable table td .comments { 
        background: url(../images/icon_comments2@2x.png) left 1px center no-repeat;
        background-size: 12px 11px; }
    
    #forumTable table td .polls { 
        background: url(../images/icon_statistics2@2x.png) left 1px center no-repeat;
        background-size: 13px 12px; }

    #forumTable table td figure {
        background: url(../images/icon_avatar@2x.png) center no-repeat;
        background-size: 40px; }
        
	#groupEvents_list ul.events > li .location { 
		background: url(../images/icon_location@2x.png) top 1px left 3px no-repeat;
		background-size: 10px 16px; }
                    
	#groupEvents_list ul.events > li .date { 
		background: url(../images/icon_calendar@2x.png) top 1px left no-repeat;
		background-size: 15px 16px; }*/
    
}		

/*** 1366px ***/
@media screen and (max-width: 1366px) {

    section, footer { padding: 45px 40px; }
    
    #home_addEvent .bg { 
        padding-left: 40px;
        padding-right: 40px; }
    
    #home_findEvent { right: 40px; }
    
    #home_news #home_contact { margin-right: 40px; }
    
    #home_addEventClub { padding: 0 80px 0 320px; }
    
    	#home_addEventClub .title {
    		width: 320px;
    		padding: 27px 40px 0; }
    
    #extra .half { padding: 45px 40px; }
    
    #extra .usports { 
        padding-right: 160px;
        background-position: right 40px center; }
    
    section#eventInfo .wrap { padding: 0 10px; }
    
    #calendar_featured .slider { margin: 0 -5px; }
    
    #calendar_featured button.slick-prev { left: -35px; }

    #calendar_featured button.slick-next { right: -35px; }
    
    #calendar_featured .slick-slide { margin: 0 5px; }
    
    #getStarted_main .left > div { padding: 120px 40px 0; }
    
}


/*** 1280px ***/
@media screen and (max-width: 1280px) {
    
    #home_addEvent .wrap { padding-left: 250px; }
    
    #home_addEvent .info { 
        width: 250px;
        margin-left: -250px; }
    
	#supportPage .col_4 { width: 50%; }
	
	#supportPage .col_3 { width: 50%; margin-bottom: 30px; }
	
		#supportPage .col_4:first-child { 
			width: 100%;
			margin-bottom: 30px; }
	
    /*#myAccount main#myAccount_teamRoster .main .eventList ul li.head2 { display: none; }*/
	
	/*#myAccount main#myAccount_teamRoster .main .eventList ul li { width: 100%; }*/
	
 	/*.seed_location_text {
		width: 120px; }
	
	.seed_date_text { 
		width: 120px; }*/
}


/*** 1200px ***/
@media screen and (max-width: 1200px) {
    #uSports_rankings main .filter .dropdowns { width: 100%; }
    
    header#header .right > a { 
        font-size: 15px;
        margin-right: 10px; }
    
    header#header .right .social { margin-left: 0; }
    
    #home_addEvent .features { text-align: center; }
    
        #home_addEvent .features ul {
            width: auto;
            display: inline-block;
            margin: 0 auto;
            text-align: left; }
    
        #home_addEvent .features li { 
            width: 100%;
            float: none;
            padding-top: 1px;
            background-position: top left 8px; }

            #home_addEvent .features li > div { 
                display: none;
                padding-right: 20px; }
    
    #home_news { padding-bottom: 45px; }
    
	a.edit_settings_link { margin-left: -20px; }
	
	/* MOVED THIS TO 600px SEEMED TO WORK BETTER FOR LEFT SIDE
	section#eventInfo main header.details .right { margin-top: -20px; }
    
        section#eventInfo main header.details .right span {
            width: 100%;
            margin: 10px 0 0 0; }
    
    section#eventInfo .mainContent { 
	    display: block;
	    padding-right: 0; }
	    
        section#eventInfo .mainContent article { padding: 0 0 0 40px; }
		
		section#eventInfo .mainContent .asideWrap {
	        width: 200px;
	        margin-left: -200px;
	        position: sticky;
	        top: 98px;
	        z-index: 100; }
	        
        section#eventInfo .mainContent aside.right { 
        	width: 200px;
        	position: static; }
			
		section#eventInfo .mainContent aside.left { 
	        position: static;
	        margin-bottom: 25px;
	        margin-left: 0; }
	        
		section#eventInfo .mainContent.noCol1, section#eventInfo .mainContent.noCol1-2, section#eventInfo .mainContent.noCol1-3 { padding-left: 200px; }
	
			section#eventInfo .mainContent.noCol1 article, section#eventInfo .mainContent.noCol1-2 article, section#eventInfo .mainContent.noCol1-3 article { padding-left: 40px; }
	*/
}

/*** 1180px ***/
@media screen and (max-width: 1180px) {
    #myAccount .myAccount_table tr tr:nth-child(2), #myAccount .myAccount_table tr td:nth-child(2) { 
        width: 150px;
        padding-right: 10px; }
        
        #myAccount .myAccount_table tr tr:nth-child(4), #myAccount .myAccount_table tr td:nth-child(4), #myAccount .myAccount_table tr tr:nth-child(5), #myAccount .myAccount_table tr td:nth-child(5) { 
            width: 100px;
            padding-right: 10px; }
}

/*** 1160px ***/
/*@media screen and (max-width: 1160px) {
	#default_seed_marks_options_div {
       	right: auto;
       	margin-top: auto;
       	position: relative;
       	clear: both;
       	margin-bottom: 15px; }
}*/

/*** 1140px ***/
@media screen and (max-width: 1140px) {
  section#eventInfo.page-docs main { display: block; }
  
  .docs-topics {
	padding: 16px;
	background-color: #f2f2f2;
	border-radius: 3px; }
  
	.docs-topics-heading::after { display: block; }
  
	.docs-topics .sidenav { display: none; }
  
	.docs-main-content { margin-top: 40px; }
}

/*** 1120px ***/
/*@media screen and (max-width: 1120px) {
  a.i_am_new_btn {
    margin-top: 10px;
    float: none; }
}*/

/*** 1100px ***/
@media screen and (max-width: 1100px) {
	.col_16 { width: 33.33%; }
  .col_15 { width: 33.33%; }
  .col_14 { width: 33.33%; }
  .col_13 { width: 33.33%; }
    
  .hide1100 {
     display: none; }
     
  .seed_meet_text {
		width: 95px; }
		
	.seed_location_text {
		width: 95px;
		margin-left: 10px; }
	
	.seed_date_text {
		width: 95px;
		margin-left: 10px; }

	
	/*header#header nav ul li { 
        padding-top: 2px;
        margin-right: 15px;
        font-size: 16px; }*/
        
        header#header nav ul li { margin-right: 15px; }
        
        header#header nav ul li a { height: 40px; }
    
    #newsMedia .row_ad300 { padding-left: 0; }
    
        #newsMedia .row_ad300 .ad300 { 
            width: 100%;
            height: auto;
            margin: 0; }
    
            #newsMedia .row_ad300 .ad300 .details { display: none; }
    
    #newsMedia .row_ad730 { padding-right: 0; }
    
        #newsMedia .row_ad730 .ad730 { 
            width: 100%;
            margin: 0; }
    
    #newsMedia .row_ad730 .row_ad730_group { 
        width: 100%;
        margin: 0; }
    
    #newsMedia .col_4 { width: 50%; }
    
        #newsMedia .col_4:last-of-type { width: 100% !important; }
    
    #newsMedia .col figure { height: 250px !important; }
    
    #athleticsCanada_header { background-position: center right 40px; }
    
        #athleticsCanada_header > div { margin-left: 40px; }
        
    #myAccount .myAccount_table tr td:nth-child(4), #myAccount .myAccount_table tr th:nth-child(4) { display: none; }
}

/*** 1090px ***/
@media screen and (max-width: 1090px) {
	.add_athlete_option {
	    display: block !important;
	    clear: both !important; }
}

/*** 1000px ***/
@media screen and (max-width: 1000px) {
  #navOverlay { display: block; }
  
  #manage_page_form div.topRow, #manage_page_form div.cols3, #manage_page_form div.row, #manage_page_form div.fieldGroup, #manage_page_form .textfilter, #manage_page_form .select2 { width: 100% !important; margin-right: 0 !important; margin-bottom: 5px !important; }
  
  .show1000 {
	  display: block;  }
	 
	 #submit_btn_profile { display: none; }
  
  .hide1000 {
  	display: none; }
  
  .fake_logo { 
    display: none !important; }
 
  #buttonsHeaderEventPageMobileFix2 {
	padding-top: 15px;
 	display: block !important;
 	clear: both !important;
 	width: 100% !important; }
  
  #buttonsHeaderEventPageMobileFix {
	display: block !important;
	clear: both;
	width: 100% !important; }
	
	#buttonsHeaderEventPageMobileFix a.info {
		padding: 0;
		position: static !important;
		float: left;
		min-width: 30% !important;
		display: block !important; }
		
  
  .history_row ul { margin-bottom: 0; }
  
  .history_row p { margin-top: 20px; }
   
  .history_row .rightBorder, .history_row .col_6 {
    border-right: 0px;
    clear: both !important;
    width: 100% !important;
    margin-bottom: 0px; }
   
   .hide1000 {
     display: none; }
    
	.JudoCanadaMascots {
	   position: relative; }
	  
    .force_full_mobile {
       width: 100% !important;  
       clear: both;
    }
    
    #apply_to_checked_sticky_div, #reportingHeaderSticky {
      position: relative;
      top: auto;
      padding-top: auto;
      padding-bottom: auto;
      min-height: auto; }
    
    .col_row { 
        margin-left: -15px;
        margin-right: -15px; }

    .col {
        float: left;
        padding-left: 15px;
        padding-right: 15px; }
    
    .seed_meet_text {
		width: 85px; }
		
	.seed_location_text {
		width: 85px;
		margin-left: 10px; }
	
	.seed_date_text {
		width: 85px;
		margin-left: 10px; }
    
    /*header#header .wrap { 
        padding-right: 30px;
        padding-left: 30px; }
    
    header#header .logo { 
    	width: 95px;
        margin: 1px 20px 0 0; }

    header#header nav ul#main { display: none; }

    header#header nav a.mobileNav { display: block; }
    
    nav#mobileNav { display: block; }
    
    #navOverlay { display: block; }*/
    
    section, footer { padding: 35px 30px; }
    
    #home_addEventClub { padding: 0 70px 0 300px; }
    
    	#home_addEventClub .title { 
    		width: 300px;
    		padding: 27px 30px 0; }
    
    	#home_addEventClub .carousel { font-size: 14px; }
    
    #extra .half { padding: 35px 30px; }
    
    #extra .usports { 
        padding-right: 150px;
        background-position: right 30px center; }
    
    section.wBanner .wrap, section#eventInfo .wrap { padding: 0; }
    
    section#eventInfo main { padding-top: 85px; }
    
    section#eventInfo header#eventBanner + .wrap main { padding-top: 30px; }
    
    section#eventInfo main header.details { display: block; }
    
        section#eventInfo main header.details figure { margin-top: -55px; }

        section#eventInfo main header.details .content { overflow: visible; }

        section#eventInfo main header.details .top {
            width: auto;
            float: none;
            padding: 0 0 10px 20px;
            margin-bottom: 0;
            border-bottom: none;
            overflow: hidden; }

        section#eventInfo main header.details h1 { 
            max-width: 100%;
            float: none;
            display: block; }

        section#eventInfo main header.details .right {
            max-width: 100%;
            float: none;
            display: block;
            margin-top: 5px;
            text-align: left; }

            section#eventInfo main header.details .right span { 
                width: auto;
                float: left;
                padding: 0 0 0 25px;
                margin: 10px 0 0; }

                section#eventInfo main header.details .right .date { 
                    margin: 10px 17px 0 0;
                    background-position: top 1px left; }

                section#eventInfo main header.details .right .location { background-position: top 1px left 3px; }
				
			  section#eventInfo main header.details .bottom { 
            padding: 0;
            margin-top: 15px; }

            section#eventInfo main header.details .bottom .share {
                width: 100%;
                position: relative !important; 
                display: block !important;
                float: left;
                margin: 8px 0 0; }

        section#eventInfo .mainContent article { padding: 0 0 0 30px; }
    
    #calendar_featured button { width: 30px; }
    
    #calendar_featured button.slick-prev { left: -25px; }

    #calendar_featured button.slick-next { right: -25px; }
    
    .columns2 { padding-right: 250px; }
    
        .columns2 main { padding-right: 30px; }
    
        .columns2 aside { 
            width: 250px;
            margin-right: -250px; }
			
			.columns2 aside div.rankingsList ul li .img { display: none; }
			
    #getStarted_main .left { font-size: 16px; }
    
        #getStarted_main .left > div { padding: 100px 30px 0; }
    
    #getStarted_video { 
        display: block;
        font-size: 16px; }
    
        #getStarted_video .half { width: 100%; }
    
        #getStarted_video .right {
            display: block;
            padding-left: 0;
            margin-top: 30px;
            text-align: center; }
            
            #getStarted_bottom .testimonials button, #getStarted_clients .carousel button { width: 30px; }

        #getStarted_bottom .testimonials button.slick-prev, #getStarted_clients .carousel button.slick-prev { left: -30px; }

        #getStarted_bottom .testimonials button.slick-next, #getStarted_clients .carousel button.slick-next { right: -30px; }
    
    #getStarted_bottom .testimonials button { width: 30px; }

        #getStarted_bottom .testimonials button.slick-prev { left: -30px; }

        #getStarted_bottom .testimonials button.slick-next { right: -30px; }
    
    #getStarted_bottom .btn {
        width: 180px;
        margin: 0 3px;
        font-size: 16px; }
    
    #uSports_main .third { 
        width: 50%;
        border: none; }
    
    #uSports_main .news { width: 100%; }
    
        #uSports_main .news ul li { width: 33.3334%; }
    
            #uSports_main .news .details { height: 83px; }
    
            #uSports_main .news ul li:nth-child(2) .details { background: #f5f5f5; }
    
        #uSports_main .news .details .date { width: 35px; }
    
    #uSports_main .rankings { border-left: 1px solid #e4e4e4; }
    
    #uSports_uni { display: block; }
    
        #uSports_uni .logo, #uSports_uni .content { width: 100%; }
    
        #uSports_uni .logo { margin-bottom: 60px; }
    
            #uSports_uni .logo img { height: 100px; }
    
    #uSports_uni .content .row { padding: 0 20px; }
    
    #uSports_uni .half { padding: 0 10px; }
    
    #uSports_rankings_results .col_6 { width: 100%; }
    
    #athleticsCanada_header { 
        height: auto;
        padding: 45px 40px;
        background-image: none; }
    
        #athleticsCanada_header > div { 
            width: 100%;
            margin-left: 0; }
    
    #myAccount_overview .col_4 { width: 50%; }
    
    #myAccount_overview .col:nth-child(3n+1) { clear: none; }
    #myAccount_overview .col:nth-child(2n+1) { clear: both; }
    
    #myAccount_overview .box { margin: 20px 0 10px; }
    
	.myAccount_overview_heading {
		flex-direction: column;
		align-items: normal;
	}
	
	#myAccount_overview .grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
		#myAccount_overview .grid.v1 > :first-child {
			grid-column: 1 / 2;
		}
	
		#myAccount_overview .grid.v2 > :first-child {
			grid-column: 1 / 3;
		}

	
    #myAccount main { 
    	padding-left: 30px;
    	padding-right: 30px; }
    
    #myAccount main#myAccount_teamRoster .main .col_row .col { width: 100%; }
    
    #myAccount main#myAccount_teamRoster.manage { padding-left: 230px; }
    
    	#myAccount main#myAccount_teamRoster.manage aside { 
    		width: 230px;
    		padding-left: 30px; }
    
    	#myAccount main#myAccount_teamRoster.manage .main { padding-left: 30px; }
    	
	#myAccount main#myAccount_teamRoster.addAthletes table thead { display: none; }
	
	#myAccount main#myAccount_teamRoster.addAthletes table tr { 
		display: block; 
		padding-top: 15px;
		margin-bottom: 15px;
		border-top: 1px solid #e4e4e4; }
	
	#myAccount main#myAccount_teamRoster.addAthletes table td { 
		display: block;
		padding: 0 0 3px;
		border: none; }
		
		#myAccount main#myAccount_teamRoster.addAthletes table tr td:nth-child(2) { font-size: 15px; }
		#myAccount main#myAccount_teamRoster.addAthletes table tr td:last-child span { display: inline; }
    
    .myAccount_tutorials, .teamRoster_tutorials { margin: 0 -10px; }

	   	.myAccount_tutorials li, .teamRoster_tutorials li {padding: 10px; }
    
    #profileEdit > div { padding-left: 0; }
    
        #profileEdit .left {
            width: 100%;
            padding: 0;
            margin: 0 0 30px; }
    
            #profileEdit .left .field { 
                padding-left: 155px;
                margin: 0 0 10px; }
    
                #profileEdit .left .field label { 
                    width: 150px;
                    float: left;
                    margin: 11px 0 0 -155px; }
    
                #profileEdit .left .field input { margin: 0; }
    
    #groupEvents_list ul.events > li figure { 
			width: 100px;
			height: 100px; }
      
  .footer-grid {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "col1 col2 col3" "col4 col4 col4"; }

}


/*** 990px ***/
@media screen and (max-width: 990px) {
  header#header .wrap { 
		 padding-right: 30px;
		 padding-left: 30px; }
	 
	 .force_hide_990 {
		 display: none !important;  }
	 
	 /*header#header .logo { 
		 width: 95px;
		 margin: 1px 20px 0 0; }*/
	 
	 header#header nav ul#main { display: none; }
	 
	 header#header nav a.mobileNav { display: block; }
	 
	 nav#mobileNav { display: block; }
	 
	 header#header .right .btn-services { display: none; }
	 
	 header#header .subNav ul { display: none; }
	 
	 header#header .subNav .right { width: 100%; }
	 
		 header#header .subNav.newsMedia .right { padding-right: 120px; }
		 /*header#header .subNav.forum .right { padding-right: 40px; }*/
	 
		 header#header .subNav .right .search { width: 100%; }
	 
		 header#header .subNav .right .search:after { display: block; }
	 
			 header#header .subNav .right .search .openSearch { display: none; }
	 
			 header#header .subNav .right .search .searchForm { 
				 width: 100%;
				 padding-right: 40px; }
	 
			 header#header .subNav .right .search .searchForm input[type="text"] { 
				 width: 100%;
				 padding: 0 0 0 10px; }
	 
		 header#header .subNav .right .buttons { margin-right: -120px; }
	 
	 header#header .subNav.usports { display: none; }
	 
	 header#header .subNav.usports .right { width: auto; }    
	 
		 header#header .subNav.usports .right ul { display: block; }
		 
		 header#header .subNav .mobileSubnav { display: block; }
}

/*** 960px ***/
@media screen and (max-width: 960px) {
  header#header nav { 
    margin-top: 0px;
    font-size: 17px; }
    
    header#header nav ul li {
        margin: 0 15px 0 0; }
}

/*** 950px ***/
@media screen and (max-width: 950px) {
    
    header#header nav ul li {
      float: left;
      margin: 0 10px 0 0; }
    
    .seed_meet_text {
		  width: 75px; }
		
	.seed_location_text {
		width: 65px;
		margin-left: 10px; }
	
	.seed_date_text {
		width: 65px;
		margin-left: 10px; }
}

/*** 920px ***/
@media screen and (max-width: 1000px) {
    
     .formatting_div, .apply_to_checked_div {
       width: 100%;
       float: none;
       clear: both;
       text-align: left;
       margin: 0 0 10px; } 
       
       .formatting_div {
         margin-left: -27px;
       }
}


/*** 900px ***/
@media screen and (max-width: 900px) {
    
	#calendar_list tr th, #calendar_list tr td, #calendar_list tr, #calendar_list th { width: 100% !important; clear: both !important; }
	.show_mobile_and_desktop { display: block; }
	
	.hide_mobile { 
		display: none !important; }
	
	#calendar table thead, #calendar table thead tr.full_width_mobile { 
		display: block !important; 
		width: 100%; 
		background: white !important; 
		margin-bottom: 15px; }
		
	#calendar table thead tr td.show_mobile { 
		display: block !important; 
		width: 100% !important; 
		clear: both; 
		padding: 3px 0; 
		background: white !important; }
	
	#calendar table td { 
		display: block;
		padding: 3px 0;
		border: none; }
	
	#calendar table tbody tr td:first-child { padding-top: 15px; }
	
	#calendar table tbody tr td:nth-child(2) { 
		margin-bottom: 5px;
		font-size: 17px; }
	
	#calendar table tbody tr td:last-child { 
		padding: 12px 0 15px;
		border-bottom: 1px solid #e4e4e4; }
		
	#calendar table tr td:nth-child(4), #calendar table tr th:nth-child(4) { display: block; }
	
	
	
	.orgLogosDivs {
		width: 49%; }
	
	#calendar .tabs, #calendar .results_tabs { display: none; }
       
	.show_900 { display: block; }
    
    .hide_900 { display: none; }
	
	.force_hide_mobile, .FORCE_HIDE_MOBILE { display: none; }
	
	.coachesPollDiv div.group {
		width: 100% !important;
		float: none !important;
		clear: both !important;
	}
	
	.coachesPollDiv div.group:nth-child(even) {
		padding-top: 30px !important;
	}
	    
    section.withSubNav_mobileHide { margin-top: 0; }
    
    #home_events .events .box_loader {
	    padding-top: 20px;
		height: 73px; }
    
    #home_events .events ul li a { padding: 15px; }
    
    #home_events .events ul li figure { display: none; }
    
    #home_events .events ul li h5 { font-size: 16px; }
    
    /*#home_news .news, #home_news .discussion { width: 100%; }
    
    #home_news .discussion .heading { 
    	padding-top: 30px;
    	border-top: 1px solid #e4e4e4; }*/
    
		 #home_news .recentNews ul li { width: 50% !important; }
    
		 #home_news .recentNews ul li:last-child { display: none; }
    
		 #home_news .recentNews ul li:first-child .title, #home_news .recentNews ul li:nth-child(2) .title { font-size: 20px; }
    
    #home_news .liveNews ul li { width: 50%; }
    
    	#home_news .liveNews ul li:nth-child(n+3) { margin-top: 20px; }
    	
    	#home_news .liveNews ul li:nth-child(2n+1) { clear: both; }
    
    #newsMedia_fixedFilter { display: block; }
    
    section#eventInfo .mainContent article .col_6 { width: 100%; }
    
    #forumTable .filter { display: block; }
    
    #athleticsCanada_main #acFeatures .col_4 { width: 50%; }
    
        #athleticsCanada_main #acFeatures .col_4:first-child { 
            width: 100%;
            margin-bottom: 30px; }
    
    #athleticsCanada_main #acContacts .col_8, #athleticsCanada_main #acContacts .col_4 { width: 100%; }
    
    #athleticsCanada_main #acContacts .col_4 {
        padding-top: 20px;
        border-top: 1px solid #e4e4e4; }
    
        #athleticsCanada_main #acContacts .col_4 ul li { width: 50%; }
        
	#calendar table tr td:nth-child(4), #calendar table tr th:nth-child(4) { display: none; }
	
	#uSports_head, #uSports_head.uni { height: auto; }
    
        #uSports_head .half { width: 100%; }
    
        #uSports_head .left { height: 100px; }
    
        #uSports_head .right { 
            height: auto;
            padding-top: 30px; }
    
            #uSports_head .right h2 { display: none; }
    
            #uSports_head .right .foot { 
                position: static;
                padding: 15px 25px;
                margin-top: 30px; }
	
			#uSports_head .right .select { display: block; }
}

/*** 880px ***/
@media screen and (max-width: 880px) {
    
    .seed_meet_text {
		display: none; }
	
}

/*** 800px ***/
@media screen and (max-width: 800px) {
  
 .QR_services li {
	width: 100%; }
  
  .apply_to_checked_div {
    width: 100%;
    float: none;
    text-align: left; }
  
	#myAccount aside .btns .fix.on { width: 75px; }
	
  #myAccount { padding-left: 70px; }

  #myAccount aside {
      width: 70px;
      margin-left: -70px; }

      #myAccount aside .top > div { display: none; }

          #myAccount aside .top figure {
              width: 40px;
              height: 40px;
              margin-bottom: 0; }

      #myAccount aside .btns ul { width: 70px; }

      #myAccount aside .btns li a { 
          padding: 15px;
          text-align: center; }

          #myAccount aside .btns li a:before { margin-right: 0; }

          #myAccount aside .btns li span { display: none; }
          
          #myAccount aside .btns .fix.on { width: 70px; }
          
#myAccount .topBtn { 
  width: 100%;
  margin-bottom: 30px; }

  #myAccount .topBtn a.btn { margin: 0 10px 0 0; }
  
	#forumTable table td .paging { display: none; }
	
    #extra .half { width: 100%; }
    
    #error404 .content { padding-top: 0; }
    
    #error404 h1 { font-size: 30px; }
    
    #error404 p.sub { font-size: 18px; }
    
    .columns2, .columns2 main { padding-right: 0; }
    
    #forumTable .filter .dropdowns { 
        display: inline-block;
        margin: 0; }
    
    #forumTable .filter a { margin: 0 0 0 15px; }
    
        .columns2 aside { 
            width: 100%;
            margin: 40px 0 0; }
    
            .columns2 aside .ad { text-align: center; }
    
            .columns2 aside .ad2, .columns2 aside .ad3 { width: 50%; }
            
            .columns2 aside div.rankingsList ul li .img { display: inline-block; }
    
    section.newsMedia_articleHeader header { height: 350px; }
    
    section.newsMedia_articleHeader > div {
        padding: 35px 30px;
        margin-top: 0; }
    
    #getStarted_main { height: auto; }
    
        #getStarted_main .left { width: 100%; }
    
            #getStarted_main .left > div, #getStarted_main .left > div.active { 
                display: none;
                padding: 70px 30px 30px; }
        
            #getStarted_main .left #getStarted_tab8 { display: block; }
    
        #getStarted_main .right { display: none; }
    
    #getStarted_features ul li { width: 33.3334%; }
    
        #getStarted_features ul li:nth-child(4n+1) { clear: none; }

        #getStarted_features ul li:nth-child(3n+1) { clear: both; }
		
		#getStarted_clients ul.clients li { width: 16.6666%; }
		
    #uSports_main .news ul li { width: 50%; }
    
    #uSports_main .news ul li:first-child { width: 100%; }
    
        #uSports_main .news ul li:first-child figure { height: 250px; }
    
    #uSports_main .third { 
        width: 100%;
        border: none; }
    
    #uSports_uni .row { margin: 0; }
    
    #uSports_uni .half { 
        width: 100%;
        margin-bottom: 30px; }
        
        #uSports_rankings_results .col_6 { width: 50%; }
    
    #loginPage .col_6 { width: 100%; }
    
    #loginPage .right { 
        padding-top: 30px;
        margin-top: 30px;
        border-left: none;
        border-top: 1px solid #e4e4e4; }
    
    #groupEvents_list ul.events > li { width: 100%; }
	
		#groupEvents header { 
			padding-right: 0;
			text-align: center; }
		
			#groupEvents header .right {
				width: 200px;
				float: none;
				margin: 0 auto; }
				
			#groupEvents header .left { width: 100%; }
	
	/*#results_canooc .buttons .btn { width: 150px; }
    
    #results_canooc .buttons .styledSelect select { width: 220px; }*/
		
	.seed_meet_text {
		width: 80px; }
		
	.seed_location_text {
		width: 65px;
		margin-left: 10px; }
	
	.seed_date_text {
		width: 65px;
		margin-left: 10px; }
}

/*** 740px ***/
@media screen and (max-width: 740px) {
   #supportPage .col_3 { width: 100%; margin-bottom: 30px; }
   
  .seed_location_text {
		display: none; }
	
	.seed_date_text {
		display: none; }
		
	.seed_meet_text {
		display: none; }
    
    .seeds_extras {
	    display: none; }
      
      #addEvent_btns {
      margin-top: 25px; }
}

/*** 700px ***/
@media screen and (max-width: 700px) {
    a.i_am_new_btn {
		margin-top: 10px;
		float: none; }
	
	.show_700 { display: block; }
    .hide_700 { display: none !important; }
    
	.textRightExcept700 {
      text-align: left; }
    
    #home_addEventClub { 
    	height: auto;
    	padding: 0; }
    
    	#home_addEventClub .title { 
    		width: 100%;
    		position: static;
    		padding: 30px; }
    		
    		#home_addEventClub .title h3, #home_addEventClub .title a.btn { display: none; }
    		
    		#home_addEventClub .title a.btn.show_700 { display: block; }
    
    	#home_addEventClub .carousel { display: none; }
    
    #error404 .content { 
        min-height: auto;
        padding: 0 0 500px;
        background-position: bottom center;
        background-size: 270px; }
    
    .columns2 aside .ad { width: 100%; }
    
    #getStarted_bottom .btn {
        width: 160px;
        font-size: 14px; }
		
		#uSports_rankings_results .col_6 { width: 100%; }
		    
	#myAccount main#myAccount_teamRoster.manage { padding-left: 30px; }
	
	#member_list_div, #teamRoster_refine_div {
		max-width: 100%; }
	
	#myAccount_teamRoster.noLeftPadding {
		padding-left: 30px !important; }
		
		#select_athlete_txt_div {
			display: none !important; }
	
		#myAccount main#myAccount_teamRoster.manage .main { padding-left: 0; }
        
		#myAccount main#myAccount_teamRoster.manage aside { 
			width: 100%;
        	position: fixed;
        	top: 0;
        	right: 100%;
        	bottom: 0;
        	left: auto;
        	z-index: 100;
        	padding: 148px 0 40px;
        	background: #fff;
        	transition: 0.5s ease all; }
            
        	#myAccount main#myAccount_teamRoster.manage aside.open { right: 0; display: block !important; }
            
        	#myAccount main#myAccount_teamRoster.manage aside .close { display: block; }
        	
        	#myAccount main#myAccount_teamRoster.manage aside .refine { margin-top: -80px; }
        	
        		#myAccount main#myAccount_teamRoster.manage aside .refine:after { right: 15px; }
        	
        		#myAccount main#myAccount_teamRoster.manage aside .refine input { 
        			height: 40px;
        			padding: 10px 40px 10px 15px;
        			margin: 0;
        			border: none;
        			border-right: 1px solid #e4e4e4; }
        		
        		#myAccount main#myAccount_teamRoster.manage aside .refine .styledSelect {
        			margin: 0;
        			border: 1px solid #e4e4e4;
        			border-bottom: none;
        			border-left: none; }
        			
        			#myAccount main#myAccount_teamRoster.manage aside .refine .styledSelect .arr:before { right: 13px; }
        		
        			#myAccount main#myAccount_teamRoster.manage aside .refine .styledSelect select { 
        				height: 40px;
        				border: none; }
	
  #results_canooc .result .meet { display: block; }
    
        #results_canooc .result .content .left_eventDetails { 
            width: 100%;
            box-shadow: 0 15px 15px -15px rgba(0,0,0,0.25); }
    
    #results_canooc .result .content .left_eventDetails .sticky { position: static; }
	
    #results_canooc .result .content .left_eventDetails .details {
        width: 55%;
        float: left;
        padding-right: 15px; }
    
    #results_canooc .result .content .left_eventDetails .additional {
        width: 45%;
        float: right;
        padding-left: 15px;
        border-left: 1px solid #e4e4e4;
        text-align: center; }
    
            #results_canooc .result .content .left_eventDetails .ad { display: none; }
    
    #results_canooc .result .content .right_comments { 
	    width: 100%;
	    border-top: 1px solid #e4e4e4;
	    border-left: 0; }
	
	#pagination ul li { margin: 0; }
    
    #pagination a.ctrl span { display: none; }
 						
}

/*** 640px ***/
/*@media screen and (max-width: 640px) {*/
@media screen and (max-width: 700px) {
	.add_registrant_manage_btn {
    clear: both; float: right; width: calc(100% - 3px) !important; }
    
  #myAccount main#myAccount_teamRoster .main .eventList .tabs a span { display: none; }
	
	.teamRosterManageBtn br {
	    display: block; }
	
	header#entryList_details div.bottom .btn.black {
		width: calc(49% - 6px) !important;
		float: left;
	}
}

/*** 600px ***/
@media screen and (max-width: 600px) {
  .renewClubDiv {
  	width: 100%;
  	float: none;
  	clear: both;
  	padding-bottom: 20px; }
  
  section#eventInfo main header.details .right { /*margin-top: -20px;*/ }
  
	  section#eventInfo main header.details .right span {
		  width: 100%;
		  margin: 10px 0 0 0; }
  
  section#eventInfo .mainContent { 
	  display: block;
	  padding-right: 0; }
	  
	  section#eventInfo .mainContent article { padding: 0 0 0 40px; }
	  
	  section#eventInfo .mainContent .asideWrap {
		  width: 200px;
		  margin-left: -200px;
		  position: sticky;
		  top: 98px;
		  z-index: 100; }
		  
	  section#eventInfo .mainContent aside.right { 
		  width: 200px;
		  position: static; }
		  
	  section#eventInfo .mainContent aside.left { 
		  position: static;
		  margin-bottom: 25px;
		  margin-left: 0; }
		  
	  section#eventInfo .mainContent.noCol1, section#eventInfo .mainContent.noCol1-2, section#eventInfo .mainContent.noCol1-3 { padding-left: 200px; }
  
		  section#eventInfo .mainContent.noCol1 article, section#eventInfo .mainContent.noCol1-2 article, section#eventInfo .mainContent.noCol1-3 article { padding-left: 40px; }
		  
   	#manage_page_form #filter_submit { padding-left: 5px !important; padding-right: 5px !important; }
	  
	  #apply_to_checked_sticky_div {
		 clear: both;
		 position: relative !important;
		 top: auto !important;
		 display: block; }  
	  
	  .check_all_BR_mobile {
		  display: block;
		  clear: both;
		  width: 100%;
		  margin-top: -15px;
	  }
	  
	  .visible-fields-btn, .list-format-btn, .sort-by-btn {
		margin-left: 25px !important;
		display: block !important;
		clear: both !important;
		width: 100% !important;
		float: none !important; }
		
		.sort-by-btn a.has-dropdown, .visible-fields-btn a.has-dropdown, .list-format-btn a.has-dropdown {
		  text-align: left !important; }
	  
	  .sort-by-btn a.has-dropdown:after, .visible-fields-btn a.has-dropdown:after, .list-format-btn a.has-dropdown:after {
		float: left !important; margin-right: 5px !important; }
	  
    header#entryList_details div.bottom .btn.black {
		width: 100% !important;
		float: left !important;
	}
	
	.orgLogosDivs {
		width: 100%;
		clear: both;
		float: none; }
	
	.hide600 {
		display: none; }
	
	/*.inner_history_expand_table {
      border-left: 1px solid #4f4f4f; margin-left: 0; padding-left: 20px; }
    
    #receiptHistory_tbody tr td:nth-child(2) { 
      margin-bottom: auto !important;
      font-size: 12px !important; }*/
    
    .inlineBlock {
      display: inline !important; }
    
    .expandCollapseBtn { float: right; }
    
    section#eventInfo main header.details .bottom .buttons .has-dropdown {
      float: left;
      position: relative;
      margin-left: 0px !important; 
      margin-right: 0px !important; }
    
    .google_embed_map {
      width: 100%;
      max-width: 100%; 
    }
    
    .col_6 { width: 100%; }
    .col_4 { width: 100%; }
    
    header#header .wrap {
    	padding-right: 20px;
    	padding-left: 20px; }
    
    nav#mobileNav .top { 
		padding-right: 20px;
		padding-left: 20px; }
    
    #home_findEvent .events .group, #home_findEvent .bottom .half { width: 100%; }
    
    #home_findEvent .bottom { padding: 30px 0 5px; }
    
        #home_findEvent .bottom .half { padding: 0 30px 30px; }
		
		 #home_news .recentNews ul li { 
    	width: 100% !important;
    	height: 200px !important; }
    	
    	#home_news .recentNews ul li .title { 
    		min-height: 60px !important;
    		font-size: 18px !important; }
		
    #home_news .liveStreams { margin-top: 10px; }
    
    #home_events .search form { padding-right: 115px; }
    
    #home_events .search input:after { content: attr(placeholder="Search"); }
    
    #home_events .search .dropdowns { margin-right: -115px; }
    
    #home_events .search .styledSelect.location { display: none; }
    
    #home_events .search .styledSelect.event { width: 115px; }
    
    #home_events .search.focus form { padding-right: 60px; }
	
	#home_events .search.focus .dropdowns { margin-right: -60px; }
	
	#home_events .search.focus .styledSelect.event { width: 60px; }
    
    #home_addEventClub .title { padding: 30px 20px; }
    
    #home_news .latestNews .text { 
    	margin-bottom: 15px;
    	border-bottom: 1px solid #e4e4e4; }
    	
    section, footer, #extra .half { 
    	padding-right: 20px;
    	padding-left: 20px; }
    	
    #extra .usports { padding-right: 150px; }
    
    section#eventInfo main { padding-top: 126px; }
    
        section#eventInfo main header.details figure {
            float: none;
            margin: -96px auto 15px; }
    
     section#eventInfo main header.details .top {
            width: 100%;
            float: left;
            padding: 0;
            margin-bottom: 10px;
            overflow: visible; }

        section#eventInfo main header.details .bottom .buttons { width: 100%; }

            section#eventInfo main header.details .bottom .buttons a.btn, 
            section#eventInfo main header.details .bottom .buttons .has-dropdown { 
                width: 100% !important;
                margin: 0 0 7px; }
                
                section#eventInfo main header.details .bottom .buttons .has-dropdown a.btn { 
                  width: 100% !important; }
                  
                section#eventInfo main header.details .bottom .buttons a.btn:nth-child(even) { float: right; }

        section#eventInfo .mainContent { padding: 0; }

            section#eventInfo .mainContent article { padding: 0; }

            section#eventInfo .mainContent .asideWrap {
                width: 100%;
                margin: 0; }

                section#eventInfo .mainContent .asideWrap aside { width: 100%; }
                
                section#eventInfo .mainContent.noCol1, section#eventInfo .mainContent.noCol1-2, section#eventInfo .mainContent.noCol1-3 { padding-left: 0; }
	
					section#eventInfo .mainContent.noCol1 article, section#eventInfo .mainContent.noCol1-2 article, section#eventInfo .mainContent.noCol1-3 article { padding-left: 0; }
					
				section#eventInfo .mainContent.noCol2-3 .asideWrap aside { 
					width: 100%;
					padding-left: 0;
					padding-right: 0; }
    
    #newsMedia .col { width: 100%; }
    
    #calendar_featured { 
    	padding: 0 10px;
    	margin-bottom: 30px; }
    
    #calendar table { 
        margin-top: 15px;
        border-top: 4px solid #e4e4e4; }
    
        /*#calendar table thead { display: none; }*/
		
    
    #forumTable .filter .dropdowns { 
        display: block;
        margin: 0 0 15px; }
    
    #forumTable .filter a { margin: 0 0 0 15px; }
    
    #forumTable table { border-top: 4px solid #e4e4e4; }
    
    #forumTable table thead { display: none; }
    
    #forumTable table td { 
        display: block;
        padding: 0;
        border: none; }
    
        #forumTable table tr td:nth-child(1) { padding-top: 15px; }

        #forumTable table tr td:nth-child(2) { 
            padding: 5px 0 15px;
            border-bottom: 1px solid #e4e4e4; }

        #forumTable table tr td:nth-child(3) { display: none; }
    
    #forumTable table td.stats div { 
        display: inline-block;
        margin-right: 15px; }
    
    #article #addComment ul.form li .right { 
        width: 100%;
        float: left;
        margin-bottom: 15px; }
    
        #article #addComment ul.form li .right .relative { position: static; }
    
    #getStarted_features ul li { width: 50%; }
    
        #getStarted_features ul li:nth-child(3n+1) { clear: none; }

        #getStarted_features ul li:nth-child(2n+1) { clear: both; }
    
    #getStarted_features h5 { font-size: 14px; }
    
    #getStarted_bottom .btn {
        width: 100%;
        margin: 0 0 5px; }
    
    #getStarted_bottom .testimonials button.slick-prev { left: -20px; }

	#getStarted_bottom .testimonials button.slick-next { right: -20px; }
    
    #uSports_main .news ul li { width: 100%; }
    
        #uSports_main .news ul li figure { height: 250px; }
    
    #usports_university .mainInfo .logo {
        max-width: 100%;
        display: block;
        margin: 0 auto 30px; }
    
    #usports_university .mainInfo .content { 
        width: 100%;
        float: left;
        overflow: visible; }
    
    #usports_university .roster h3 {
        width: 100%;
        float: left;
        padding: 10px;
        margin: 0;
        background: #2c3435;
        font-size: 14px;
        color: #fff;
        text-transform: uppercase; }
    
    #usports_university .roster table th, #usports_university .roster table td { display: none; }
    
    #usports_university .roster table tr td:first-child { display: block; }
    
    #athleticsCanada_main #acFeatures { margin-bottom: 40px; }
    
        #athleticsCanada_main #acFeatures .col_4 { 
            width: 100%;
            margin-bottom: 30px; }
    
    #athleticsCanada_main #acContacts .col ul li { width: 100%; }
    
    #myAccount_overview .col_4 { width: 100%; }
    
    #myAccount_overview .col:nth-child(2n+1) { clear: none; }
    
	#myAccount_overview .grid {
		grid-template-columns: minmax(0, 1fr);
	}
	
		#myAccount_overview .grid.v2 > :first-child {
			grid-column: 1 / 2;
		}
	
    #myAccount .myAccount_table, #myAccount .myAccount_table2 { 
        margin-top: 15px;
        border-top: 4px solid #e4e4e4; }
    
        #myAccount .myAccount_table thead, #myAccount .myAccount_table2 thead { display: none; }
        
        #myAccount .myAccount_table tr td:nth-child(4), #myAccount .myAccount_table tr th:nth-child(4) { display: block; }

        #myAccount .myAccount_table td, #myAccount .myAccount_table2 td { 
            display: block;
            padding: 3px 0;
            border: none; }

        #myAccount .myAccount_table tbody tr td:first-child,  #myAccount .myAccount_table2 tbody tr td:first-child { padding-top: 15px; }

        #myAccount .myAccount_table tbody tr td:nth-child(2), #myAccount .myAccount_table2 tbody tr td:nth-child(2) { 
            margin-bottom: 5px;
            font-size: 17px; }

        #myAccount .myAccount_table tbody tr td:last-child, #myAccount .myAccount_table2 tbody tr td:last-child { 
            width: 100%;
            padding: 12px 0 15px;
            border-bottom: 1px solid #e4e4e4; }
    
    .myAccount_tutorials li, .teamRoster_tutorials li { width: 50%; }
    
    #myAccount main#myAccount_teamRoster.export .teamList li { width: 100%; }
    
    #myAccount main#myAccount_teamRoster { padding: 0 0 45px !important; }
    
    	#myAccount main#myAccount_teamRoster .navBar {
    		position: static;
    		padding: 30px 30px 23px;
    		margin-bottom: 30px;
    		background: #f5f5f5;
    		border-bottom: 1px solid #e4e4e4; }
    		
    		#myAccount main#myAccount_teamRoster .navBar ul { display: none; }
    	
    	#myAccount main#myAccount_teamRoster .main { padding: 0 30px !important; }
    
    #forgotPassword .left { margin-bottom: 20px; }
    
        #forgotPassword .left img { width: 180px; }
    
    #supportPage .col_4 { 
        width: 100%;
        margin-bottom: 30px; }
	
		#groupEvents_list ul.events > li h3 { font-size: 20px; }
		
	#results_canooc .buttons {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #e4e4e4; }
        
        #results_canooc .buttons .btnWrap { margin: 0 -4px; }
        
            #results_canooc .buttons .btn { 
                width: 100%; }
               
            #filter_by_meet {
                width: 100% !important; }	
                
        #results_canooc .buttons .styledSelect { 
            width: 100%;
            margin-top: 10px; }
            
            #results_canooc .buttons .styledSelect select { width: 100%; }
            
    header.heading .filterTabs {
        width: 100%;
        float: left;
        margin: 0 0 20px;
        text-align: center; }
        
        header.heading .filterTabs a { width: 33.3333%; }
        
        header.heading .right_sort {
        width: 100%;
        float: left;
        margin: 0 0 20px; }
        
    /*.docs-banner {
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "search search" "faq contact"; }*/
	  
	 .docs-banner {
	   -ms-grid-columns: 1fr;
	   grid-template-columns: 1fr;
	   grid-template-areas: "search" "faq"; }
  
    .footer-grid,
    .footer-grid2 { 
      display: block; }
}


/*** 500px ***/
@media screen and (max-width: 500px) {

	#home_news .liveNews ul li { 
		width: 100%;
		margin-top: 20px; }
		
		#home_news .liveNews ul li:first-child { margin-top: 0; }
    
    #newsMedia_liveStreams .slick-slide:nth-child(even) { background: #fff; }
    
    #article .subscribe .date {
        width: 100%;
        float: left;
        margin-bottom: 10px; }
    
    #error404 ul li { width: 50%; }
    
    #error404 .content { padding-bottom: 600px; }
    
    #calendar_featured button, #calendar_featured figure { height: 100px; }
    
    #myAccount .topBtn a.btn { 
        width: 100%;
        margin: 0 0 10px; }
    
    #profileEdit .left .field, #profileEdit .right ul.col2 li { 
        padding: 0;
        margin-bottom: 15px; }
    
        #profileEdit .left .field label, #profileEdit .right ul.col2 li span:first-child, #profileEdit .right label {
            width: 100%;
            margin: 0 0 5px; }
    
    #profileEdit .foot input[type="submit"] { width: 100%; }
    
    #uSports_rankings main .tabs a span { display: none; }
          
	#myAccount main#myAccount_teamRoster.addTeam .selectField { padding: 0; }
	
		#myAccount main#myAccount_teamRoster.addTeam .selectField a { 
			width: auto;
			float: none;
			padding: 0; }
	  
    #getStarted_clients ul.clients li { width: 20%; }
    
    #results_canooc .result .content .left_eventDetails .details {
        width: 100%;
        padding-right: 0; }
    
    #results_canooc .result .content .left_eventDetails .additional {
        width: 100%;
        padding-left: 0;
        border-left: 0;
        text-align: left; }
}


/*** 414px ***/
@media screen and (max-width: 414px) {
    
    header#header .right > a { 
        margin: 0 0 0 13px;
        font-size: 14px; }
        
	header#header .right .myAccount { margin-right: 7px; }
    
    header#header .right .social { display: none; }
    
    #home_addEvent .info { padding-right: 0; }
    
        #home_addEvent .info a.btn { 
            width: 100%;
            position: relative;
            top: auto;
            right: auto; }
    
    #home_addEvent .features li { width: 100%; }
    
    section#eventInfo main header.details .bottom .buttons a.btn { width: 100%; }
    
    #uSports_head .right .btns { padding: 0 20px; }
    
        #uSports_head .right .btn { 
            width: 100%;
            margin: 0 0 5px; }
    
    #uSports_uni .half ul li { width: 100%; }
    
    #loginPage ul li { 
        padding-left: 0;
        margin-bottom: 10px; }
    
    #loginPage ul label { 
        width: 100%;
        margin: 0 0 5px; }
    
    .myAccount_tutorials li, .teamRoster_tutorials li { width: 100%; }
    
    #myAccount main#myAccount_teamRoster .main .eventList ul li { margin: 0 0 10px; }
    
    	#myAccount main#myAccount_teamRoster .main .eventList ul li.head { display: none; }
    
    	#myAccount main#myAccount_teamRoster .main .eventList ul li.disable .label, #myAccount main#myAccount_teamRoster .main .eventList ul li.disable .seeds { width: 100%; }
    	
    	#myAccount main#myAccount_teamRoster .main .eventList ul li.disable:after {
    		height: 40px;
    		top: 40px;
    		left: 0; }
    
    #results_canooc .result .head { font-size: 12px; }
	
	header.heading .filterTabs a { 
	    padding: 10px 0;
	    font-size: 12px; }
        
        header.heading .filterTabs a span { display: none; }
}


/*** 375px ***/
@media screen and (max-width: 375px) {
    
    #extra .usports {
        padding-right: 20px;
        background-position: top 35px right 20px;
        background-size: 50px; }
    
    #extra .usports h2 { width: 200px; }
    
    #extra .newsletter {
        height: auto;
        padding-right: 0; }

        #extra .newsletter input[type="submit"] {
            width: 100%;
            margin-right: 0; }
    
    #forumTable .filter .dropdowns { margin-bottom: 8px; }
    
    #forumTable .filter .dropdowns .styledSelect { 
        width: 100%;
        margin: 0 0 7px; }
    
    #forumTable .filter .dropdowns .styledSelect select { width: 100%; }
    
    #forumTable .filter a.btn { 
        width: 100%;
        margin-bottom: 15px; }
    
    #forumTable .filter a { margin: 0 15px 0 0; }
    
    #getStarted_main .left #getStarted_tab8 .btn { 
        width: 100%;
        margin: 0 0 5px; }
        
    #getStarted_clients ul.clients li { width: 25%; }
    
    header#header .subNav.usports .right a { padding: 0 10px; }
    
    #uSports_rankings main .filter .divisions { 
    	width: 100%; 
    	margin-right: 0;
    	text-align: center; }
    
    	#uSports_rankings main .filter .divisions a { 
    		width: 20%;
    		padding: 0;
    		font-size: 11px; }
    		
    #uSports_rankings main .filter .dropdowns { width: 100%; }
    		
    	#uSports_rankings main .filter .dropdowns .styledSelect { width: 49%; }
    
    	#uSports_rankings main .filter .dropdowns .styledSelect:first-child { margin-right: 2%; }
    	
    		#uSports_rankings main .filter .dropdowns .styledSelect select { width: 100%; }
}


/*** 320px ***/
@media screen and (max-width: 320px) {
    
    header#header .right a.lang { display: none; }
    
    #home_news #home_contact .col_6 { width: 100%; }
    
}