/* Sitewide Stuffs */

body {
    /*background-color: #656d70;*/
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.42857143;
    color: #333333;
    overflow-x: hidden;
}

.masterContentArea {
  font-size: 20px;
}

.col-primary {
  padding-top: 25px;
}

img {
  border-radius: 10px;
}

/* NAV defaults  */
.RadMenu.RadMenu_Austin .rmRootLink .rmText {
  color: #005696;
  font-size: 2.4rem;
  text-transform: capitalize;
  font-weight:bold;
}

@media (min-width: 992px) {
    .has-secondary-col.col-on-right .col-secondary {
        float: right;
    }
}
@media (min-width: 992px) {
    .has-secondary-col .col-secondary {
        width: 25%; /* was 22% oob */
    }
  }

@media (min-width: 992px) {
    .has-secondary-col .col-primary {
        width: 73%; /* was 76% oob */
    }
}

/* NAV hover and focused and active and current stuff */

.RadMenu.RadMenu_Austin .rmRootLink.rmExpanded,
.RadMenu.RadMenu_Austin .rmRootLink:hover .rmText,
.RadMenu.RadMenu_Austin .rmRootLink.rmFocused {
  background-color: #eee;
  color: #c51e55;
  text-decoration: underline;
  text-decoration-color:#c51e55;
}

.RadMenu.RadMenu_Austin .rmGroup {
    background-color: #eee;
    padding-left: 15px;
}

.RadMenu_Austin .rmSlide .rmLink,
.RadMenu_Austin .rmSlide .rsmLink {
  color: #005696;
  font-weight: bold;
  font-size: 2rem;
}

 

.RadMenu_Austin .rmSlide .rmLink:hover
, .RadMenu_Austin .rmSlide .rmLink.rmFocused
, .RadMenu_Austin .rmSlide .rsmLink:hover
, .RadMenu_Austin .rmSlide .rsmLink.rmFocused
, .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover
, .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink.rmFocused
,.RadMenu_Austin .rmSlide .rmFocused > .rmLink
, .RadMenu_Austin .rmSlide .rmSelected > .rmLink
, .RadMenu_Austin .rmSlide .rsmSelected > .rsmLink
, .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink {
    color: #c51e55;
}

.RadMenu.RadMenu_Austin .rmRootLink.rmSelected .rmText,
.RadMenu.RadMenu_Austin .rmRootLink.rmSelected {
    color: #c51e55;
    background-color: #eee;
    text-decoration: underline;
    text-decoration-color: #c51e55;
}



/* Same stuff but for mobile */

.RadMenu.RadMenu_Austin .rmLink:hover .rmToggle > .rmIcon, .RadMenu.RadMenu_Austin .rmLink.rmFocused .rmToggle > .rmIcon, .RadMenu.RadMenu_Austin .rmSelected > .rmLink .rmToggle > .rmIcon, .RadMenu.RadMenu_Austin .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon, .RadMenu.RadMenu_Austin .rmExpanded > .rmLink .rmToggle > .rmIcon, .RadMenu.RadMenu_Austin .rmSlide .rmLink .rmToggle > .rmIcon {
    background-position: unset;
}

.navbar-collapse {
    background-color: #eee;
}
.UtilityNavigationToggle .navbar-toggle {
    background-color: #eee;
}

.navbar-toggle.collapsed, .navbar-toggle:hover, .navbar-toggle:focus {
background-color: #eee;
}

.navbar-toggle .icon-bar {
  background-color: #005696;
}

.RadMenu.RadMenu_Austin .rmRootLink.rmExpanded, .RadMenu.RadMenu_Austin .rmRootLink:hover, .RadMenu.RadMenu_Austin .rmRootLink.rmFocused {
    background-color: #eee;
}


@media (max-width: 768px) {
    .RadMenu.RadMenu_Austin .rmToggleHandles .rmRootLink.rmExpanded, 
    .RadMenu.RadMenu_Austin .rmToggleHandles .rmRootLink:hover .rmText, 
    .RadMenu.RadMenu_Austin .rmToggleHandles .rmRootLink.rmFocused {
        color: #005696;
        text-decoration: none;
    }
    .RadMenu.RadMenu_Austin .rmToggleHandles .rmRootLink.rmSelected .rmText {
      color: #c51e55;
      text-decoration: underline;
      text-decoration-color: #c51e55;
    }
  }


@media (max-width: 768px) {
    .RadMenu.RadMenu_Austin .rmRootLink .rmText {
      font-size:unset;
    }
    .rmText .rmExpandDown {
      padding-top: 15px;
    }
  }

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

/* HEADER STUFF */

.header {
  background-color: #00243e;
  padding-bottom: 0px;
  border-bottom: none;
  
}

.header a {
  color: #fff;
}

.header-top-container .header-container {
  height: 7em;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
} 

.header-bottom-container {
  background-color: #eee;
}

.header-logo-container img {
  margin-top: -7em;
  padding-bottom: 20px;
}

.nav-primary {
  margin-top: 0px;
}

.RadMenu.RadMenu_Austin .rmRootLink .rmText {
    padding: 25px;
}

@media (max-width: 768px) {
    .UtilityNavigationList, .header-join-button {
      display: none;
    }
  }
  
.NavigationUnorderedList li:after, .pipeAfter:after {
    content: "";
    height: 75%;
    position: absolute;
    width: 1px;
    background: #fff;
    top: 12.5%;
}

.pipeAfter:after {
    content: "";
    height: 30%;
    position: absolute;
    width: 1px;
    background: #fff;
    top: 15%;
    margin-left: 7.5px;
    margin-right: 7.5px;
}

/* the Sign In / Sign Out link doesn't align with the aux nav, hence this fix */

.navbar-header > div, .navbar-header > a, .navbar-header .NavigationUnorderedList, .navbar-header .NavigationLink {
  vertical-align: unset !important;
}



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

/* FOOTER STUFF */

.footer-content {
background-color: #00243e;
text-align: unset;
}

.footer-content a {
    color: #fff;
}

.footer-logo {
     margin-top: -5em;
}

.footer address {
    color: #fff;
    margin-bottom: 0;
    font-size: 2.1rem;
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (max-width: 768px) {
    .footer-mobile {
      display: unset;
    }
    .footer-desktop {
      display: none;
    }
  }

.footer-mobile {
     text-align: center;
}

.footer-logo-mobile {
     padding: 1em;
     max-width: 50%;
}
.address-mobile {
     padding-bottom: 1em;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

.bannerpic {
  height: 50vh;
  /*opacity: 80%;*/
}


.homememberbox {
  margin-top: -400px;
  opacity: 0%;
  /*float: right;
  width: 25%;*/
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
 
/* A BOX/CARD NAMED DESIRE  */

@media screen and (max-width: 768px) {
    .home-member-status {
        margin-top: 0;
        text-align:center;
    }
}

.box-member-status{
    background-color:#00243e;
    padding:25px 30px;
    border-radius: 10px;
    margin-bottom: 3rem;
    font-size: 16px;
}

.box-member-status h3, .box-member-status p, .box-member-status label, .box-member-status a, .box-member-status a:hover{
    color:#fff;
}

.box-member-status label{
    font-weight:inherit;
}

.sidecard {
  border-radius: 10px;
  margin-bottom: 3rem;
  background-color: #eee;
  padding:25px 30px;
  font-size: 14px;
}

.homecard {
  border-radius: 10px;
  background-color: #eee;
  padding:25px 30px;
  margin-bottom: 3rem;
  /**/display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.homecard img {
  width: 100%;
  /*margin-top: 2rem;*/
}
/**/

.homecard .iMIS-WebPart:last-child .ContentItemContainer:last-child {
  margin-bottom: 0px;
}

.homecard h3 {
  margin-bottom: 3rem;
  font-size: 30px;
}

.homecard a {
  text-decoration: none;
}

.homecard2 .iMIS-WebPart .ContentItemContainer .ContentBorder,  .ContentBorder:has(.homecard2)  {
  border-radius: 10px;
}

.homecard2-text {
  padding: 25px 30px;
}

.homecard2 h3 {
  font-size: 3rem;
  margin-bottom: 1rem;
  padding: 25px;
}

.texpaccard {
  
  background-color: #eee;
  border-radius: 10px;
  padding: 25px;
}
.texpaccard h3{
  padding-bottom: 25px;
  text-align: center;
}
.texpaccardimg {
  padding: 5px;
  color:#c51e55;
  text-align: center;
}



.homeicon {
padding-left: 25px;
padding-top: 25px;
}

.homeicon svg {
  width: 7rem;
  color:#c51e55;
  border-radius: 10px;
}


.callout-bar {
  margin-bottom: 75px;
  background-color: #00243e;
  padding: 25px 0;
  margin-bottom: 75px;
  margin-top: 75px;
	/*overflow: hidden;*/
	margin-right: -1200px;
	margin-left: -1200px;    
	padding-left: 1200px;
	padding-right: 1200px;
}

.wrapper:has(.callout-bar) {
  overflow: hidden;
}

    
.callout-bar h2, .callout-bar p, .callout-bar a,.callout-bar-highlight h2, .callout-bar-highlight p, .callout-bar-highlight a {
    color: #fff;
    margin-bottom: 0;
}
    
.callout-bar h2,.callout-bar-highlight h2 {
    font-size: 3.1rem;
    border: none;
    padding-top:25px;
    padding-bottom:25px;
}
    
.callout-bar p,.callout-bar-highlight p {
    padding-top:25px;
    padding-bottom:25px;
}

.callout-bar-highlight {
    background-color: #c51e55;
    color: #fff;
}

/*
.member-status{
    margin-top:-25px;
}
*/
.membership-levels-container{
  background-color:#eee;
  border-radius: 10px;
}


.membership-levels {
  margin-top: 20px;
  font-size:14px;
  margin-bottom: 3rem;
}

.membership-levels-bar {
  text-align: center;
  padding: 15px 20px 25px;
  color: #fff;
  position: relative;
}

.membership-levels-bar:before {
  display: block;
  width: 46px;
  height: 31px;
  border-radius: 100%;
  background-color: #fff;
  content: "";
  margin: -27px auto -1px;
}

.membership-levels-bar-badge {
  top: -7px;
  position: absolute;
  text-align: center;
  display: block;
  width: 100%;
  left: 0;
}

.membership-levels-bar-badge-icon {
  margin: 0 -2.5px;
}

.membership-levels-bar--patron, .membership-levels-bar--patron:before {
  background-color: #00243e;
}

.membership-levels-bar--capitol, .membership-levels-bar--capitol:before {
  background-color: #005696;
}

.membership-levels-bar--300, .membership-levels-bar--300:before {
  background-color: #c51e55;
}

.membership-levels-bar--basic, .membership-levels-bar--basic:before {
  background-color: #ced0d1;
  color: inherit;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.bluecard {
  color: #fff;
  background-color: #00243e;
  margin-bottom: 50px;
}

.bluecard-header {
  font-size: 75px;
  font-weight: bold;
  padding-left: 10px;
  margin-top: -27px;
}

.bluecard p {
  font-size: 20px;
  padding: 25px;
}


/**/
.steps {
  position: relative;
  min-height: 200px;
  border-radius: 10px;
  border: solid;
  border-bottom-width: 10px;
  border-color: #666d70;
  
}

.steps p {
  margin-bottom: 0;
}

.steps-count {
  position: absolute;
  line-height: 0.9;
  bottom: -21px;
  margin-bottom: 0;
  left: 27px;
}

.steps-count-number {
  font-size: 12rem;
  display: block;
}

@media screen and (min-width: 992px) {
  .steps-count {
    left: 45px;
  }
 
  .steps-count-number {
    font-size: 18rem;
  }
}

.steps-text {
  padding: 25px;
}

.imgcontainer {
  border-radius: 30px;
  overflow: hidden;
  aspect-ratio: 1/1;
}

.guideouter2 {
border:solid,#666d70;
border-radius: 10px;
margin-bottom: 25px;
}

.guidenum2 {
    padding-top: 25px;
    padding-right: 50px;
    padding-bottom: 25px;
    padding-left: 25px;
  font-size: 4rem;
  color: #666d70;
}

.myrep {
    height: 20vh;
    position: relative;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    padding: 25px;  
    background-color: rgba(0, 0, 0, .4);
    background-blend-mode: overlay;

}

.issuestext {
padding-bottom: 10px;
}

.issueimg {
  height: 20vh; 
  border-radius: 10px; 
  background-size: cover; 
  background-position: center;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

/* BUTTONS */

.TextButton, .PrimaryButton, .SignInButton{
	font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color:#005696;
    font-size:2.2rem;
	border:0;
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
	white-space:normal;
	border-radius:4px;
}

.TextButton a, .PrimaryButton a, .SignInButton a{
    text-decoration:none;
}

.TextButton:hover, .PrimaryButton:hover, .SignInButton:hover{
    background-color:#0286e8;
}

.PrimaryButton[disabled], .PrimaryButton[disabled]:hover, .PrimaryButton[disabled]:focus, .PrimaryButton[disabled]:active, fieldset[disabled] .PrimaryButton, fieldset[disabled] .PrimaryButton:hover, fieldset[disabled] .PrimaryButton:focus, fieldset[disabled] .PrimaryButton:active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active, .SaveAndClose[disabled], .SaveAndClose[disabled]:hover, .SaveAndClose[disabled]:focus, .SaveAndClose[disabled]:active, fieldset[disabled] .SaveAndClose, fieldset[disabled] .SaveAndClose:hover, fieldset[disabled] .SaveAndClose:focus, fieldset[disabled] .SaveAndClose:active, .SaveAndClose.aspNetDisabled, .SaveAndClose.aspNetDisabled:hover, .SaveAndClose.aspNetDisabled:focus, .SaveAndClose.aspNetDisabled:active, .SaveAs[disabled], .SaveAs[disabled]:hover, .SaveAs[disabled]:focus, .SaveAs[disabled]:active, fieldset[disabled] .SaveAs, fieldset[disabled] .SaveAs:hover, fieldset[disabled] .SaveAs:focus, fieldset[disabled] .SaveAs:active, .SaveAs.aspNetDisabled, .SaveAs.aspNetDisabled:hover, .SaveAs.aspNetDisabled:focus, .SaveAs.aspNetDisabled:active, .UsePrimaryButton .TextButton[disabled], .UsePrimaryButton .TextButton[disabled]:hover, .UsePrimaryButton .TextButton[disabled]:focus, .UsePrimaryButton .TextButton[disabled]:active, fieldset[disabled] .UsePrimaryButton .TextButton, fieldset[disabled] .UsePrimaryButton .TextButton:hover, fieldset[disabled] .UsePrimaryButton .TextButton:focus, fieldset[disabled] .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButton.aspNetDisabled, .UsePrimaryButton .TextButton.aspNetDisabled:hover, .UsePrimaryButton .TextButton.aspNetDisabled:focus, .UsePrimaryButton .TextButton.aspNetDisabled:active, .UsePrimaryButton .TextButtonWithImage[disabled], .UsePrimaryButton .TextButtonWithImage[disabled]:hover, .UsePrimaryButton .TextButtonWithImage[disabled]:focus, .UsePrimaryButton .TextButtonWithImage[disabled]:active, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:hover, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:focus, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:active, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:hover, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:focus, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:active, #masterHeaderActionArea a[disabled], #masterHeaderActionArea a[disabled]:hover, #masterHeaderActionArea a[disabled]:focus, #masterHeaderActionArea a[disabled]:active, fieldset[disabled] #masterHeaderActionArea a, fieldset[disabled] #masterHeaderActionArea a:hover, fieldset[disabled] #masterHeaderActionArea a:focus, fieldset[disabled] #masterHeaderActionArea a:active, #masterHeaderActionArea a.aspNetDisabled, #masterHeaderActionArea a.aspNetDisabled:hover, #masterHeaderActionArea a.aspNetDisabled:focus, #masterHeaderActionArea a.aspNetDisabled:active, .RadGrid input.PrimaryButton[disabled], .RadGrid input.PrimaryButton[disabled]:hover, .RadGrid input.PrimaryButton[disabled]:focus, .RadGrid input.PrimaryButton[disabled]:active, fieldset[disabled] .RadGrid input.PrimaryButton, fieldset[disabled] .RadGrid input.PrimaryButton:hover, fieldset[disabled] .RadGrid input.PrimaryButton:focus, fieldset[disabled] .RadGrid input.PrimaryButton:active, .RadGrid input.PrimaryButton.aspNetDisabled, .RadGrid input.PrimaryButton.aspNetDisabled:hover, .RadGrid input.PrimaryButton.aspNetDisabled:focus, .RadGrid input.PrimaryButton.aspNetDisabled:active {
    background-color:#0286e8;
}


.TextButton.Emphasis{
    text-decoration:none;
    background-color:#c51e55;
}

.TextButton.Emphasis:hover{
    background-color:#780e31;
}

.VisionButton {
  border-radius: 10px;
  margin-bottom: 3rem;
  width: 100%;
}

.JoinTMA {
  font-size: 24px;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@ ICONS @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

.icon-checkbox {
  position: relative;
  padding-left: 29px;
}

.icon-checkbox:before, .icon-checkbox:after {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 2px;
  content: "";
  left: 0;
}

.icon-checkbox:before {
  background: #fff;
  border-radius: 3px;
}

.icon-checkbox--checked:after {
  background-image: url("../../images/texpac/checkmark.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.number-circle {
  height: 4rem;
  width: 4rem;
  display: inline-flex;         /* shrink to content */
  align-items: center;          /* vertical centering */
  justify-content: center;      /* horizontal centering */
  padding: 0.5em;               /* controls circle size relative to text */
  border: 2px solid #333;       /* circle border */
  border-radius: 50%;           /* makes it circular */
  aspect-ratio: 1 / 1;          /* ensures perfect circle */
  font-size: 1.5rem;            /* adjust text size */
}


    

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

h1,h2,h3,h4,h5{
    font-family:"Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#666d70;
	font-weight:500;
	line-height:1.1;
    margin-top:0;
}

h1{
    font-size:4rem;
}

h2{
    font-size:30px;
    border:none; /* overrides rise h2 underline */
}

h3{
    font-size:24px;
}

h4{
    font-size:18px;
}

hr {
    border-color: #c51e55;
    border-style: solid;
    margin-left: 20px;
    margin-right: 20px;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

/* STUFF TO KEEP BECAUSE IT WAS HARD */

/*  Creating a random bar of color before or after an element 

.header-top-container::after {
    position: absolute;
    content: "";
    display: block;
    height: 50%;
    width: 100%;
    background: #fff;
    margin-top: -4em;
}

.header-logo-container::after {
    position: absolute;
    content: "";
    display: block;
    height: 50%;
    width: 100%;
    background: #fff;
    margin-top: -4em;
}

.header-logo-container .WTZone::after {
    position: absolute;
    content: "";
    display: block;
    height: 50%;
    width: 2560px;
    background: #fff;
    margin-top: -4em;
    margin-left: 0px;
    left: -2559px;
}
*/