:root {
    --textfont: Inter, sans-serif;
	--headingfont: 'PT Sans', sans-serif;
    --lightpink: #f8cbdf;
    --darkpink: #f064a5;
    --lightblue: #9dd2ee;
	--lightestblue: #ebf6fc;
    --darkblue: #3caae1;
    --lightbrown: #996236;
    --darkbrown: #512e17;
    --lightred: #e23c48;
    --darkred: #a11d20;
    --lightorange: #f5995b;
	--lightestorange: #fef5ef;
	--mediumorange: #fce0ce;
    --darkorange: #d45e27;
    --lightyellow: #fbed71;
    --darkyellow: #eabe1d;
    --lightgreen: #89c767;
    --darkgreen: #339645;
    --periwinkle: #4863a4;
    --navyblue: #203466;
    --lightpurple: #b673b0;
    --darkpurple: #64266d;
    --white: #ffffff;
    --black: #010101;
    --blushpink: #f499c1;
    --midnightblack: #010101;
    --sunnyyellow: #fdee19;
    --plumpurple: #8d3393;
    --powderblue: #7dc0ea;
    --scarletred: #c12026;
    --shamrockgreen: #59ba47;
    --softballyellow: #d8e02b;
    --walnutbrown: #603a1a;
    --tangerineorange: #f57f27;
    --spaceblue: #253b7b;
    --sitecolor: #203466;
    --textcolor: var(--black);
    --personalcolor: var(--sitecolor);
    --personalcolorborder: rgba(255, 255, 255, 0.3);
    --personalcoloruser: var(--sitecolor);
    --system-icon-color: hsl(0, 0%, 70%);
    --system-icon-color-hover: hsl(0, 0%, 60%);
    --auxiliary-nav-icon-color: var(--textcolor);
    --lighttext: var(--white);
}
.footer-content.row > .col-md-6 {
    align-items: self-end;
    display: flex;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmText, .RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal .rmText, .RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmText {
    padding: 15px 15px;
}

    .signInPage .UtilityNavigation .account-menu > li > a.sign-in-link {
    visibility: hidden;
    }

p.AsiInformation:before {
    content: '\f05a';
    font-family: fontawesome;
    color: var(--darkblue);
    font-size: 32px;
    margin-right: 15px;
}
p.AsiSuccess:before {
    content: '\f00c';
    font-family: fontawesome;
    color: var(--darkgreen);
    font-size: 32px;
    margin-right: 15px;
}
p.AsiWarning:before {
    content: '\f071';
    font-family: fontawesome;
    color: var(--darkyellow);
    font-size: 32px;
    margin-right: 15px;
}
p.AsiError:before {
    content: '\f1e2';
    font-family: fontawesome;
    color: var(--scarletred);
    font-size: 32px;
    margin-right: 15px;
}
.PanelField label, .PanelField .Label {

    line-height: 1.1;
}
.featureBox.darkgreen .Error.ValidationError {
    color: var(--softballyellow)!important;
}

#MainPanel .EmptyMasterContentPanel {
    overflow-x: hidden!important;
}
.fancybox__backdrop {
    opacity: .85;
}
.fancybox__content {
    max-width: 1170px!important;
    margin: auto;
    height: calc(100% - 50px)!important;
}
.Alerts .AlertItem {
    background-color: var(--lightestorange);
    border-color: var(--darkorange);
    margin: 10px 0;
}
.featureBox {
    padding: 20px;
    margin-bottom: 20px;
	    border: 3px solid rgba(255, 255, 255, 0.3);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.featureBox.black {
    background: var(--black);
    color: var(--lighttext);
}

.featureBox.navyblue {
    background: var(--navyblue);
    color: var(--lighttext);
}

.featureBox.darkpurple {
    background: var(--darkpurple);
    color: var(--lighttext);
}

.featureBox.darkgreen {
    background: var(--darkgreen);
    color: var(--lighttext);
}

.featureBox.darkorange {
    background: var(--darkorange);
    color: var(--lighttext);
}

.featureBox.darkred {
    background: var(--darkred);
    color: var(--lighttext);
}

.featureBox.darkbrown {
    background: var(--darkbrown);
    color: var(--lighttext);
}

.featureBox.darkyellow {
    background: var(--darkyellow);
    color: var(--lighttext);
}

.featureBox.darkpink {
    background: var(--darkpink);
    color: var(--lighttext);
}

.featureBox.darkblue {
    background: var(--darkblue);
    color: var(--lighttext);
}


.featureBox.black, .featureBox.black label, .featureBox.black a {
    color: var(--lighttext);
}
.featureBox.navyblue, .featureBox.navyblue label, .featureBox.navyblue a {
    color: var(--lighttext);
}
.featureBox.darkpurple, .featureBox.darkpurple label, .featureBox.darkpurple a {
    color: var(--lighttext);
}
.featureBox.darkgreen, .featureBox.darkgreen label, .featureBox.darkgreen a {
    color: var(--lighttext);
}
.featureBox.darkorange, .featureBox.darkorange label, .featureBox.darkorange a {
    color: var(--lighttext);
}
.featureBox.darkred, .featureBox.darkred label, .featureBox.darkred a {
    color: var(--lighttext);
}
.featureBox.darkbrown, .featureBox.darkbrown label, .featureBox.darkbrown a {
    color: var(--lighttext);
}
.featureBox.darkyellow, .featureBox.darkyellow label, .featureBox.darkyellow a {
    color: var(--lighttext);
}
.featureBox.darkpink, .featureBox.darkpink label, .featureBox.darkpink a {
    color: var(--lighttext);
}
.featureBox.darkblue, .featureBox.darkblue label, .featureBox.darkblue a {
    color: var(--lighttext);
}

.FilterPanel {
    background-color: var(--lightestblue);
    padding: 15px;
}
#masterContentArea {
    margin-top: 30px;
}

#MainHtml body {
    visibility: hidden;
}
#MainHtml body.makeVisible {
    visibility: visible;
}
.stacked-tabs > .panel > .panel-body-container > .panel-body {
    padding: 10px 0;
}
.account-banner-bg-color-mps-1 .account-banner-short .banner-top-bar {
    background-color: var(--sitecolor);
}
.col-sm-6.shadow-box-zone.personalColor2 {
    border: 0;
    box-shadow: none;
}
.shadow-box-zone {border-radius:6px;
    border: 3px solid var(--personalcolorborder);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.row.member-profile .ContentItemContainer,
.whiteBox {
    height: 100%;
}
.obo-action {
    background-color: var(--sitecolor);
}
a,
.ProxyPanelContact a,
.Link,
.RadGrid.RadGrid .rgRow a,
.RadGrid.RadGrid .rgAltRow a,
.RadGrid.RadGrid .rgEditForm a,
.k-grid.k-grid a,
.RadToolTip.RadToolTip a {
    color: var(--navyblue);
    text-decoration: none;
}
a:hover,
.ProxyPanelContact a:hover,
a:focus,
a:active,
.Link:hover,
.Link:focus,
.Link:active,
.RadGrid.RadGrid .rgRow a:hover,
.RadGrid.RadGrid .rgRow a:focus,
.RadGrid.RadGrid .rgRow a:active,
.RadGrid.RadGrid .rgAltRow a:hover,
.RadGrid.RadGrid .rgAltRow a:focus,
.RadGrid.RadGrid .rgAltRow a:active,
.RadGrid.RadGrid .rgEditForm a:hover,
.RadGrid.RadGrid .rgEditForm a:focus,
.RadGrid.RadGrid .rgEditForm a:active,
.k-grid.k-grid a:hover,
.k-grid.k-grid a:focus,
.k-grid.k-grid a:active,
.RadToolTip.RadToolTip a:hover,
.RadToolTip.RadToolTip a:focus,
.RadToolTip.RadToolTip a:active {
    color: var(--darkgreen);
    text-decoration: underline;
}
.SearchField label {
    color: var(--black);
}
.RecentHistoryTitleHorizontal {
    color: var(--black);
}
.RecentHistoryListHorizontal > li > a {
    padding: 0 5px;
}
.RecentHistoryListHorizontal {
    align-items: center;
}
.CalloutArea1 * {
    color: var(--white);
}
.CalloutArea1.Center a {
    color: var(--white);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    font-weight: 600;
}
.cc-revoke.cc-bottom.cc-animate {
    color: var(--white);
}
.footer-copyright .NavigationUnorderedList {
    position: relative;
    top: -2px;
}
.footer-copyright .NavigationUnorderedList:before {
    content: "";
    height: 100%;
    width: 1px;
    background: rgba(255, 255, 255, 0.4);
    position: absolute;
    left: 2px;
}
.CalloutArea1.Center a:hover {
    opacity: 0.7;
}
.carousel h3,
.carousel2 h3,
.HomePageFullWidthArea h3 {
    display: block;
    color: var(--black);
    line-height: 1;
    padding: 0;
    margin: 5px 0;
    text-transform: uppercase;
    font-weight: 600;
}
.footer-content .col-md-9 {
    display: flex;
    align-items: start;
    font-size: 125%;
    line-height: 1.4;
    margin-top: 37px;
    font-weight: 300;
    letter-spacing: .5px;
}
.fancybox__viewport {
    max-width: 100vw;
}
.CalloutArea1,
.CalloutBlockType1 {
    background-color: var(--sitecolor);
    color: var(--lighttext);
    padding: 20px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.CalloutArea1.personalColor {
    background-color: var(--personalcoloruser);
    border: 3px solid var(--sitecolor);
}
.CalloutArea1 .fas {
    margin-bottom: 5px;
    margin-top: 15px;
    position: relative;
    font-size: 60px;
    width: 120px;
    height: 120px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    color: rgba(255, 255, 255, 0.95);
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

a.FeatureActionLink {
    color: var(--white);
    font-family: var(--textfont);
    font-size: 150%;
    font-weight: 500;
}
.link-image > span {
    font-size: 50px;
}

.obo-toggle.on,
.ste-toggle.on,
.batch-toggle.on,
.transaction-date-toggle.on,
.page-statistics-toggle.on,
.list-toggle.on {
    background-color: var(--sitecolor) !important;
}
.personalColor .row.member-profile * {
    color: var(--white);
}
.whiteBox {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.ProxyPanelContact {
    background-color: transparent;
    color: var(--black);
}

.coadmin-manage a {
    padding: 15px;
    border-radius: 3px;
    background-color: var(--sitecolor);
    color: #ffffff;
    text-decoration: none;
    width: 100%;
    display: block;
    font-weight: 700;
    font-size: clamp(16px,1vw,20px);
    margin-bottom: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.coadmin-manage a:hover,
.coadmin-manage a:focus,
.coadmin-manage a:active {
    background-color: var(--periwinkle);
}
.coadmin-manage a:after {
    margin-top: 5px;
}

.personalColor {
    background: var(--personalcolor);
}

.personalColor img.rounded-circle {
    border: 5px solid white;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.mini-profile-banner-large .mini-profile-name-section,
.mini-profile-banner-large .mini-profile-address-section {
    background-color: transparent;
}
.heading-icon .panel-title,
.heading-icon h3 {
    color: var(--black);
}
.RadGrid_MetroTouch .rgHeader,
.RadGrid_MetroTouch .rgHeader a {
    color: var(--black) !important;
}
.member-profile .mini-profile-banner-large .mini-profile-name-section .SectionLabel,
.member-profile .mini-profile-banner-small .mini-profile-name-section .SectionLabel {
    font-weight: 700;
    color: var(--white);
    line-height: 1.1;
    font-size: 32px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.personalColor .row.member-profile * {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable td, .RadGrid.RadGrid_MetroTouch .rgMasterTable th {
    vertical-align: top;
    line-height: 1.2;
}
.greenBox h2.panel-title {
    color: white;

}
.infoBox p {
    margin-left: 60px;
    line-height: 1.4;
}
.infoBox:before {
    content: '\f05a';
    font-family: fontawesome;
    position: absolute;
    top: 5px;
    /* transform: translatey(-50%); */
    font-size: 36px;
    left: 15px;
}
.infoBox {
    padding: 10px;
    position: relative;
    border: 2px solid rgba(255,255,255,.4);
    border-radius: 3px;
}

.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar,
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft,
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
    background-color: var(--sitecolor);
}
#ft h3 {
    color: var(--white);
}
ul.elementor-icon-list-items {
    padding-inline-start: 0;
}
.RadWindow_MetroTouch .rwTable .rwTitlebarControls em {
    font-weight: 400 !important;
}
label, .Label, .PanelFieldLabelFont {
    font-weight: 600;
    color: var(--black);
}
strong {
    font-weight: 600;
}

.btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton, .RadGrid.RadGrid .rgRow a.TextButton, .RadGrid.RadGrid .rgAltRow a.TextButton, .RadGrid.RadGrid .rgEditForm a.TextButton {
    background-color: var(--sitecolor);
    border-radius: 24px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    font-size: 100%;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 500;
    padding: 10px 15px;
    text-decoration: none;
    color: var(--white);
    line-height: 1;
    font-size: 90%;
}

.btn:hover, .RadGrid.RadGrid .rgRow a.TextButton:hover, .RadGrid.RadGrid .rgAltRow a:hover, .RadGrid.RadGrid .rgEditForm a.TextButton:hover,
.btn:focus,
.btn:active,
.TextButton:hover,
.TextButton:focus,
.TextButton:active,
.RadUpload.RadUpload .ruButton:hover,
.RadUpload.RadUpload .ruButton:focus,
.RadUpload.RadUpload .ruButton:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:hover,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:focus,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:active {
    color: var(--white);
    background-color: var(--periwinkle);
}
.PrimaryButton,
.PrimaryButton:visited,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButton:visited,
.RadGrid input.PrimaryButton,
.RadGrid input.PrimaryButton:visited,
.RadGrid.RadGrid input.TextButton.PrimaryButton,
.RadGrid.RadGrid input.TextButton.PrimaryButton:visited,
.RadGrid.RadGrid a.TextButton.PrimaryButton,
.RadGrid.RadGrid a.TextButton.PrimaryButton:visited {
    color: var(--white);
}
.emailText {
    font-size: 14px;
    position: relative;
    top: -4px;
}
p.socialMediaIcons a {
    text-decoration: none;
    margin-right: 10px;
}
p.socialMediaIcons .fa-envelope {
    margin-right: 8px;
}
.AsiInformation {display:flex; align-items: center; border-radius: 3px; line-height:1.3;
    border: 2px solid;
    border-color: var(--darkblue) !important;
    background-color: white;
}
.AsiSuccess {display:flex; align-items: center; border-radius: 3px; line-height:1.3;
    border-color: var(--darkgreen) !important;
    border: 2px solid;
    background-color: white;
}
.AsiWarning {display:flex; align-items: center; border-radius: 3px; line-height:1.3;
    border-color: var(--darkyellow) !important;
    border: 2px solid;
    background-color: var(--white);
}
.AsiError {display:flex; align-items: center; border-radius: 3px; line-height:1.3;
    border-color: var(--scarletred) !important;
    border: 2px solid;
    background-color: var(--white);
}

.AlertItem > .AsiError {flex-direction:column;
    border-color: var(--scarletred) !important;
    border: 2px solid;
    background-color: var(--white);
    font-size: 90%;
    line-height: 1.4;
    letter-spacing: -.1px;
	margin-bottom:5px!important;
	border-radius:5px;
}

.AlertItem:has(.AsiError) {background:none;background-color:transparent;border-color:transparent;}



.RadGrid.RadGrid_MetroTouch .rgMasterTable td {
    vertical-align: top;
    line-height: 1.2;
}
.DangerButton {
    background-color: var(--scarletred);
}
.DangerButton:hover,
.DangerButton:focus,
.DangerButton:active {
    background-color: var(--darkred);
}

.SuccessButton {
    background-color: var(--lightgreen);
}
.SuccessButton:hover,
.SuccessButton:focus,
.SuccessButton:active {
    background-color: var(--darkgreen);
}

.footer-content,
.footer-nav-copyright,
#ft {
    background-color: var(--sitecolor);
    text-align: left;
    color: var(--white);
}
.backToTop {
    background-color: var(--sitecolor) !important;
}

.colorWave {
    margin: 0;
    height: 100%;
    background: linear-gradient(
        45deg,
        var(--lightpink),
        var(--blushpink),
        var(--darkpink),
        var(--lightred),
        var(--scarletred),
        var(--darkred),
        var(--lightbrown),
        var(--walnutbrown),
        var(--darkbrown),
        var(--lightorange),
        var(--tangerineorange),
        var(--darkorange),
        var(--lightyellow),
        var(--sunnyyellow),
        var(--darkyellow),
        var(--lightgreen),
        var(--shamrockgreen),
        var(--darkgreen),
        var(--lightblue),
        var(--powderblue),
        var(--darkblue),
        var(--periwinkle),
        var(--navyblue),
        var(--midnightblack),		
		var(--darkpurple),
		var(--plumpurple),
        var(--lightpurple)
    );
    background-size: 2200% 2200%;
    animation: gradient-shift 180s linear infinite alternate;
}

@keyframes gradient-shift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

body {
    font-family: var(--textfont);
    font-size: 17px;
    color: var(--black);
    -webkit-font-smoothing: antialiased; /* WebKit */
    -moz-osx-font-smoothing: grayscale; /* macOS Firefox */
    text-rendering: optimizeLegibility;
    font-variant-ligatures: common-ligatures;
    line-height: 1.6;
    letter-spacing: 0.5px;
}

.nav-secondary .sub-nav-head {
    background-color: var(--sitecolor);
    color: var(--white);
}

h1,
.h1,
.PageTitle {
    font-size: 250%;
    font-family: var(--headingfont);
    font-weight: 700;
    color: var(--black);
    margin-top: 0;
}
h1.colorText,
.h1.colorText,
.PageTitle.colorText,
.colorText {
    background: linear-gradient(
        90deg,
        var(--lightpink),
        var(--darkpink),
        var(--lightblue),
        var(--darkblue),
        var(--lightbrown),
        var(--darkbrown),
        var(--lightred),
        var(--darkred),
        var(--lightorange),
        var(--darkorange),
        var(--lightyellow),
        var(--darkyellow),
        var(--lightgreen),
        var(--darkgreen),
        var(--periwinkle),
        var(--navyblue),
        var(--lightpurple),
        var(--darkpurple)
    );
    background-size: 300% 300%;
    animation: gradient-shift 60s linear infinite;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
h1.BigHeader,
.h1.BigHeader {
    color: #fff;
    background-color: var(--sitecolor);
    padding: 20px;
    margin: 0;
}

h2,
.h2,
.panel-heading.Distinguish,
.PanelHead.Distinguish,
.TitleBarCaption,
div.PanelTitle {
    min-height: 0;
    border-bottom-style: solid;
}

h2,
.h2,
.PanelTitle {
    font-size: 200%;
    font-family: var(--headingfont);
    font-weight: 700;
    color: var(--black);
    line-height: 1.45em;
}

h3,
.SectionTitle {
    font-size: 130%;
    font-family: var(--headingfont);
    font-weight: 700;
    color: var(--black);
}

h4,
.SectionLabel,
h5 {
    margin: 0 0 0.2em;
}

h4,
.h4,
.SectionLabel {
    font-size: 120%;
    font-family: var(--headingfont);
    font-weight: 700;
    color: var(--black);
}

h5,
.h5,
.SectionLabelSmaller {
    font-size: 100%;
    font-family: var(--headingfont);
    font-weight: 700;
    color: var(--black);
}

h6,
.h6 {
    font-size: 85%;
    font-family: var(--headingfont);
    font-weight: 700;
    color: var(--black);
    margin: 0;
}
.button-group .LargeButton {
    text-transform: none;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink {
    color: var(--black);
    font-family: var(--textfont);
    font-size: 125%;
    font-weight: 600;
    letter-spacing: 1px;
}
.mini-profile-banner-large .mini-profile-name-section .SectionLabel,
.mini-profile-banner-small .mini-profile-name-section .SectionLabel {
    /* Style the name like an h2 */
    font-family: var(--textfont);
    font-weight: 700;
    font-size: 200%;
}
.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
    font-family: var(--textfont) !important;
    font-weight: inherit;
    font-size: 19px !important;
    clear: both;
}
.carousel .carousel-caption,
.carousel2 .carousel-caption,
.HomePageFullWidthArea .carousel-caption {
    padding: 1em;
    position: absolute;
    font-family: var(--textfont) !important;
    bottom: auto;
    top: 63%;
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0.8);
    text-align: left;
    color: var(--black);
}

.footer-nav-copyright .footer-copyright {
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-size: 90%;
    font-weight: 500;
}
.UtilityNavigation .account-menu > li > a,
.UtilityNavigation .account-menu > li > a:hover,
.UtilityNavigation .account-menu > li > a:visited,
.UtilityNavigation .account-menu > li > a:active {
    color: var(--black);
}
.footer-content {
    padding-top: 40px;
}
p.tagLine {
    font-weight: 400;
    font-size: 120%;
    line-height: 1.3;
    font-style: italic;
    margin: 20px 0;
}
#masterHeaderImage {
    background-image: url(/images/ipride-template/iPrideSoftball_Logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100px;
    height: 46px;
    text-indent: -9999px;
    overflow: hidden;
    float: left;
}

.stacked-tabs .select-tab {
    color: var(--white);
    background: var(--sitecolor);
}
.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected {
    background-color: var(--sitecolor) !important;
    border-color: var(--sitecolor) !important;
    color: var(--white);
}
.footer-nav-copyright .footer-copyright {
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-size: 12px;
    font-weight: 500;
}
li.elementor-icon-list-item {
    list-style: none;
}
.account-toggle:focus,
.account-toggle:hover {
    background: var(--sitecolor);
}
.ProxyPanelContact,
.ProxyPanelContact .obo-label {
    color: var(--black);
}
p.socialMediaIcons a {
    opacity: 1;
    transition: 0.3s ease-in-out all;
}
.footer-content a {
    transition: 0.2s ease-in-out all;
}
.footer-content a:hover {
    text-decoration: none;
    transition: 0.2s ease-in-out all;
    color: white;
    opacity: 0.7;
}
p.socialMediaIcons a:hover {
    opacity: 0.75;
    transition: 0.3s ease-in-out all;
}
h3.hashTag {
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 20px;
}
p.socialMediaIcons {
    font-size: 25px;
    line-height: 1;
    margin: 40px 0 30px;
}
.InternalHeaderArea {
    background: transparent;
}
.nav-auxiliary .nav-aux-button .nav-text {
    color: var(--black);
}
a.sign-in-link, .UtilityNavigation .account-menu > li > a.sign-in-link {
    color: var(--white);
	margin-top:5px;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: normal;
    text-decoration: none;
    padding: 5px 10px;
    font-size: 15px;
    line-height: 1.8;
    border-radius: 3px;
    -webkit-user-select: none;
    user-select: none;
    transition: background 0.2s ease-out;
    background: var(--darkgreen);	    
    padding: 2px 25px;
	border-radius: 24px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    font-size: 120%;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
}
.no-panel-padding .panel-body {
    padding: 0;
}
.stacked-tabs .RadMultiPage {
    background: transparent;
    border-radius: 0px;
    box-shadow: none;
    border: 1px solid #ddd;
    padding: 20px 30px;
}
a.sign-in-link:hover, .UtilityNavigation .account-menu > li > a.sign-in-link:hover {
    color: var(--white);
    transition: background 0.2s ease-out;
    background: var(--periwinkle);

}
@media (min-width: 992px) {
	
	.footer-content .col-md-9 {

    padding-left: 30px;
}
	
    .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
        background: transparent url("images/ResponsiveHeaderSprite.png") 0 -126px no-repeat !important;
    }
	.shadow-box-zone.col-sm-6 {
    width: 48%;
    margin: auto;
}
body:not(.Wrapper-HomePage) .primary-navigation-area, body.Wrapper-HomePage .primary-navigation-area {
    margin-top: 10px;
    position: relative;
    margin-bottom: 15px;
}
    .container,
    .header-container,
    .SliderPage1 {
        max-width: 1400px;
    }
    .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmExpanded,
    .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink:hover,
    .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmFocused {
        background-color: var(--sitecolor);
        color: var(--white) !important;
    }
    .RadMenu.RadMenu_NaturalHeritageSites .rmGroup {
        background-color: var(--sitecolor);
    }
    .RadMenu_NaturalHeritageSites .rmSlide .rmLink {
        color: var(--white);
        font-family: var(--textfont);
        font-size: 114%;
        font-weight: normal;
    }
    .RadMenu_NaturalHeritageSites .rmSlide .rmLink:hover,
    .RadMenu_NaturalHeritageSites .rmSlide .rmLink:focus,
    .RadMenu_NaturalHeritageSites .rmSlide .rmLink.rmFocused,
    .RadMenu_NaturalHeritageSites .rmSlide .rmLevel1 > .rmItem > .rmLink:hover,
    .RadMenu_NaturalHeritageSites .rmSlide .rmLevel1 > .rmItem > .rmLink:focus,
    .RadMenu_NaturalHeritageSites .rmSlide .rmLevel1 > .rmItem > .rmLink.rmFocused {
        background-color: transparent;
        color: var(--white);
    }
    .footer-content.row > .col-md-6 {
        padding-right: 10%;
    }

    .header-top-container #masterLogoArea {
        position: unset;
        top: unset;
        left: unset;
    }
    .header-logo-container {
        float: left;
        margin: 15px 50px 15px 0;
    }

    #hd {
        min-height: unset;
        background-color: transparent;
    }
    .primary-navigation-area {
        margin-top: unset;
        margin-left: unset;
        float: left;
    }
    #masterHeaderImage {
        background-image: url(/images/ipride-template/iPrideSoftball_Logo.png);
        width: 250px;
        height: 115px;
    }
    .header-bottom-container {
        position: relative;
        top: unset;
        min-height: unset;
        background-color: transparent;
    }
    .header-top-container .navbar-header {
        position: relative;
    }
    body:not(.Wrapper-HomePage) #hd,
    body:not(.Wrapper-HomePage) .InternalHeaderArea {
        min-height: unset;
        height: unset;
        box-shadow: unset;
    }
    .InternalHeaderArea,
    body:not(.Wrapper-HomePage) .InternalHeaderArea {
        height: 7px;
        background: none;
        background-color: transparent;
        z-index: 2;
        position: relative;
        top: 10px;
        box-shadow: none;
    }
	div#ste_container_ciPrimaryNavigation {display: flex;
    justify-content: space-around;
    align-items: center;
    line-height: 1;
}
	div#WTZone3_Page1 {display: flex;
    align-items: center;
    height: 100%;
    float: left;}
}


@media (max-width:991px) {
	.RadGrid.RadGrid_MetroTouch {
    max-width: calc(100vw - 120px);
    overflow-x: scroll;
    margin: auto;
}
	#hd {
    min-height: unset;
    background-color: transparent;
}
.PlayerRatingRealTime {position:relative!important;}


.RadGrid.RadGrid_MetroTouch .rgHeader, .RadGrid.RadGrid_MetroTouch .rgHeader:first-child, .RadGrid.RadGrid_MetroTouch th.rgResizeCol, .RadGrid.RadGrid_MetroTouch th.rgResizeCol:first-child, .RadGrid.RadGrid_MetroTouch .rgRow td, .RadGrid.RadGrid_MetroTouch .rgRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgAltRow td, .RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgEditRow > td, .RadGrid.RadGrid_MetroTouch .rgEditRow > td:first-child, .RadGrid.RadGrid_MetroTouch .rgFooter td, .RadGrid.RadGrid_MetroTouch .rgFooter td:first-child, .RadGrid.RadGrid_MetroTouch .rgFilterRow td, .RadGrid.RadGrid_MetroTouch .rgFilterRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgNoRecords td, .RadGrid.RadGrid_MetroTouch .rgNoRecords td:first-child, .RadGrid.RadGrid_Metro .rgHeader, .RadGrid.RadGrid_Metro .rgHeader:first-child, .RadGrid.RadGrid_Metro th.rgResizeCol, .RadGrid.RadGrid_Metro th.rgResizeCol:first-child, .RadGrid.RadGrid_Metro .rgRow td, .RadGrid.RadGrid_Metro .rgRow td:first-child, .RadGrid.RadGrid_Metro .rgAltRow td, .RadGrid.RadGrid_Metro .rgAltRow td:first-child, .RadGrid.RadGrid_Metro .rgEditRow > td, .RadGrid.RadGrid_Metro .rgEditRow > td:first-child, .RadGrid.RadGrid_Metro .rgFooter td, .RadGrid.RadGrid_Metro .rgFooter td:first-child, .RadGrid.RadGrid_Metro .rgFilterRow td, .RadGrid.RadGrid_Metro .rgFilterRow td:first-child, .RadGrid.RadGrid_Metro .rgNoRecords td, .RadGrid.RadGrid_Metro .rgNoRecords td:first-child {
    padding: 3px 8px;
    font-size: 80%;
    display: flex;
}
}