/* HEADER ------------------------------*/
body>header {position:sticky; top:0; z-index: 10;}
body>header .header-top {gap:2em; justify-content: space-between; align-content: center; align-items:center;}
body>header .header-top .logo {padding: 1.1875rem; display:flex; gap:0 1rem; align-content: center; align-items:center; flex-wrap: wrap}
body>header .header-top .logo:is(:hover, :focus-visible) {opacity: 0.5; filter: grayscale(100)}
body>header .header-top .logo img {width:auto}
body>header .header-top .logo .tool-name {display: block;}
body>header .header-top .account-links a {font-size:1rem}
body>header .header-top .account-links a:is(:hover, :focus-visible),
body>header .header-top .account-links a:is(:hover, :focus-visible) i {color:var(--bright-purple)}
body>header nav ul,
body>header nav ul li {margin:0; padding:0; position:relative}
/* nav */
nav ul{margin: 0}
body>header nav a{line-height:3.25rem;}
body>header nav>ul>li:is(:hover, :focus-within)>a, 
body>header nav>ul>li:active>a,
body>header nav>ul>li.on>a{background:#fff; color:var(--dark-purple)}
/* drop-down menu */
body>header nav li ul{z-index:1;width:200px;display: block;overflow:hidden;padding:1em 0;background:var(--dark-purple);position:absolute;overflow:auto;height:auto; top: -200vh;opacity: 0;z-index: -1; visibility: hidden; transition: ease 200ms opacity 0.35s;}
body>header nav li:is(:hover, :focus-within) ul, 
body>header nav>ul>li>a.tapped + ul, 
body>header nav>ul>li>a:focus + ul, 
body>header nav>ul>li>ul:focus-within {opacity: 1; top:auto; visibility: visible; z-index: 1;}
body>header nav li ul li{width:100%;display:block;float:left; padding:0 2px}
body>header nav ul li ul li a{background:none;color:#fff; min-width:0;}
body>header nav li ul li a {font-size:.9em; border-radius:3px; line-height:1.1em;padding:.3em .5em; display:block;width:100%;text-align:left;float:left}
body>header nav li ul li a:is(:hover, :focus-visible, :focus), .t1 li ul li a:active{color:var(--dark-purple);background:#fff}
body>header nav li ul ul {display: none}




/* mobile */
#mobilenav, .menu {
	content-visibility: hidden;
  display: none;
}

/* Contact Form - table removed ----- */
.form-flex .half {
	width: calc(50% - .5em); /* Full on mobile */
}

.form-flex .third {
	width: calc(33.33% - .5em); /* Full on mobile */
}

.form-flex .quarter {
	width: calc(25% - .5em); /* Half on mobile */
}




/* TOOL SPECIFIC STYLES  ------------------------------ */
main {min-height: 75vh; padding: 0 var(--gutter) 12.5rem;}

table.alternate>tbody>tr:nth-child(odd) {background-color: #fff}
table.alternate>tbody>tr:hover {background-color: var(--light-yellow)}


.sport-grid:is(:hover, :focus-visible) {
    box-shadow: inset 0 0 0 1px var(--bright-purple);
    cursor: pointer;
}

.agree {
    display: flex;
    gap: 1em 1.875em;
    flex-wrap: wrap;
}

.agree p {
    margin: 0;
    width: 100%;
}

.white-block {
    padding: 2em;
}

.white-block.margin-bottom {
    margin-bottom: 1.5em;
}


/* Tables */
table.listTable thead tr {font-size: 1rem;width: 100%;line-height: 1.9}
table.listTable th {vertical-align:middle; color:var(--dark-purple); font-weight: 600; padding:0.5rem}
table.listTable td {padding:0.5rem}
table.listTable tbody tr {width: 100%; font-size:1em}
table.listTable tbody td:first-child {padding-left: 8px}



@media screen and (max-width:1400px) {
    body > header .header-top .logo .tool-name {
        width: 100%;
        margin: 1rem 0;
    }
}

@media screen and (max-width:1130px) {
    body > header .header-top .logo {padding-left:0}
    body > header .header-top .logo img {width:14em}
    body > header .header-top .logo .tool-name {font-size:1rem}
    body > header nav a {padding: 0 0.5em}
    body > header nav > ul > li > a {font-size:0.875rem}
}