/*
 * http://github.com/peteboere/css-crush (v2.4.0)
 */
/* Specifics for WSF formatting */
/* Follows on (overrides) any generic Maya formatting in maya.css */
/* Preprocessed by Crush but need to use any bespoke colour constants */
body { font-family: Outfit,Helvetica,Arial,sans-serif; color: #111; line-height: 1.35; font-size: 16px; }

/* h1 {
	font-family: "Avenir LT W01_85 Heavy1475544",Arial,sans-serif;
	color: #d50032;
	font-weight: bold;
	font-style: normal;
	text-transform: none;
	letter-spacing: 0px;
	font-size: 20px;
} */
.display_text, h1, h2, h3 { font-family: Outfit,Helvetica,Arial,sans-serif; color: #212121; font-weight: bold; font-style: normal; text-transform: none; letter-spacing: 0; font-size: 40px; }
h2 { font-size: 30px; }
h3 { font-size: 20px; }
a:hover { color: #e41B21; }
b, strong { font-weight: 700; font-variation-settings: 'wght' 700; }
.ranking_row_details .left_half, .ranking_row_details .right_half, .ranking_county a, .ranking_name a { color: #212121; }
.separator { height: 0; }
.ranking_prev_next_buttons { border-radius: 30px; }
button { height: 40px; padding: 11px 35px 10px; font-family: Outfit,Helvetica,Arial,sans-serif; color: white; font-weight: 300; text-transform: none; line-height: 1; background-color: #e41B21; }
select { min-width: 45px; background-image: url(../maya/icons/sort-down-black.svg); }
.button_text { font-size: 13px; font-weight: 600; }
.icon_site_colours { background-color: #212121; }
.refine_icon svg { fill: #212121; }
.view_control svg { fill: #212121; }
form#find_player input.search { background-image: url(../maya/icons/icon-search-racket.svg); }
form div#suggestions .suggestion_action { background-color: #685F76; }
.ranking_row_output_div, .ranking_row_output_div .ranking_open { font-family: Outfit,Helvetica,Arial,sans-serif; line-height: 1; color: #685F76; }
.ranking_row_output_div .ranking_open ~ .accordion_content, .ranking_row_output_div .ranking_open ~ .accordion_content .ranking_titles { color: #685F76; }
.ranking_row_output_div .ranking_position { width: 20px; height: 20px; margin-left: 30px; margin-right: 20px; padding: 5px; text-align: center; color: #e41B21; font-size: 20px; font-weight: 900; letter-spacing: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.ranking_row_output_div .ranking_position .help_icon { padding: 10px; }
.points_page .ranking_row_output_div .ranking_position { margin-right: 16px; }
.ranking_row_output_div .u1000, .ranking_row_output_div .ranking_open ~ .accordion_content .u1000 { text-align: center; color: white; font-size: 16px; background-color: #e41B21; border-radius: 50%; }
.ranking_title_output_div .ranking_position { width: 60px; padding: 0 10px; }
.ranking_row_output_div .ranking_level, .ranking_row_output_div .ranking_open ~ .accordion_content .ranking_level { color: #e41B21; font-size: 20px; font-weight: 900; }
.ranking_title_output_div .ranking_name, .ranking_row_output_div .ranking_name { width: 180px; }
.ranking_title_output_div .ranking_club, .ranking_row_output_div .ranking_club { width: 280px; }
.ranking_row_details_top { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.tiny_title { color: #333; }
.teal_background { background-color: #d4d0cc !important; }
.purple_background { background-color: #e41B21 !important; }
.powered_by_text { color: white; }
.powered_by_text:hover { color: #e41B21; }
.wsf_header { position: relative; width: 100%; height: 200px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: transparent !important; overflow: hidden; }
.wsf_header_image { position: absolute; top: 0; left: 0; width: 100%; height: 200px; background-image: url(/maya/pictures/wsf_banner_gradient.jpg); background-size: cover; background-position: center top; background-repeat: no-repeat; z-index: 0; }
.wsf_menu_container, .powered_by_wrapper, .wsf_logo_container { -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.powered_by_wrapper { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.wsf_header_container { max-width: 1024px; width: 90%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; }
.wsf_header_container img.wsf_logo { width: 225px; }
.wsf_header_container img.sportmanager_logo { width: 175px; height: 60px; }
.wsf_top_menu, .wsf_bottom_menu { width: 100%; height: 38px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: transparent; }
.wsf_bottom_menu { height: 55px; }
.wsf_menu_container { max-width: 1024px; width: 90%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: transparent; }
.wsf_bottom_menu .wsf_menu_container { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.wsf_menu_item { font-family: Outfit,Helvetica,Arial,sans-serif; font-size: 16px; line-height: 1.1; color: #fff; background: transparent; display: block; text-align: center; }
.wsf_menu_item a:hover { color: #e41B21; }
#copyright_banner { background-color: #e41B21; color: white; }
@media screen and (max-width: 550px) {
.points_page .ranking_row_output_div .ranking_position { margin-right: 16px !important; }
#whole_page { font-size: 35px; }
#whole_page .display_text, #whole_page h1, #whole_page h2, #whole_page h3 { font-size: 60px; line-height: 1.35; }
#whole_page h2 { font-size: 45px; }
#whole_page h3 { font-size: 35px; }
#whole_page .separator { height: 0; }
#whole_page .rankings_output_div .ranking_prev_next_buttons { border-radius: 60px; }
#whole_page button { height: 80px; padding: 20px 70px 20px; border-radius: 60px; }
#whole_page .button_text { font-size: 25px; }
#whole_page .rankings_output_div .ranking_row_output_div { color: #685F76; }
#whole_page .rankings_output_div .ranking_row_output_div .ranking_position { width: 40px; height: 32px; margin-left: 60px; margin-right: 28px; padding: 10px; font-size: 30px; }
#whole_page .rankings_output_div .ranking_row_output_div .ranking_position .help_icon { padding: 20px; }
#whole_page .ranking_title_output_div .ranking_position { width: 40px; padding: 0 20px; }
#whole_page .ranking_title_output_div .ranking_position span { margin-right: 18px; }
#whole_page .ranking_row_output_div .ranking_level { font-size: 40px; }
#whole_page .ranking_title_output_div .ranking_name, #whole_page .ranking_row_output_div .ranking_name { width: 360px; }
#whole_page .ranking_title_output_div .ranking_club, #whole_page .ranking_row_output_div .ranking_club { width: 560px; }
#whole_page .ranking_row_details .left_half { font-size: 30px; }
#whole_page .ranking_row_details .ranking_titles .left_half { font-size: inherit; }
#whole_page #player_search_input:focus { outline: 2px solid rgb(0,0,0); }
#whole_page .wsf_header { height: 125px; }
#whole_page .wsf_header_container { max-width: 1024px; }
#whole_page .wsf_top_menu, #whole_page .wsf_bottom_menu { height: 80px; background: transparent; }
#whole_page .wsf_bottom_menu .padding { padding: 10px; }
#whole_page #bottom_menu_header_placeholder { height: 110px; }
#whole_page .wsf_menu_container { max-width: 1024px; }
#whole_page .wsf_menu_item { font-size: 25px; }
#whole_page .wsf_bottom_menu .wsf_menu_item { font-size: 20px; }
}