/* controls visible portion of top blue nav area */
@media (min-width: 768px) {
  .header-bottom-container {
    min-height: 45px;
  }
}

/* set AGA font */

h1, .h1, .PageTitle,
h2, .h2, .PanelTitle,
h3, .SectionTitle,
h4, .SectionLabel, h5,
h4, .h4, .SectionLabel,
h5, .SectionLabelSmaller,
h6, .h6,
* {
    font-family:'Poppins',sans-serif;
}

/* main site width adjustment */

.AGAauxNav #ste_container_ciUtilityNavigation,
.container,
.header-container,
.SliderPage1 {
  max-width: 1600px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup li {
  width:auto;
}

.AGAauxNav #ste_container_ciUtilityNavigation {
  text-align:right;
}

@media (min-width: 768px) {
  .header-bottom-container {
    position: relative;
    /* height:40px; */
    height: 55px;
    overflow:hidden;
  }
}
.AGAheaderRight {
  height:52px;
}

#hd {
  height: 0px;
  background-color: #fff;
}

.AGAauxNav {
    background:#cc3a2b;
    color: #ffffff;
    display: block;
    /* padding: 0.75rem 0; */
    padding: 0.55rem 0;
    line-height: 29px;
    /* height:48px; */
    height: 43px;
    font-size:18px;
    text-decoration:none;
}

.AGAauxNav a {
  text-decoration:none;
  font-weight: 500;
  color:#efffff!important;
}

.AGAauxNav a:hover {
  color:#fff!important;
}

.AGAauxNav .UtilityNavigation .account-menu > li > a {
  text-decoration:none;
  font-weight: 500;
}

.AGAauxNav .sign-in-link {
    /* margin-left: 10px; */
	    margin-left: 0.25rem;
}


/* blue background: #003da0; */

.AGAauxNav a {
    color:#fff;
}

#hd > div.header-top-container > div.ClearFix.header-bottom-container {  
    background: #003da0;
    width: 100%;
    display: block;
    /* margin-top: 100px; */
    margin-top: 93px;
}

#hd > div.header-top-container > div.ClearFix.header-bottom-container .rmLink {
    color: #ffffff;
    display: block;
    letter-spacing: normal !important;
    font-weight: 500;
    line-height: 1.285;
    padding: .25em 1.5em;
    text-decoration: none;
}

/* case-sensitive header link adjustments - may need tweaking if links are changed */
@media (min-width:768px) {

  /* #ctl01_ciPrimaryNavigation_NavControl_NavMenu > ul > li:nth-child(1) > a > span {
    margin-top:10px;
  }
  */
  /*#ctl01_ciPrimaryNavigation_NavControl_NavMenu > ul > li:nth-child(5) > a > span {
    margin-top:10px;
  }*/
}
.header-top-container {
    margin-top:48px;
    background:#fff;
}


.AGAHeaderRight .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink {
    font-size:18px;
    color:#000;
    font-weight:600;
    overflow:break-all;
    line-height:initial;
    text-transform:initial;
}

/* NEW ONE */

.RadMenu.RadMenu ul.rmHorizontal { 
    /* float: none; */
    display: table;
    line-height: 1.25;
    list-style-type: none;
    margin-top: -1px;
    margin-left: -3px;
}

/* END NEW ONE! */

.AGAHeaderRight .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem {  
    display: table-cell;
    vertical-align: middle;
    float: none !important;
    clear: none;
}

.AGAHeaderRight .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem:hover {
  background:#009fdf;
  /*border-top:0px;*/
}

.header-bottom-container {
    z-index: 2000!important;
    background:transparent;
}

@media (min-width: 768px) {
  .RadMenu.RadMenu_NaturalHeritageSites .rmItem {
    white-space: normal !important;
    text-align: center;
  }
}

.AGAtagline {
   font-size:19px;
  vertical-align: bottom;
  font-family:'Poppins',sans-serif;
  font-weight:500;
  margin-left:5px;
}

#ste_container_HeaderLogoSpan a {
  text-decoration:none;
  color:#003da0;
  line-height:27px;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmText,
.RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal .rmText,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmText {
  padding: 0;
  /*height:48px;*/
}

.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmSelected,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmExpanded,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink:hover,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink:focus,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmFocused {
                        /*         border-top: 0px solid #66ffcc;        */
                        /*         padding-top:3px;                */
}



/* -----------------  INSERT CUSTOM CSS HERE ---------------------*/

.UtilitySearch, .UtilitySTEToggle, .UtilityAuthentication, .UtilityTranslation, .UtilityPTSToggle {
    /* margin-left: 7.5px; */
    margin-right: .4em !important;
}

.NavigationLink {
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
}

.header-logo-container {
    float: left;
    margin: 0.85em 0;
    margin-left: -.3rem;
}










/* BUTTONS */

html:not(.t-safari) .btn, 
html:not(.t-safari) .TextButton,
html:not(.t-safari) .PrimaryButton, 
html:not(.t-safari) .SaveAndClose, 
html:not(.t-safari) .SaveAs,
html:not(.t-safari) .UsePrimaryButton .TextButton,
html:not(.t-safari) .UsePrimaryButton .TextButtonWithImage,
html:not(.t-safari) #masterHeaderActionArea a, 
html:not(.t-safari) .RadGrid input.PrimaryButton,
html:not(.t-safari) .Spotlight .TextButton, 
html:not(.t-safari) .BigButtonPanelArea2 .btn,
html:not(.t-safari) .RadUpload .ruButton, 
html:not(.t-safari) .ruButton, 
html:not(.t-safari) .ruFileInput {
  background: none !important;
  background-size: 100% 100% !important;
  color: #fff !important;
    padding: 0.7rem 1rem;
    font-size: 2.4rem!important;
  font-weight:400;
  background-color:#003da0!important;
  border-radius:0.8rem;
}

html:not(.t-safari) .PrimaryButton:hover, 
html:not(.t-safari) .SaveAndClose, 
html:not(.t-safari) .SaveAs:hover,
html:not(.t-safari) .UsePrimaryButton .TextButton:hover,
html:not(.t-safari) .UsePrimaryButton .TextButtonWithImage:hover,
html:not(.t-safari) #masterHeaderActionArea a:hover, 
html:not(.t-safari) .RadGrid input.PrimaryButton:hover,
html:not(.t-safari) .Spotlight .TextButton:hover, 
html:not(.t-safari) .BigButtonPanelArea2 .btn:hover,
html:not(.t-safari) .RadUpload .ruButton:hover, 
html:not(.t-safari) .ruButton:hover, html:not(.t-safari) .ruFileInput:hover {
    color: #fff !important;
    background-color: #002f7b !important;
}

.btn:hover, .btn:focus, .TextButton:hover, .TextButton:focus, .ruButton:hover, .ruButton:focus {
  transform: none!important;
}

/* footer styles */

.footer-nav-copyright,
.footer-content {
  background-color:#003da0;
}

#ste_container_FooterLinks {
  width:80%;
  float:left;
}

#ste_container_FooterLogo {
  width:20%;
  float:left;
}

#ste_container_FooterLinks ul {
  list-style:none;
  padding-left:0;
}

#ste_container_FooterLinks {
  text-align:left;
}

#ste_container_FooterLinks a {
  color:#fff!important;
  text-decoration:none;
  font-size:18px;
}

#ste_container_FooterLinks a:hover {
  text-decoration:underline;
  color:#65c5ed !important;
}

.backToTop {
  display:none;
}

#ste_container_FooterLogo img {
  max-width:200px;
}

.AGAtagline {
	display:none;
}

.footer-content {
  border-top:4px solid rgb(51, 100, 179)
}

.footer-content .container {
  margin-top:15px;
}

.footer-copyright,
.footer-copyright .ContentItemContainer{
  width:100%;
}

#ste_container_FooterCopyright,
#ste_container_FooterSocialIcons {
  width:50%;
}

#ste_container_FooterSocialIcons ul li {
  display:inline;
  float:right;
}

.AGAFooterSocialIcons path {
  fill:#fff;
}

.AGAFooterSocialIcons svg {
  margin-top:16px;
  margin-left:16px;
}

#ste_container_ciFooterContent2 {
  margin-top:24px;
  border-top:solid 1px rgb(222,226,230)
}

.text-muted {
  font-size:18px;
}

.AGAFooterCopyright {
  width:100%;
  float:right;
  text-align:right;
  margin-right:60px;
  margin-top:5px;
  font-size:1.3em;
  color:#fff;
}

.AGAMobileMenuTop ul {
  margin:0;
  padding:0;
  width:100%;
  height:auto;
  border-top:solid #d0d0d0 1px;
}
.AGAMobileMenuTop {
  height:55px;
  background:#f2f2f2;
  width:100%;
}

.AGAMobileMenuTop li {
  list-style:none;
  width:auto;
  float:left;
  text-align:center;
  width:33%;
}

.AGAMobileMenuTop li a {
  text-decoration:none;
  padding:15px 40px;
  font-size:1.3em;
  color:#666;
  line-height:55px;
}

.AGAMobileMenuTop li:nth-child(1),
.AGAMobileMenuTop li:nth-child(2) {
  border-right:solid #d0d0d0 1px;
}

.AGAMobileMenuTop li a:hover {
  background:white;
  border-right:solid #d0d0d0 1px;
}

.AGAMobileMenuBottom {
  background:#003da0;
  z-index:3001;
}

.AGAMobileMenuBottom img {
  max-width:300px;
  margin:0 auto;
}

.AGAMobileMenuBottom p {
  color:#fff;
  font-size:1.5em;
  width:100%;
  text-align:center;
}

.AGAMobileMenuBottom,
.AGAMobileMenuTop {
  display:none;
}

/* begin mobile responsive changes */

/* midway breakpoints mostly for top nav */

@media (max-width:1610px) {
  #hd > div.header-top-container > div.ClearFix.header-bottom-container .rmLink {
    margin:auto 15px;
  }

  /* #ctl01_ciUtilityNavigation_UtilityPlaceholder {
    float:left;
  } /*
  
}

@media (max-width:1450px) {
  #hd > div.header-top-container > div.ClearFix.header-bottom-container .rmLink {
    margin:auto 10px;
  }
}

@media (max-width:1360px) {
  #hd > div.header-top-container > div.ClearFix.header-bottom-container .rmLink {
    margin:auto 5px;
  }
}

@media (max-width:1275px) {
  #hd > div.header-top-container > div.ClearFix.header-bottom-container .rmLink {
    margin:auto 0px;
  }
}

@media (max-width:1275px) {
  #hd > div.header-top-container > div.ClearFix.header-bottom-container .rmLink {
    max-width:110px;
    font-size:1em;
  }
}

@media (max-width:900px) {
  #hd > div.header-top-container > div.ClearFix.header-bottom-container .rmLink {
    max-width:90px;
    font-size:.9em;
  }
}

/* small screen optimizations */

@media (max-width:768px) {
  .AGAauxNav .NavigationUnorderedList {
    display:none;
  }
  .AGAauxNav {
    background:#fff;
    width:20%;
    float:right;
  }
  #hd {
    min-height: initial;
  }
  #hd > div.header-top-container > div.ClearFix.header-bottom-container {
    margin-top:0px;
    background:#fff;
  }
  #ste_container_FooterLogo,
  #ste_container_FooterLinks {
    width:100%;
    float:left;
    text-align:center;
  }
  .header-top-container {
    margin-top:0px;
  }
  .navbar-toggle,
  .navbar-toggle .icon-bar {
    height: 7px;
    width:38px;
    border-radius: 0;
    background-color:#003da0;
  }

  .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 3px;
  }
  #ste_container_FooterLinks .nav.flex-column {
   display:none; 
  }
  #ste_container_FooterLinks,
  #ste_container_FooterLinks h5{
    margin-bottom:10px;
  }
  .AGAFooterCopyright {
    text-align:center;
    padding-left:120px;
  }
    #hd > div.header-top-container > div.ClearFix.header-bottom-container .rmLink {
    max-width:initial;
    line-height:50px;
    margin: auto 16px;
    color: #003da0;
    font-weight: 600;
    padding: 0;
    text-decoration: none;
    letter-spacing:.1px;
  }
  #hd > div.header-top-container > div.ClearFix.header-bottom-container .rmItem {
    border-top: 1px #d0d0d0 solid;
  }
  .navbar-collapse, .searchbar-collapse {
    background-color: #fff;
  }
  #ste_container_HeaderLogoSpan img {
    max-width:180px;
  }
  .AGAHeaderRight .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem:hover {
    /*                                 background:transparent;                               */
  }

  .AGAMobileMenuTop {
    display:block;
  }
  #ctl01_ciPrimaryNavigation_NavControl_NavMenu {
    border-bottom:solid #003da0 15px;
  }
  #ste_container_FooterCopyright {
    width:100%;
    text-align:center;
  }
  #ste_container_FooterSocialIcons {
    width:100%;
    float:left;
  }  
  #ste_container_FooterSocialIcons li {
    margin-right:21%;
  }
  #hd > div.header-top-container > div.ClearFix.header-bottom-container .rmLink {
    max-width:auto;
    font-size:1.3em;
  }
  .AGAauxNav a.AGASignInOut {
    color:#003da0!important;
    display:inline;
  }
  .AGAauxNav .UtilitySection {
    display:block;
    float:left;
  }
  .AGAauxNav #ste_container_ciUtilityNavigation {
    padding-left: 0px;
    padding-right: 0px;
  }
  /* style for when menu is toggled on 
  .navbar-toggle .icon-bar:nth-child(4) {
    display:none;
  }
  .navbar-toggle .icon-bar:nth-child(2) {
    transform:rotate(45deg);
    background-color:#000;
  }
  .navbar-toggle .icon-bar:nth-child(3) {
    transform:rotate(-45deg);
    background-color:#000;
  } */
}





/* TO DO - BREAKPOINTS FOR TOP NAV ON SCREEN SIZES BETWEEN MOBILE AND FULL */

/* TO DO, ONCE AGA MOBILE MENU WORKING AGAIN - FIX ICONS ON MOBILE MENU LINKS */
/*.fa-earth-americas*/