/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.captain-badge {
  background-color: #ffc107;
  color: #000;
  font-size: 0.75em;
  font-weight: 600;
  padding: 2px 6px;
  margin-left: 8px;
  border-radius: 12px;
  vertical-align: middle;
}

a.team-player-link {
    color: inherit;
	display: block;
}

a.team-player-link:hover {
    background: #fff;
    border: 1px solid hsl(0, 0%, 91%);
    border-radius: 8px;
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.07);
    overflow: hidden;
}

.team-players {
  list-style: none;
  margin: 0;
  padding: 0;
}

.team-player {
  margin-bottom: 1em;
}

.team-player-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.team-player-avatar-wrap {
  flex-shrink: 0;
}

.team-player-avatar {
  width: 80px;
  height: 80px;
  object-fit: cover;
  display: block;
}

.team-player-info {
  flex: 1;
}

.team-player-nickname {
  font-weight: bold;
}

.team-player-location {
  	font-size: 13px;
	margin-bottom: 5px;
}

.team-player-ranking {
  font-size: 0.95em;
  color: #777;
  margin-bottom: 8px;
}

.appa-rates {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.appa-rate-tag {
  display: inline-flex;
  align-items: center;
  background-color: #fff;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 15px;
}

.appa-rate-icon {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

.box {
        background-color: #fff;
        border: 1px solid hsl( 0,0%,91% );
        border-radius: 8px;
        box-shadow: 2px 2px 7px rgba( 0, 0, 0, 0.07 );
        overflow: hidden;
    }

.player_box {
        background-color: #fff;
        border: 1px solid hsl( 0,0%,91% );
        border-radius: 8px;
        box-shadow: 2px 2px 7px rgba( 0, 0, 0, 0.07 );
        overflow: hidden;
	margin-bottom: 1em;
	padding: 15px;
    }

.player_box:hover h6 {
	color: var(--accent);
}

.gb-element-a892a242 p {
	display: none;
}

#basic-user-avatar-form p:not(:first-of-type) {
	display: none;
}

input#basic-local-avatar {
    max-width: 100%;
}

.type-upt_user p {
	margin: 0px!important;
}

.type-upt_user img {
	display: block;
}

.player-avatar {
	width: 80px;
	height: 80px;
}

.wp-block-navigation__container:only-child, .wp-block-page-list:only-child {
    gap: 30px;
	letter-spacing: -0.02em;
}

li.wp-block-navigation-item.current-menu-item.wp-block-navigation-link a {
	font-weight: bold;
	border-bottom: 1px solid #000;
}

#gform_fields_login {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

#gform_fields_login input[type="text"], 
#gform_fields_login input[type="password"] {
	width: 100%;
	border-radius: 5px;
}

.gfield--type-remember_me {
	display: none;
}

span.gfield_required {
	display: none;
}

#gform_0 input[type="submit"] {
	width: 100%;
	border-radius: 5px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.player-data {
	font-size: 13px;
}

.ball-icon {
	z-index: 2;
	margin-bottom: -10px;
}

table#edd_user_history thead {
	display: none;
}

td.edd_download_download_files {
    display: none;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 100%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close-button {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close-button:hover,
.close-button:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


.gv-table-view th, .gv-table-view td {
	border: 1px solid #000;
    padding: .5em!important;
}

.gv-table-view thead, .gv-table-view tfoot, .wp-block-table thead, table.calculator thead {
    background: #000;
    color: #fff;
	border: 1px solid #000;
}

table.calculator {
	text-align: center;
	table-layout: fixed;
    border-collapse: collapse;
}

table.calculator tr.metric {
	background: #eee;
}

table.calculator thead th {
	border: 1px solid #fff;
}

.wp-block-table th {
    border: 1px solid #000;
}

.gv-table-view {
	border-collapse: collapse;
    width: 100%;
	table-layout: inherit!important;
}

#edd_user_history {
    overflow: scroll;
}

button.menu-toggle .gp-icon svg {
	width: auto!important;
	height: auto!important;
}

.current-page {
	background: var(--accent)!important;
	color: #fff!important;
}

.facetwp-page.active {
    background: var(--accent);
    color: #fff;
}

.edd-submit.button, .edd-submit.button.gray, .edd-submit.button:visited {
	background: var(--accent)!important;
	font-size: inherit;
	border: 0px;
}

.edd-blocks-form input[type=email], .edd-blocks-form input[type=password], .edd-blocks-form input[type=text], .edd-blocks-form select {
	border: 1px solid #bbb;
	border-radius: 5px;
	background: #fff;
}

.facetwp-input-wrap {
    width: 100%;
}

.facetwp-facet.facetwp-facet-sort_.facetwp-type-sort {
    border: 1px solid #ccc;
    border-radius: 10px;
}

.facetwp-facet.facetwp-facet-sort_.facetwp-type-sort select {
    border-radius: 10px;
	width: 100%;
}

.facetwp-facet input.facetwp-search, .facetwp-facet input.facetwp-location {
    border: 1px solid #ccc;
    border-radius: 10px;
	width: 100%;
}

      .facetwp-selections ul {
          margin: 20px 0;
      }
 
      .facetwp-selections li {
          display: inline-block;
          margin: 0 6px 6px 0;
          padding: 8px 10px;
          list-style-type: none;
          border: 1px solid #ddd;
          border-radius: 3px;
      }
 
      .facetwp-selections .facetwp-selection-value {
          color: #6233ca;
      }
 
      .facetwp-selections .facetwp-selection-value:hover {
          text-decoration: underline;
      }
 
      .facetwp-selections .facetwp-selection-label + .facetwp-selection-value {
          margin-left: 4px;
      }
 
      .facetwp-selections .facetwp-selection-value:last-child {
          margin-right: 0;
      }

.facetwp-page {
    background: #eee;
    padding: 10px 15px!important;
}

.facetwp-facet {
    margin-bottom: 20px!important;
}

.shadow {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.member-container {
    margin: 40px auto;
    padding: 20px;
	width: 100%;
}

.member-container-info {
	margin-bottom: 20px;
}

.member-container-race {
	background: #eaf0f7;
	padding: 30px;
	border-radius: 20px;
}

.member-box {
	background: #fff;
	display: flex;
    flex-direction: column;
	color: inherit;
}

.member-box a {
	color: inherit;
}

/*
.member-box a {
	display: flex;
	flex-direction: column;
	font-size: 16px;
	height: 100%;
}

*/

.member-box h6 {
	color: var(--accent);
	margin-bottom: auto;
}

.member-box a > div {
	padding: 20px 10px;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.member-info {
    padding: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.race-now-button, .calculator-button {
    width: 100%;
    justify-content: center;
    cursor: pointer;
	padding: 5px 10px!important;
	text-align: center;
	margin-bottom: 10px;
}

.score {
	font-size: 13px;
}

.grid-cols-4 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}

.grid-cols-5 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}

.grid-cols-6 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}

.grid-cols-8 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}

#edd_checkout_form_wrap span.edd-description {
	display: none;
}

#edd_profile_editor_form input:not([type="radio"]):not([type="checkbox"]):not([type="number"]), #edd_profile_editor_form select, #edd_profile_editor_form textarea {
	max-width: 390px;
}

#edd_profile_editor_form p {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

#edd_profile_editor_form fieldset legend {
    padding: 0;
    margin-bottom: 1.5em;
    font-size: 20px;
    font-weight: bold;
}

.gptos_terms_container.large {
    margin-bottom: 20px;
	background: #eee;
	padding: 10px 0px;
	border-radius: 10px;
}

.user-menu {
    position: relative;
    display: flex;
    order: 1;
    cursor: pointer;
    margin-left: 10px;
	align-items: center;
	gap: 10px;
}

.submenu {
    display: none;
    position: absolute;
	min-width: 150px;
    top: 100%; /* Display just below the parent .user-menu div */
    right: 0;
    z-index: 1000; /* Make sure it's above other content */
    background-color: #fff; /* Change as desired */
    border: 1px solid #ccc; /* Style as desired */
}

.user-menu:hover .submenu {
    display: block;
}

.submenu a {
    display: block;
    padding: 8px 12px; /* Style as desired */
    text-decoration: none;
    color: black; /* Style as desired */
}

.submenu a:hover {
    background-color: #f5f5f5; /* Style as desired */
}

.user-menu img {
	border-radius: 40px;
	width: 40px;
	height: 40px;
}

.tournament-signup {
	clear: both;
}

span.gfield_required.gfield_required_asterisk, p.gform_required_legend {
    display: none;
}

@media (max-width: 768px) {
	
.wp-block-navigation__container:only-child, .wp-block-page-list:only-child {
    gap: 15px;
}
	
.modal-content {
   	height: 100%;
}
	
.is-left-sidebar.sidebar, .is-right-sidebar.sidebar {
    order: -1;
}
	
.facetwp-facet.facetwp-facet-sort_.facetwp-type-sort select {
	height: 50px;
}


.mobile-header-navigation .site-logo {
	margin-right: auto!important;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
    /* CSS in here for tablet only */
}
@media (min-width: 1025px) {

.modal-content {
    max-width: 700px; /* Could be more or less, depending on screen size */
}
	
.member-container {
	display: flex;
	gap: 60px;
}

.grid-cols-4 {
	grid-template-columns: repeat(4, 1fr);
}

.grid-cols-5 {
	grid-template-columns: repeat(5, 1fr);
}
	
.grid-cols-6 {
	grid-template-columns: repeat(6, 1fr);
}

.grid-cols-8 {
	grid-template-columns: repeat(10, 1fr);
}
	
.member-container > div {
	flex: 1;
}
}