/*----------------------------------*
 * GENERAL STYLING / RESET
 *----------------------------------*/
 body {
  overflow-x: hidden;
  height: 100%!important;

}
 
/*----------------------------------*
 * HEADER
 *----------------------------------*/
#hd {
  background-color: #003768 !important;
  height: 130px !important;
}

.header-container {
  height: 6vw !important;
}

.header-top-container {
  height: 10px !important;

}

img#headerLogo {
  max-height: 100px !important;
}

/* Sign In / Out links */
.sign-in-link,
.sign-out-link {
  background-color: #bf5b39 !important;
}

/* Thin orange liner below header */
.liner {
  background-color: #bf5b39 !important;
  height: 8px !important;
  max-width: 100vw !important;
}

/* Right-hand utility links */
.beforeNav {
  float: right !important;
  margin-top: -2px !important;
}

/* Navigation auxiliary styling */
.nav-auxiliary a {
  color: white !important;
}

.primaryNavigation.col-md-8.col-lg-8.pull-right {
  width: 100% !important;
  float: right !important;
  margin-left: 212px !important;
  margin-top: -33px !important;
}

/*Navigation fonts*/
.RadMenu.RadMenu_Austin .rmText, .RadMenu.RadMenu_Austin .rmHorizontal .rmText, .RadMenu.RadMenu_Austin .rmSlide .rmText a {
  font-family: sans-serif
}

/*OBO Section*/
.obo-actions a {
  color: rgb(1, 71, 97) !important;
}
/* easy edit section */
a.ste-toggle, .obo-toggle, .batch-toggle, .transaction-date-toggle, .page-statistics-toggle {
  background-color: rgba(255, 255, 255, 0.9);
 }

 .ste-toggle:hover{
  background-color: rgba(255, 255, 255, 0.9);

 }
a.ste-toggle, .obo-toggle, .batch-toggle, .transaction-date-toggle, .page-statistics-toggle:hover {
  background-color: rgba(255, 255, 255, 0.9);
 }
/*CCO fonts*/
.RadTabStrip .rtsLevel1 .rtsTxt, .RadTabStripVertical .rtsLevel1 .rtsTxt {
  font-family: sans-serif!important;
}
/*----------------------------------*
 * RAD MENU STYLING (Austin Theme)
 *----------------------------------*/
.RadMenu.RadMenu_Austin .rmRootLink.rmExpanded,
.RadMenu.RadMenu_Austin .rmRootLink:hover,
.RadMenu.RadMenu_Austin .rmRootLink.rmFocused {
  background-color: transparent;
  color: #fff;
}

.RadMenu.RadMenu_Austin .rmLink {
  color: #fff;
  text-decoration: none;
  display: block;
  position: relative;
}

.RadMenu.RadMenu_Austin .rmRootLink.rmSelected {
  color: #fff;
  background-color: rgb(75, 149, 183);
}

/*----------------------------------*
 * FOOTER
 *----------------------------------*/
.footer-content.ClearFix {
  height: 123px !important;
  background-color: #003768 !important;
}

/* 
div#ste_container_FooterCopyright {
  margin-left: -101px !important;
} */
/* 
div#ste_container_FooterLogoSpan img {
  margin-left: 200px !important;
  max-height: 90px !important;
  } */
  
  div#ste_container_FooterLogoSpan {
    margin-right: 50px !important;
  }
  div#ste_container_FooterLogoSpan img {
  display: block;
  margin-left: 0 !important;
  max-height: 100px !important;
}

/*----------------------------------*
 * PRIMARY NAVIGATION BACKGROUND
 *----------------------------------*/
#ste_container_ciPrimaryNavigation {
  background-color: #003768 !important;
}

/* Sitemap active/hover color: rgb(75, 149, 183) */

/*----------------------------------*
 * BUTTONS
 *----------------------------------*/
.PrimaryButton {
  background-color: rgb(193, 216, 230) !important;
  color: rgb(1, 71, 97) !important;
  font-weight: bold;
}

.PrimaryButton:hover,
.PrimaryButton:focus,
.PrimaryButton:active,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButton:active,
.RadGrid input.PrimaryButton:hover,
.RadGrid input.PrimaryButton:focus,
.RadGrid input.PrimaryButton:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton:active {
  color: #fff;
  text-decoration: none;
  background-color: rgb(173, 196, 210);
  border-color: rgba(0, 0, 0, 0);
}

/*----------------------------------*
 * TYPOGRAPHY
 *----------------------------------*/

 h1 {
   color: rgb(1, 71, 97) !important;
  font-family: "Calibri"!important;
  font-weight: bold !important;
  font-size:35px!important;
}


h2 {
   color: rgb(1, 71, 97)!important;
  font-family: "Calibri"!important;
  font-weight: bold!important;
  font-size: 30px!important;
}

h3 {
  color: rgb(1, 71, 97)!important;
  font-family: "Calibri"!important;
  font-weight: bold !important;
  font-size: 25px!important;
}

p {
font-family: 'Times New Roman', Times, serif;  
color: rgb(1, 71, 97);
}

li {
  font-family: 'Times New Roman', Times, serif;  
  color: rgb(1, 71, 97);
  }

.SectionLabel {
  color: rgb(1, 71, 97) !important;
}

/*----------------------------------*
 * TABS
 *----------------------------------*/
.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected,
.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
  border-color: transparent !important;
  color: rgb(75, 149, 183) !important;
  background-color: transparent !important;
}

/*----------------------------------*
 * CUSTOM MODULES
 *----------------------------------*/
div#WTZone4_Page1 {
  float: right;
  width: 100%;
  margin-right: -50px !important;
}

div#ctl01_ciPrimaryNavigation_PrimaryNavigationControl {
  margin-right: 392px;
}

/*----------------------------------*
 * RESPONSIVE: MOBILE (max-width: 767px)
 *----------------------------------*/
@media (max-width: 767px) {
  .RadMenu,
  .RadMenu .rmRootGroup {
    position: static !important;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    background-color: #003768;
    box-sizing: border-box;
    z-index: 1000;
  }

  .RadMenu .rmRootGroup[style] {
    left: 0 !important;
    top: 0 !important;
    position: static !important;
  }

  .RadMenu .rmItem {
    width: 100% !important;
    display: block;
  }

  .RadMenu .rmLink {
    display: block;
    width: 100%;
    padding: 14px 16px;
    text-align: left;
    color: #fff;
    background: #003768;
    border-bottom: 1px solid #ffffff33;
  }

  .RadMenu .rmLink:hover {
    background: #003768;
  }

  ul.rmRootGroup.rmToggleHandles.rmHorizontal {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }

  header#hd {
    max-width: 100vw !important;
    height: 150px !important;
  }

  img#headerLogo {
    margin-left: 15vw !important;
    max-height: 100px !important;
  }

  
}

/*----------------------------------*
 * RESPONSIVE: DESKTOP (min-width: 768px)
 *----------------------------------*/
@media (min-width: 768px) {
  ul.rmRootGroup.rmToggleHandles.rmHorizontal {
    margin-left: 40rem !important;
    margin-right: 0 !important;
    width: 100% !important;
    justify-content: center;
  }
}

 
/* @media (min-width: 768px) and (max-width: 2500px) {
  div#ste_container_FooterLogoSpan img {
    margin-left: 45% !important;
  }
} */
@media (max-width: 767px) {
  .RadMenu,
  .RadMenu .rmRootGroup {
    position: static !important;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    background-color: #003768;
    box-sizing: border-box;
    z-index: 1000;
  }

  .RadMenu .rmRootGroup[style] {
    left: 0 !important;
    top: 0 !important;
    position: static !important;
  }

  .RadMenu .rmItem {
    width: 100% !important;
    display: block;
  }

  .RadMenu .rmLink {
    display: block;
    width: 100%;
    padding: 14px 16px;
    text-align: left;
    color: #fff;
    background: #003768;
    border-bottom: 1px solid #ffffff33;
  }

  .RadMenu .rmLink:hover {
    background: #003768;
  }

  ul.rmRootGroup.rmToggleHandles.rmHorizontal {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }

  /* header#hd {
    max-width: 100vw !important;
    height: 150px !important;
  }

  img#headerLogo {
    margin-left: 15vw !important;
    max-height: 100px !important;
  } */

  
}

.EasyEditOn .NoContentSTEContainer, .EasyEditOn .EasyEditContent, .EasyEditOn .WebPartZoneDesignTime {
  margin:0em!important;
   border: 1px dashed #c7e4fd;
 
}

#ctl01_TemplateBody_WebPartManager1_gwpciMyAccount_ciMyAccount_radTab_Top{
  margin-bottom: 25px!important

}
.FooterLogoSection {
   float: left !important;
}

/* mobile updates */

@media (max-width: 767px) {


  /* Footer logo container and image centering */
  div#ste_container_FooterLogoSpan {
    margin: 0 auto !important;
    text-align: center !important;
    float: none !important;
  }
  div#ste_container_ciFooterContent2 {
   
    margin-left: 20% !important;
 }
 
}