 @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

 html{
  font-size: 100%;
 }

 :root{
    --system-icon-color: #3588C0;
    --system-icon-color-hover: #104573;
    /* --auxiliary-nav-icon-color: hsl(0, 0%, 16%); */
 }

 body{
  background-color: #FCFAF5;
  
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #242627;

  background-image: url(images/header-watermark.png);
  background-repeat: no-repeat;
  background-position: top 10px right 10px;

  line-height: 24px;

 }

 a{
  color: #12B0A6;
 }
 a:hover{
  color: #104573;
 }


/******** typography **********/
h1{
  font-family: "Oswald", sans-serif;
}

h1, .h1, .PageTitle {
  font-size: 36px;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  color: #104573;
  letter-spacing: 1.44px;
  
} 

h2, .h2, .PanelTitle {
  font-size: 30px;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  color: #104573; 
}
h3, .h3, .SectionTitle {
  font-size: 24px;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  color: #104573;
}
 
h4, .h4, .SectionLabel {
  font-size: 20px;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  color: #104573;
}

h5, .h5, .SectionLabelSmaller {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: #104573;
}

h6, .h6 {
  
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: #104573;
  
}

/******* buttons **********/

label, .Label, .PanelFieldLabelFont{
  color: #000000;
}

input, button, select, textarea {
    font-family: "Roboto", sans-serif;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .input-fake{
  height: 30px;
  border-color: #C2C2C2;
  border-radius: 4px;
}

.btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton{
  background-color: #12B0A6;
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 6px;
  text-transform: uppercase;
}
.btn: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{
   background-color: #104573;
    border-color: #104573;
}

.PrimaryButton, .UsePrimaryButton .TextButton, .RadGrid input.PrimaryButton, .RadGrid.RadGrid input.TextButton.PrimaryButton, .RadGrid.RadGrid a.TextButton.PrimaryButton {
    background-color: #12B0A6;
    border-color: transparent;
}
.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: #fff;
}
.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: #104573;
    border-color: #104573;
}



/******************/ 

/* .wrapper{ 
  position: relative;
   
} */
/* .wrapper::after{
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  background-image: url(images/header-watermark.png);
  background-repeat: no-repeat;
  background-position: top 15px right 15px;
  z-index: 1;
   
} */

#hd {
    /* min-height: 13.3em; */
    background-color: transparent;
   background: linear-gradient(180deg, #FAFAFA 0%, rgba(250, 250, 250, 0.485577) 70%, rgba(250, 250, 250, 0) 100%);



}

    .header-bottom-container {
        background-color: transparent;
        
    }

.InternalHeaderArea {
    background: transparent;
    overflow: hidden;
}

 @media (min-width: 992px) {
    body:not(.Wrapper-HomePage) #hd, body:not(.Wrapper-HomePage) .InternalHeaderArea {
        /* min-height: 171px;
        height: 171px; */
        box-shadow: none;
    }
    body:not(.Wrapper-HomePage) .header-top-container #masterLogoArea{
      top: 5px;
    }
.nav-auxiliary .nav-aux-button .NavigationLink {
        background-color: transparent;
    }

    .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text{
text-indent: -99999px;
    }

}


/************/

.logoformobile{
  display: none;
}
.nav-auxiliary{
  font-size: 14px;
  font-family: "Oswald", sans-serif;
}
.navbar-header > div, .navbar-header > a, .navbar-header .NavigationUnorderedList, .navbar-header .NavigationLink{
  color: #242627;
  text-decoration: none;
}

.nav-auxiliary .nav-aux-button .nav-text{
  color: #242627;
}
.UtilityNavigation .account-menu > li > a, .UtilityNavigation .account-menu > li > a:hover, .UtilityNavigation .account-menu > li > a:visited, .UtilityNavigation .account-menu > li > a:active{
  color: #242627;
}
.UtilityNavigation .account-menu>li>a{
  font-weight: 400;
}
.account-toggle{
  /* background: rgba(0, 0, 0, 0.3); */
}
.account-toggle:focus, .account-toggle:hover {
    background: transparent;
}
.account-toggle:focus .nav-text, .account-toggle:hover .nav-text {
    color: #242627;
}
.account-toggle:focus .caret, .account-toggle:hover .caret{
  border-top-color: #242627;
}
.nav-auxiliary .dropdown-menu{
  border-radius: 6px;
}
.nav-auxiliary .dropdown-menu>li>a{
     color: #242627;
     text-decoration: none;
}

.header-container .nav-auxiliary .UtilityAuthentication a{
  font-size: 14px;
  font-weight: 400;
  color: #EEEBE2 !important;
  background-color: #12B0A6;
  border-radius: 3px;
  padding: 2px 10px;
  text-transform: uppercase;
}
.header-container .nav-auxiliary .UtilityAuthentication a:hover{
  background-color: #104573;
  color: #FEFCF8;
  text-decoration: none;
}
.donate a{
  font-size: 14px;
  font-weight: 400;
  color: #EEEBE2 !important;
  background-color: #12B0A6;
  border-radius: 3px;
  padding: 2px 10px;
  text-transform: uppercase;
}
.donate a:hover{
  background-color: #104573;
  color: #FEFCF8;
}
.UtilityAccountArea{
  vertical-align: middle;
}
.account-menu a.sign-in-link{
  font-size: 14px;
  font-weight: 400;
  color: #EEEBE2 !important;
  background-color: #12B0A6;
  border-radius: 3px;
  padding: 3px 10px;
  text-transform: uppercase;
}
.account-menu a.sign-in-link:hover{
  background-color: #104573;
  color: #FEFCF8;
}

.nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
      
    
    background: url(images/account-icon.svg) top center no-repeat !important;
}

/****/
 
.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink{
  
    color: #104573;
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 4%; 
    text-transform: uppercase;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmExpanded, .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink:hover, .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmFocused {
    background-color: transparent;
    color: #3588C0 !important;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmGroup.rmLevel1{
    background-color: #E1E7F0;
    box-shadow: 0px 4px 4px 0px #00000040;
     border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}


.RadMenu.RadMenu_NaturalHeritageSites .rmGroup {
    background-color: #E1E7F0;
    /* box-shadow: 0px 4px 4px 0px #00000040; */
    /* border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px; */
}
.RadMenu_NaturalHeritageSites .rmSlide .rmExpandRight, .RadMenu_NaturalHeritageSites .rmSlide .rmGroup a.rmLink.rmExpandRight{
  background-image: url(images/arrow-right.svg);
  background-position: right 10px center;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmTwoLevels .rmLevel1 > .rmItem > .rmLink{
  font-size: 14px;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmTwoLevels .rmLevel1 > .rmItem > .rmLink, .RadMenu.RadMenu_NaturalHeritageSites .rmTwoLevels .rmLevel1 > .rmItem.rmDisabled > .rmLink:hover, .RadMenu.RadMenu_NaturalHeritageSites .rmTwoLevels .rmLevel1 > .rmItem.rmDisabled > .rmLink:focus{
      color: #104573;
      font-weight: 600;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmTwoLevels .rmLevel2 > .rmItem > .rmLink{
  text-transform: none;
  color: #616161;
  font-weight: 400;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmTwoLevels .rmLevel2 > .rmItem > .rmLink:hover{
   color: #3588C0;

}



.RadMenu.RadMenu_NaturalHeritageSites .rmSlide ul.rmGroup{
 padding-top: 12px;
    padding-bottom: 12px;
    text-transform: uppercase;
    
}
.RadMenu_NaturalHeritageSites .rmSlide .rmLink{
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  color: #104573;
  font-weight: 600;
}
.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: #3588C0;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmText, .RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal .rmText, .RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmText{
  padding: 2px 15px;
}




.RadMenu.RadMenu_NaturalHeritageSites .rmToggle .rmIcon, .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmRootLink .rmToggle .rmIcon{
  background-image: url(images/arrow-right.svg);
  background-position: center center;
  margin: 7px;
}
/* .RadMenu.RadMenu_NaturalHeritageSites .rmLink:hover .rmToggle > .rmIcon, .RadMenu.RadMenu_NaturalHeritageSites .rmLink.rmFocused .rmToggle > .rmIcon, .RadMenu.RadMenu_NaturalHeritageSites .rmSelected > .rmLink .rmToggle > .rmIcon, .RadMenu.RadMenu_NaturalHeritageSites .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon, .RadMenu.RadMenu_NaturalHeritageSites .rmExpanded > .rmLink .rmToggle > .rmIcon, .RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmLink .rmToggle > .rmIcon{
  background-image: url(images/arrow-right.svg);
  background-position: center center;
} */


/**** footer *****/

#ft{
  background: url(images/footer-bg.jpg) top right no-repeat;
  background-size: cover;
}
#ft h4{
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}
.footer-content{
  background-color: transparent;
  font-size: 14px;
  font-family: "Oswald", sans-serif;
  padding-top: 40px;
  text-align: left;
}
.footer-nav-copyright{
  background-color: transparent;
}

 

.footerlinks{
  float: none;
  margin: 0px;
  padding: 0px;
  list-style: none;
  /* margin-bottom: 40px; */
  
}
.footerlinks ul{
display: flex;
flex-wrap: wrap;
margin: 0px;
padding: 0px;
}
.footerlinks li{
  margin: 0 0 3px 0;
  list-style: none;
  font-size: 14px;
  font-weight: 300;
  flex: 0 0 33%;

}
.footerlinks li a{
  color: #fff;
  text-decoration: none;
}
.footerlinks li a:hover{
  color: #fff;
  text-decoration: none;
}

.newsletter-wrap{
   display: flex;
   flex-wrap: wrap;
   margin: 40px 0 0px 0;
}

.smedia-links{
  float: none;
  margin: 0 0 20px 0;
  padding: 0px;
  list-style: none;
  flex: 0 0 33%;
}
.smedia-links ul{
  float: none;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.smedia-links li{
  margin: 0 10px 0 0;
  list-style: none;
  display: inline-block;
}
.smedia-links li a{
  margin: 0 0px 0 0;
}
.smedia-links li img {
    max-width: 32px;
}


.newsletterform{
  display: flex;
}

.newsletterform input[type="email"]{
    background-color: #104573;
    border: 1px solid #E1E7F0;
    border-radius: 3px;  
    padding: 0px 10px;
    width: 100%;
    height: 22px;
    color: #ffffff;
    flex: 1;
    margin-right: 5px;

}
.newsletterform input[type="email"]:focus{
  box-shadow: none;
} 

.newsletterform input[type="submit"]{
   font-size: 14px;
    font-weight: 400;
    color: #EEEBE2 ;
    background-color: #12B0A6;
    border: 0px;
    border-radius: 3px;
    padding: 0px 10px;
    line-height: 22px;
    text-transform: uppercase;

}
.newsletterform input[type="submit"]:hover{
    background-color: #104573;
    color: #FEFCF8;
}


.footer-logo{
  text-align: right;
}

.footer-nav-copyright{
  padding-bottom: 15px;
  font-size: 16px;
}
.footer-nav-copyright .footer-copyright {
    float: none;
    display: block;
    margin-right: 0px;
    margin-bottom: 0;
}
.footerAddress{
  float: left;
}
.footerCopyright{
  /* text-align: right; */
  float: right;
}

.backToTop{
  display: none;
}


/***** event registration ******/
  .SummaryFloat #masterContentArea{
      max-width: 100%;
      padding-left: 0;
      padding-right: 0;
      overflow: hidden;

}
.SummaryFloat #mainContentWrapper div > .row:first-child{
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}

.programSection{
  background-color: #F4EEE0;
  padding-top: 20px;
  padding-bottom: 10px;
  margin-bottom: -20px;
  
}
.programSection > .iMIS-WebPart{
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

  
 

.card{
  border-color: #C2C2C2;
 
}
.RegistrationArea {
 border-radius: 10px;
}
.RegistrationArea .h4{
  font-size: 24px;
  margin-bottom: 10px;
}
.RegistrationArea .MainRegistrantInfoSectionWrapper:has(.PreRegistrationArea){
  margin-bottom: 20px;
}
.RegistrationArea .MainRegistrantInfoSectionWrapper{
  border: 0px !important;
}
.RegistrationArea .PreRegistrationArea .card-body{
    flex-direction: column;
}
.RegistrationArea .PreRegistrationArea .card-body > .d-flex.flex-column{
  height: auto;
}
.RegistrationArea .PreRegistrationArea .Label{
  color: #000000;
  padding-left: 0px;
  padding-bottom: 15px;
  
}
.EventDisplay{
  color: #000000;
}
.EventSummary{
  background-color: transparent;
}

.EventSummary .PhotoArea{
  padding: 20px 0px 0 0;
  flex: 0 0 150px;
}

.EventDetails .ContactLocationArea{
  padding-bottom: 30px;
}

/*************/
/* .RadGrid_MetroTouch .rgRow>td, .RadGrid_MetroTouch .rgAltRow>td{
  border-color: #C2C2C2 ;
} */
.StandardPanel, .ContentBorder, h2, .PanelHead.Distinguish, .TitleBarCaption, div.ShowFieldset fieldset, .panel-border, .panel-heading.Distinguish{
  border-color: #C2C2C2 ;

}
.ProgramGroup .StandardPanel{
  border-radius: 10px;
  overflow: hidden;
}
 /* .ProgramGroup .PanelHead{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
} */

.ProgramGroup .PanelHead, .ProgramGroup .panel-heading{
  background-color: #3588C0; 
}
.ProgramGroup .PanelTitle, .ProgramGroup .panel-title{
  font-size: 18px;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
}

.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: 20px;
}

.RadGrid_MetroTouch .rgAltRow{
      background: #FCFAF5 !important;
}
.RadGrid_MetroTouch .rgAltRow>td{
  border-top-color: #C2C2C2 !important;
  border-bottom-color: #C2C2C2 !important;
}
.RadGrid.RadGrid_MetroTouch, .RadGrid.RadGrid_Metro{
  color: #000000;
} 

.ProgramItemSummary .ListItemTitle, .ProgramItemSummary .WhenData{
  /* padding-bottom: 7px; */
  font-size: 18px;
}
.ProgramItemSummary .ListItemTitle a, .ProgramItemSummary .WhenData a{
  color: #104573 !important;
  text-decoration: none !important;
}
.ProgramItemSummary .ListItemTitle a:hover, .ProgramItemSummary .WhenData a:hover{
  color: #3588C0 !important;
  text-decoration: none !important;
}
.ProgramItemSummary .Description{
  line-height: normal;
  margin-bottom: 10px;
}
.ProgramItemSummary .PanelField{
  padding-bottom: 0px;
}
.ProgramItemSummary .PanelField label, .ProgramItemSummary .PanelField .Label{
  width: auto;
}

/***** event registration end ******/

/***** Donate page ******/
 
  .DonatePage #masterContentArea{
      max-width: 100%;
      padding-left: 0;
      padding-right: 0;
      overflow: hidden;

}

.donate-nav{
  border-left: 1px solid #3588C0;
  margin-top: 80px;
  padding: 30px 0px 20px 20px;
}
.donate-nav ul{
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.donate-nav li{
  font-family: "Oswald", sans-serif;
  list-style: none;
  margin:  0 0 8px 0;
  font-size: 14px;
  color: #242627;
}
.donate-nav li a{
color: #242627;
text-decoration: none;
}
.donate-nav li a:hover{
  color: #104573;
}
 
.donate-login .SignIn{
   max-width: 100%;
}

.DonateSection2{
  background-color: #F4EEE0;
  padding-top: 40px;
  padding-bottom: 0px;
  margin-top: 40px;
  
}
.DonatePage .ButtonPanel{
  background-color: #F4EEE0;
}
.DonatePage .ButtonPanel .CommandBar{
  text-align: left;
  padding: 15px 15px 40px 15px;
  max-width: 1170px;
  margin: 0 auto;
}

.DonateSection .panel-body{
  padding: 0px;

}
.panel-heading.Distinguish{
  padding-left: 0;
  padding-right: 0;
}
.DonateSection label{
   font-weight: normal;
}
.DonatePage .radiobutton-buttons li{
  margin-top: 8px;
}
.DonatePage .radiobutton-buttons input[type="radio"]{
    appearance: auto;
    width: auto;
    height: auto;
    opacity: 1;
    position: unset;
    /* left: -9999px; */
}
.DonatePage .radiobutton-buttons input[type="radio"]+label{
   font-size: 16px;
   padding: 0px 0 0 10px;
   background-color: transparent;
   border: 0px;
}
.DonatePage .radiobutton-buttons input[type="radio"]:checked + label{
  background-color: transparent;
  color: #000000;
}
.DonatePage .radiobutton-buttons input:checked+label:after{
  display: none;
}

label#ctl01_TemplateBody_WebPartManager1_gwpciDonationCreator_ciDonationCreator_GiftAmount2{
  padding-top: 8px;
}
.donate-thumb{
  margin-top: 40px;
}

/***** Myaccount page ******/
 
  .myaccount #masterContentArea{
      max-width: 100%;
      padding-left: 0;
      padding-right: 0;
      overflow: hidden;

}
.acountSection3 {
    background-color: #F4EEE0;
    padding-top: 40px;
    padding-bottom: 0px;
    margin-top: 40px;
} 
.sysicon, button.sysicon{
  background-color: transparent;
}
.mini-profile-banner-large .mini-profile-name-section .SectionLabel, .mini-profile-banner-small .mini-profile-name-section .SectionLabel{
   font-size: 30px;
   font-family: "Oswald", sans-serif;
   
}
.member-profile .mini-profile-banner-large .mini-profile-name-section .SectionLabel, .member-profile .mini-profile-banner-small .mini-profile-name-section .SectionLabel{
color: #104573;
font-weight: 500;
}
.mini-profile-banner-large .mini-profile-name-section, .mini-profile-banner-large .mini-profile-address-section{
  background-color: transparent;
}



.stacked-tabs .select-tab{
  display: none;
} 
 
.ProfileLinks{
  border-left: 1px solid #3588C0;
   
  padding: 10px 0px 20px 20px;
}
.ProfileLinks ul{
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.ProfileLinks li{
  font-family: "Oswald", sans-serif;
  list-style: none;
  margin:  0 0 8px 0;
  font-size: 14px;
  color: #242627;
}
.ProfileLinks li a{
color: #242627;
text-decoration: none;
}
.ProfileLinks li a:hover{
  color: #104573;
}

/**** only for testing, remove before upload  ****/
#ctl01_TemplateBody_WebPartManager1_gwpciMyAccount_ciMyAccount_ContactAddress_RadTabStrip .rtsUL{
  display: block !important;
}
/*** end ***/
 
.heading-icon .panel-title, .heading-icon h3{
      color: #104573;
    text-transform: none;
    font-weight: 500;
}

.stacked-tabs .RadMultiPage .RadMultiPage{
  border-radius: 0 10px 10px 10px;
  box-shadow: none;
    margin-bottom: 40px;
    border: 1px solid #C2C2C2;
    margin-top: -1px;
}
.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch{
    font-size: 18px !important;
    font-weight: 700 !important;
    font-family: "Roboto", sans-serif !important;
}
.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected{
      background-color: #ffffff !important;
      border-color: #C2C2C2 !important;
      color: #104573;
      border-bottom: 1px solid #fff !important;
}
.RadTabStripTop_MetroTouch .rtsLevel1 .rtsLink{
  border-bottom: 1px solid  #C2C2C2!important;
}
.RadTabStrip_MetroTouch .rtsLevel1 .rtsFirst .rtsLink{
  margin-left: 0px !important;
}
.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink{
  border-color: #C2C2C2;
  margin: 2px 2px 0px 2px !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative;
  z-index: 99;
}
.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripTop .rtsLevel1{
  border-bottom: 0px;
}

.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink{
  background-color: #E9E3D4 !important;
  color: #104573;
}
.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink:hover{
  background-color: #ffffff !important;
  color: #104573;
}
.RadTabStrip_MetroTouch .rtsLevel1 .rtsLI.rtsLast .rtsLink{
 background-color: #12B0A6 !important;
  color: #fff;
}

.personaldetails .col-md-6, .profilebox  .col-md-6{
  width: 100%;
}
.personaldetails .PanelField .Label, .profilebox .PanelField .Label{
 width: auto;
}
.personaldetails .PanelField .Label::after, .profilebox .PanelField .Label::after{
  content: ':';
  padding-left: 2px;
}

 

/************ Responsive ****************/


 @media (min-width: 992px) {
.primary-navigation-area .MainMenu{
  text-align: right;
}
    .nav-auxiliary .nav-aux-button .NavigationLink:hover, .nav-auxiliary .nav-aux-button .NavigationLink:focus {
        background-color: transparent;
    }
 }
 
 @media (min-width: 768px) {
  .EventSummary .col{
  display: flex;
}
 

   .EventDetails .ContactLocationArea {
      margin-left: 197px;
   }
.DonatePage .radiobutton-buttons li{
  margin-right: 20px;
}

 }

@media (max-width: 991px) {
  body{
    /* background-image: url(images/header-watermark.png); */
    background-size: 120px;
  }
.logoforweb{
  display: none;
}
.logoformobile{
  display: block;
}

.hideformobile{
  display: none;
}
  
  .nav-auxiliary .nav-aux-button .NavigationLink{
    background-color: transparent;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .UtilityNavigationToggle{
    vertical-align: middle;
  }
  .navbar-toggle, .obo-toggle, .commandai-toggle, .ste-toggle, .batch-toggle, .transaction-date-toggle, .page-statistics-toggle, .list-toggle{
    width: 28px; 
    height: 28px;
    margin: 0px;
  }
  .navbar-toggle{
    background-color: #3588C0;
  }
  .navbar-toggle.collapsed{
    background-color: #3588C0;
  }
  .navbar-toggle:hover, .navbar-toggle:focus{
    background-color: #3588C0;
  }
  .navbar-toggle .icon-bar{
    width: 16px;
    height: 1px;
    background-color: #fff !important;
  }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px;
  }
  .header-container .nav-auxiliary .TextButton, .header-container .nav-auxiliary .navbar-toggle{
    vertical-align: inherit;
  }

}

@media (max-width: 767px){

  /***** footer  *******/
.footer-content{
    text-align: center;
  }
  .footerlinks li{
    flex: 0 0 50%;
  }
  .smedia-links{
    flex: 0 0 100%;
  }
  .newsletterbox{
            margin: 0 auto;
  }
  .footer-logo{
    text-align: center;
    margin: 40px 0 0 0;
  }
  .footer-logo img{
    max-width: 180px;
  }
  .footer-nav-copyright{
    margin-top: 15px;
  }
  .footerAddress{
    float: none;
    text-align: center;
    margin-bottom: 10px;
  }
    .footerCopyright{
    float: none;
    text-align: center;
  }
   /***** footer end *******/

   .EventSummary .PhotoArea{
    padding: 20px;
   }
   .EventSummary .Description{
    padding: 0 0 20px 0;
   }

}