body { }

html.h100, html.h100 body {
    height:100%
}

body.AllAccess { margin-top: 60px }
/* GROK Bot Edit (2026-10-18): All Access view (#all_access_nav is .fixed-top) kept mso.Header.css body padding-top (116px desktop / 56px mobile) meant for the regular site header, leaving an empty band under the All Access bar. Body margin-top already clears the 60px bar. */
body.AllAccess { padding-top: 0 }
/* GROK Bot Edit (2026-10-18): All Access menu redesign, option A (Karl). Panel markup in MSO_Template.xsl (.mso-aa-menu); common.js still slides it 450px, so any width up to 450px hides fully when closed. Light panel in the system theme, navy in dark; MSO orange #FB7A1C accent. */
#all_access_nav_menu { z-index: 1029; }
#all_access_nav_menu > .mso-aa-menu {
    --aa-bg: #ffffff; --aa-fg: #1d2b3e; --aa-muted: #66768b; --aa-line: rgba(11, 31, 58, .10); --aa-hover: rgba(251, 122, 28, .09); --aa-active: rgba(251, 122, 28, .14); --aa-accent: #FB7A1C; --aa-shadow: rgba(11, 31, 58, .22);
    top: 0; width: min(320px, 100vw); height: calc(100vh - 60px); overflow-y: auto; overscroll-behavior: contain;
    display: flex; flex-direction: column; padding: 18px 12px 16px; text-align: left;
    background: var(--aa-bg); color: var(--aa-fg); border-right: 3px solid var(--aa-accent); box-shadow: 10px 0 30px var(--aa-shadow);
}
body.mso-theme-dark #all_access_nav_menu > .mso-aa-menu {
    --aa-bg: #0f1b2d; --aa-fg: #e7edf6; --aa-muted: #93a4ba; --aa-line: rgba(255, 255, 255, .10); --aa-hover: rgba(251, 122, 28, .14); --aa-active: rgba(251, 122, 28, .22); --aa-shadow: rgba(0, 0, 0, .55);
}
#all_access_nav_menu .mso-aa-menu__eyebrow { margin: 0 12px 10px; font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--aa-accent); }
#all_access_nav_menu .mso-aa-menu__list { gap: 2px; margin: 0; }
#all_access_nav_menu .mso-aa-menu__link { display: flex; align-items: center; gap: 12px; padding: 11px 12px; border-radius: 10px; border-left: 3px solid transparent; color: var(--aa-fg); font-size: 1.05rem; font-weight: 600; letter-spacing: .01em; text-decoration: none; text-transform: none; transition: background-color .15s ease, color .15s ease; }
#all_access_nav_menu .mso-aa-menu__link .fa { font-size: 1.1rem; color: var(--aa-muted); transition: color .15s ease; }
#all_access_nav_menu .mso-aa-menu__link:hover, #all_access_nav_menu .mso-aa-menu__link:focus-visible { background: var(--aa-hover); color: var(--aa-fg); }
#all_access_nav_menu .mso-aa-menu__link:hover .fa, #all_access_nav_menu .mso-aa-menu__link:focus-visible .fa, #all_access_nav_menu .mso-aa-menu__link.is-active .fa { color: var(--aa-accent); }
#all_access_nav_menu .mso-aa-menu__link:focus-visible { outline: 2px solid var(--aa-accent); outline-offset: 1px; }
#all_access_nav_menu .mso-aa-menu__link.is-active { background: var(--aa-active); border-left-color: var(--aa-accent); }
#all_access_nav_menu .mso-aa-menu__link--sub { padding-top: 8px; padding-bottom: 8px; font-size: .92rem; font-weight: 500; color: var(--aa-muted); }
#all_access_nav_menu .mso-aa-menu__sep { height: 1px; margin: 10px 12px; background: var(--aa-line); }
#all_access_nav_menu .mso-aa-menu__badge { display: flex; align-items: center; gap: 10px; margin: auto 0 0; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(251, 122, 28, .45); background: var(--aa-hover); color: var(--aa-fg); font-size: .9rem; line-height: 1.3; }
#all_access_nav_menu .mso-aa-menu__badge .fa { color: var(--aa-accent); font-size: 1.15rem; }
#all_access_nav_menu .mso-aa-menu__badge strong { display: block; font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; color: var(--aa-accent); }
/* GROK Bot Edit (2026-10-18): All Access menu Dark Mode item (Karl). State comes from the existing switch: the body theme class (mso-theme-dark / mso-theme-system) picks sun or moon, mso.Common.047.js flips the trailing fa-toggle-off/on. */
#all_access_nav_menu .mso-aa-theme .mso-aa-theme__switch { order: 3; margin-left: auto; font-size: 1.35rem; }
#all_access_nav_menu .mso-aa-theme .mso-aa-theme__moon { display: none; }
body.mso-theme-dark #all_access_nav_menu .mso-aa-theme .mso-aa-theme__sun { display: none; }
body.mso-theme-dark #all_access_nav_menu .mso-aa-theme .mso-aa-theme__moon { display: inline-block; }
#all_access_nav_menu .mso-aa-theme .mso-aa-theme__switch.fa-toggle-on { color: var(--aa-accent); }
/* GROK Bot Edit (2026-10-18): click/tap-outside close for the All Access menu (Karl). mso.Common.048.js adds this transparent scrim only while the menu is open; it sits under the panel (#all_access_nav_menu is 1029) and below the bar, and takes the closing click so the page underneath never gets it. */
.mso-aa-scrim { position: fixed; top: 60px; right: 0; bottom: 0; left: 0; z-index: 1028; background: transparent; cursor: default; -webkit-tap-highlight-color: transparent; }
/* All Access bell: outside #all_access_nav (its click toggles the menu), pinned over the bar's right end */
.mso-aa-tools { position: fixed; top: 10px; right: 12px; z-index: 1031; }
body .mso-aa-tools a.mso-aa-bell { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: rgba(11, 31, 58, .55); color: #ffffff; font-size: 1.15rem; text-decoration: none; box-shadow: 0 2px 8px rgba(0, 0, 0, .18); }
body .mso-aa-tools a.mso-aa-bell:hover, body .mso-aa-tools a.mso-aa-bell:focus-visible { background: #FB7A1C; color: #ffffff; }
body .mso-aa-tools a.mso-aa-bell .mso-bell__dot { top: 6px; right: 6px; }
@media (max-width: 575.98px) {
    #all_access_nav_menu > .mso-aa-menu { width: min(300px, 86vw); padding: 14px 10px; }
    #all_access_nav_menu .mso-aa-menu__link { padding: 10px 10px; font-size: 1rem; }
    .mso-aa-tools { top: 12px; right: 8px; }
    body .mso-aa-tools a.mso-aa-bell { width: 36px; height: 36px; font-size: 1.05rem; }
    /* phones: scale the All Access wordmark so the bell has room at the right end of the bar */
    body.AllAccess.mso-theme-system #all_access_nav, body.AllAccess.mso-theme-dark #all_access_nav { background-size: auto 46px, auto !important; }
}

body.bookmarked { background-color:#d3d3d3; }

table.table-fixed {
    table-layout: fixed !important;
}

.dropdown-menu.show {
    z-index: 1030;
}

.w-5 { width:5% }
.w-6 { width:6% }
.w-7 { width:7% }
.w-8 { width:8% }
.w-9 { width:9% }
.w-10 { width:10% }
.w-15 { width:15% }
.w-20 { width:20% }
.w-30 { width:30% }
.w-40 { width:40% }
.w-60 { width:60% }
.w-70 { width:70% }
.w-80 { width:80% }
.w-90 { width:90% }

.rounded-4 { border-radius: .4em !important; }
.rounded-5 { border-radius: .5em !important; }
.rounded-6 { border-radius: .6em !important; }
.rounded-7 { border-radius: .7em !important; }
.rounded-8 { border-radius: .8em !important; }

/* subtle backgrounds */
.bg-subtle-denim { background-image: url(https://www3.meetscoresonline.com/Media/SubtleBG/denim.png) }

/* Logo wrapper — no fill; transparent logos sit on the card/org brand background. */
.org-logo-pad {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 6px;
    line-height: 1;
}

.meet-container .meet-org-logo {
    line-height: 1;
}
.meet-container .meet-org-logo img {
    max-height: 36px;
    max-width: 64px;
    object-fit: contain;
}

@media (max-width:500px) {
    .meet-container .meet-status {
        max-width:266px;
        }
}
@media (max-width:480px) {
    .meet-container .meet-status {
        max-width:140px;
        }
}

 .rotate1 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
.rotate2 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
.rotate3 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
  }

.bottom-extra {
    margin-top:50px;
    background:#999;
    min-height:340px;
}

.bottom-extra hr {
    border-top-color:#b3b3b3;
}

.ico-gymnast {
    background:url(/Resources/Library.Images/mso-gymnast.png) no-repeat;
    width:677px;
    height:709px;
    overflow:hidden;
}
.ico-gymnast.ico-fgymnast-4 {
    background-position: -444px -471px;
    height: 124px;
    width: 93px;
}
.ico-gymnast.ico-mgymnast-4 {
    background-position: -357px -471px;
    height: 124px;
    width: 93px;
}

.ico-gymnast.ico-fgymnast-5 {
    background-position: -405px -601px;
    height: 82px;
    width: 47px;
}
.ico-gymnast.ico-mgymnast-5 {
    background-position: -362px -601px;
    height: 82px;
    width: 47px;
}

.clear-after::after {
    content: "";
    display: block;
    clear: both;            /* clears left, right, or both floats */
    height: 0;
    visibility: hidden;
}

label { font-weight: bold; }
label.checkbox-ico-gymnast {
    border:solid 1px transparent;
    margin: 0px 4px 0px 4px;
    padding:2px;
    text-align:center;
}

.form-check label {
    font-weight: normal;
}

/*  IS THIS USED ?? */
label.checkbox-inline.checkbox-ico-gymnast:hover {
    border:solid 1px #D72C2C;
}
label.checkbox-inline.checkbox-ico-gymnast.checked {
    border:solid 1px #CCCCEE;
    background-color: #D72C2C;
    color:#FFFFFF;
}

/* IGNORE RULES BELOW */

@media not screen {
img.img-responsive.is-mobile-true {
    display: inline;
}
.container.container-white {
	background-color:#fff;
}
.rounded {
    border-radius: 10px;
}
#search-result td.item { cursor:pointer; }

.your-gymnastics-profile {
    margin: 12px;
    position:relative;
}

ul#goty_nav {
    background: #ffffff url(https://www3.meetscoresonline.com.s3.amazonaws.com/Media/GOTY2018/kendalltorrens-web-menu.jpg) no-repeat;
    color: #999;
    padding: 187px 0 0 0;
    border:none;
    width:375px;

}
.nav li.goty-nav.open {
    background-color: #39393c;
}
.nav li.goty-nav.open a,
.nav li.goty-nav.open a:hover,
.nav li.goty-nav.open a:focus{
    background:none;
    color:#393a3d;
}


ul#goty_nav li.goty-li-large {
    padding-bottom:20px;
}

#goty_nav a.winner-title {
    color: #f4eae3;
}
#goty_nav a {
    color: #39393c;
    font-weight:bold;
}
#goty_nav a.winner-title:hover {
    color: #f4eae3;
}
#goty_nav a:hover {
    color: #000;
}

.headings {
    border-top:3px solid #111111;
    background-color:#eeeeee;
    padding:3px 10px 3px 3px;
}

.intl-link a.dropdown-toggle {
    padding: 6px 0px 0px 0px;
}
.intl-link li a {
    line-height: 35px;
}
.intl-link li:first-child a {
    height:90px;
    white-space: normal;
    line-height: 24px;
}

.btn.btn-left {
    text-align: left !important;
}

.event-content nav {
	z-index:1;
}
.event-content h1 {
	margin-top:0px;
}

.event-content h1 span {
	color:#ccc;
}
.event-content
.navbar-like-collapsed
.navbar-toggle {
	margin-top:25px;
}

.mso-pending { background-color:#D72C2C; }
.mso-complete { background-color:#3465A1; }
.mso-active { background-color:#1FA10A; }


#top30_spread stop.begin { stop-color:white; }
#top30_spread stop.end { stop-color:transparent; }
#top30_spread text { font-size:55; font-weight:bold; fill:#FFF; stroke:#CCC; stroke-width:.5}

.title-ovr-img {
    position: absolute;
    z-index:1;
    height: 49px;
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
    padding: 3px;
    width:auto;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, .725);
}

.title-ovr-img h1 {
    color: #3465A1;
    margin-top: 8px;
    margin-left: 40px;
}

li.description {
    color: #999;
    font-style: italic;
    text-indent: 1em;
}
.day-codes span {
    display: block;
    margin: 0px 1px;
    padding: 0px 1px;
    font-size: 10px;
    float: left;
    width:22px;
    letter-spacing:-.5px;
}
.page-navs a {
    display: block;
    height: 35px;
    width: 85%;
    border: solid 1px #ccc;
    padding: 6px 4px 4px 10px;
    margin: 3px;
    text-align:center;
}

.page-navs i.fa { padding-right:6px}
.score-widgets {
    margin-top:22px;
}

.score-widgets
.table-container {
    height: 390px;
    overflow-y: scroll;
}

.big-form {
    font-size: 1.1em;
    font-weight: bold;
}

.big-form input[type=text] {
    font-size: 1.5em;
    letter-spacing: .8em;
}

li.title {
    font-size: 15pt;
    line-height: 36pt;
    text-align: left;
    font-weight:bold
}
li.title.text-center { text-align:center }

p.large,
div.large,
span.large,
label.large,
a.large,
form.large,
button.large,
input.large,
textarea.large,
ul.large,
ol.large li
{
	line-height:1.3em !important;
	font-size:1.3em !important;
	height:auto;
}
p.xlarge,
div.xlarge,
span.xlarge,
label.xlarge,
a.xlarge,
form.xlarge,
button.xlarge,
input.xlarge,
textarea.xlarge,
ul.xlarge,
ol.xlarge li
{
	line-height:2em !important;
	font-size:2em !important;
	height:auto;
}

.fav-heart-container {
	padding-left:6px;
	padding-right:6px;
    text-shadow: 1px 1px 2px #7b7777;
}


.breadcrumb>li+li.no-separation:before { content:""}

.plus-38 {
    text-shadow: 0.85px 0.85px 0.4px #ffffff;
}

.mso-nav-container { min-width: 78px; }
		.btn-group.mso-nav > .btn {
		    width:55px;
		    margin-left:10px;
		}
		.navbar-fixed-top {
		    min-width:225px;
		}
		.navbar-fixed-top .btn-group {
		    float:left;
		    margin-top:13px;
		}

		.navbar-fixed-top .event-content .content_item {
		    clear:none;
		}
		.card h1, .card h2, .card h3, .card h4, .card h5{
		    margin:0;
		}
		img.mso-classified {
		    width:250px;
		    height:100px;
		    background-position: 0px -100px;
		}
		legend {
		    background-color:#eee;
		    color:#999;
		    font-weight:1700;
		}
		*[disabled=disabled] { cursor: not-allowed !important; }

		.center-block {
		  display: block;
		  margin-left: auto;
		  margin-right: auto;
		}

		#active-recent-scores .status td {
		    border-top:none;
		    font-size:.85em;
		}
		.live-mon {
		    display: block;
		    height:90px;
		    width:92px;
		    background: transparent url('/Resources/Library.Images/liv-monitor.png') no-repeat;
		}
		.live-mon.live-mon-live {
		    background-position: -123px 0;
		}

		.widget-box {
		    margin-top:0px;
		}

		@media (max-width: 767px) {
		    .title-ovr-img {
		        position:static;
		        width:100%;
		        margin-left:0px;
		        margin-right:0px;
		    }
		    .title-ovr-img h1 {
		        margin-left:4px;
		    }
		}

		.gutter-sponsors a {
		    margin-bottom: 5px;
		    display: block;
		}

		@media (max-width: 767px) {
		    .your-gymnastics-profile a.build-it {
		        margin-top: 168px;
		        margin-left: 270px;
		    }

		}
}

.strokeme
{
    color: white;
    text-shadow:
    -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    2px 2px 0 #fff;
}

/* GROK Bot Edit (2026-10-18): home / Live were 4px wider than a 390px phone. The Connected / Trusted Partners banners (Default.xml <Img class="p-2">) render as an
   inline <a class="p-2"> around an img-fluid, so the link's 8px side padding sat outside the image's 100% width. Make just those links a box capped at 100%. */
#body_content center > a.p-2[href="/ConnectedPartners"],
#body_content center > a.p-2[href="/TrustedPartners"] {
    display: inline-block;
    max-width: 100%;
}