@charset 'UTF-8';

video {
  width:100%;
}


.slab {
    min-height: 0;
    z-index: 1;
    vertical-align: middle;
  padding:2rem 0;
}

.slab h2 {
    font-size: 300%;
    text-align: center;
    color:#1E2A5B;
    line-height: 1.2;
}
.slab h3 {
    font-size: 200%;
}
.slab h4 {
    font-size: 175%;

}

.slab h5 {
    font-size: 1.11rem;
}
.slab p {
  font-size: 150%;
  line-height: 1.3;
}

.bg-cloud {
    background: url("/_resources/images/homepage/bg/blue_cloud.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}
.bg-cloud h2, .bg-cloud h3, .bg-cloud p {
    color: #fff;
}
.panel.no-bg {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.logo {
    background: rgba(0, 15, 75, 0.8);
    height:80px;
    display: table;
    width: 100%;
    position:absolute;
    z-index: 5;    
}

.logo img {
  /*height:40px;  
  margin-left:1rem;*/
  height:55px;
  margin-top: 12px;
}

.logo img.textonlylogo {
    height: 30px;
    margin: .5rem 0;
}

.logo .sm-icon {
  height:27px;
  /*margin-top: 0;*/
  cursor: pointer;
  float:right;
}
.home-links {
  /*padding-top:8px;
  margin-right:1rem;
  margin-bottom: .5rem;*/
  margin-top:.5rem;  
  max-width: 20rem;  
}

.home-links a{
  color: #fff;
  font-size: 125%;
  padding:0;
}

.home-links input {
  margin-bottom: 0;
}

.home-links .button {
  margin-bottom: 0;
}

#headerbar-sm {
    height:48px;
}

#home-give {
    height: 1rem;
    padding-top: 1px;
}

#home-give:hover {
    color:#485ebf;
	background-color:#fff;
}

#quicklinks-panel {
	background-color:#3b1322;
	border-bottom:1px solid #dedede;
}

#quicklinks-panel dl dd a {
	color:#fff;
	text-decoration:underline;
}

#quicklinks-panel dl dt {
	color:#fff;
}

.hero-text {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  /*bottom: 2.5rem; 
  padding-top: 0.5rem;
  margin: 3.5rem 0;*/
  margin:0;
  bottom:0;
  color: #fff;
  height: 9rem;
  overflow: hidden; 
  position: absolute;
  width: 100%;
}

.hero-text::before {
  filter: blur(2px);
}

.hero-text h2 {
    color: #fff;
    font-size: 2.25rem;
    line-height: 1;
    /*padding-top: 0.5rem;*/
}

.hero-text p {
  font-size: 1.4rem;
  line-height: 1.4;
}

.hero-text span {
  font-size: 80%;
  font-weight: bold;
}

.hero-text span a {
  color: #EBAC28;
}

picture {
  display: block;
}
.hero-container {
  position: relative;
  /*max-height:100vh;*/
  max-height: 85vh;
  width: 100%;
}

.slick-circles {
  /*position: relative;
  text-align: center;
  top: -12.5rem;
  height:1rem;*/
  bottom: 5rem;
  height: 1rem;
  position: relative;
  text-align: center;
}
.slick-circles.circles-top {
   bottom: 1.5rem;
}

#herotop.slick-slider {
  margin-bottom: 0;
}


#herotop .slick-prev, #herotop .slick-next {
  transform: translate(0,0);
  bottom: .5rem;
}


.slick-dots {
  line-height: 0;
}


.hp-circle-block img {
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    text-align: center;    
}

.hp-circle-block .forward-image img {
    border-width: 7px;
    border-style: solid;
}

.hp-circle-block h3 {
    color: #1e2a5b;
    font-size: 1.44444rem;
    font-style: italic;
    font-weight: 300;
    line-height: 1.6rem;
    margin: 0 auto;
    padding-bottom: 1rem;
    max-width: 14rem;
}

.hp-circle-block .button {
  /*background: #fff;*/
}

.preparing img {
  border-color:#84C241;
}

.building img{
  border-color:#F1635B;
}

.solving img{
  border-color:#25B1E6;
}

.forward-image {

}
.forward-image {
  max-width: 350px;
  max-height: 350px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: pointer;
}

.no-touch .forward-image .mask, .no-touch .forward-image .content {
  max-width: 350px;
  max-height: 350px;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  border-radius: 50%;
}

.forward-image img {
   display: block;
   position: relative;
}

.no-touch .forward-image a.info {

   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   /*width:20px;
   height:20px;*/  
   max-width: 350px;
  max-height: 350px;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.no-touch .forward-image.preparing a.info {
   background:url("/_resources/images/homepage/forward/prepover.gif") center no-repeat;  
}

.no-touch .forward-image.building a.info {
   background:url("/_resources/images/homepage/forward/buildover.gif") center no-repeat;  
}

.no-touch .forward-image.solving a.info {
   background:url("/_resources/images/homepage/forward/solveover.gif") center no-repeat;  
}

.no-touch .second-effect .mask {
   opacity: 0;
   overflow:visible;
   border:0px solid rgba(0,0,0,0.7);
   box-sizing:border-box;
   /*transition: all 0.2s ease-in-out;*/
}

.no-touch .second-effect a.info {
   position:relative;
   top:0;
   opacity:0;
   /*transform:scale(0,0);
   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;*/
}

.no-touch .second-effect:hover .mask {
   opacity: 1;
   /*border:150px solid #84C241;*/
}

.no-touch .second-effect:hover a.info {
   opacity:1;
   /*transform:scale(1,1);
   transition-delay:0.1s;*/
}
#academics .icon-search {
  padding: 0.85em .85rem;
}
#academics .icon-search:before {
  font-size: 1.5rem;
}
.forward-text-container {
    background: #fff none repeat scroll 0 0;
    color: #1e2a5b;
    font-size: 1.1rem;
    font-style: italic;
    font-weight: 300;
    line-height: 1.35rem;
    margin: 0 auto;
    max-width: 20rem;
    position: relative;
    text-align: left;
    top: -4rem;
}

.forward-text {
    background: rgba(0, 0, 0, 0) url("/_resources/images/homepage/forward/quotes_background.jpg") no-repeat scroll 0 0 / 100% auto;
    height: 11rem;
    margin: 0 auto;
    padding: 1.5rem 2rem;
}

.forward-text-container .button {
  margin-top: 1rem;
}

.forward-text span {
  text-align: right;
  font-size: 75%;
  float: right;
  padding-top:.5rem;
  padding-left: 3rem;
  font-weight: 400;
  line-height: 1.3;
}

#forwardtogether .hp-circle-block {
  height:600px;
  overflow: hidden;
}

.ath-slick-arrow-container{
  position: relative;
  text-align: center;
  top: -13.211rem;
  height:9rem;
  /*background: #0f0;*/
}
.ath-slick-circles {
  position: relative;
  text-align: center;
  /*top: -12.5rem;*/
  bottom:5rem;
  height:1rem;

}


.ath-banner {
  /*height: 14rem;
  color: #fff;  
  overflow: hidden;
  padding-top: 0.5rem;
  position: absolute;
  top: 60%;
  width: 100%;*/
  letter-spacing: -1px;
  bottom: 0;
  color: #fff;
  overflow: hidden;
  padding: 5rem 0;
  position: absolute;
  width: 100%;
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 25%, rgba(0, 0, 0, 0.5) 100%) repeat scroll 0 0;
}

.ath-banner h2 {
  color: #fff;
  font-family: "Source Sans Pro",Helvetica,​Arial,​sans-serif;
  font-size: 7vw;
  font-size: 7rem;
  font-weight: 600;
  line-height: 0.7;
  text-shadow: 0 -1px 13px rgba(0, 0, 0, 0.88);
}

.ath-banner p {
  color: #76bcf8;
  font-size: 3vw;
  font-weight: 600;
  line-height: 1;
  text-shadow: 0 0 10px rgba(0, 0, 0, 1);
}
.ath-banner .button {
  background: rgba(0, 50, 186, 0.6)  none repeat scroll 0 0;
  border: 1px solid #fff;
  margin-bottom: 0;
  margin-top: 0.5rem;
  padding: 0.5rem;
  letter-spacing: 1px;
}

.event-month {
  display: block; 
  /*margin:0 1rem; */
  font-size:1.2rem;
  background-color:#2879b1; 
  color:#fff;
}

.event-day {
  display:block;
  font-family: 'pt_sans_narrowregular',Helvetica,Arial,sans-serif;
  font-size: 2rem;
  /*margin:0 1rem; */
  border:1px solid #2879b1;
  color: #2879b1;
  background-color: #f1f6f9
}

.event h5 {
  margin:0;
  line-height: 1;
}

.news-img-container {

  /*-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;*/

}
.news-container {
  overflow: hidden;
  margin-bottom:.5rem
}
.news-content-container {
    height:100%;
}
.goverlay {
    background: rgba(255, 255, 255, 0) linear-gradient(to bottom, transparent 0%,rgba(255,255,255, 0.2) 0%, rgba(255,255,255, 0.9) 50%, rgba(255,255,255, 0.95) 100%) repeat scroll 0 0;
    bottom: 0;
    padding-bottom: 4.5%;
    position: absolute;
    text-align: left;
    width: 100%;
    z-index: 2;
    border-bottom:1px solid #ddd;
}

.news-content {
    position: relative;
}

.event-container {
    background: rgba(255, 255, 255, 0) linear-gradient(to bottom, transparent 0px,rgba(255,255,255, 0) 67px, rgba(255,255,255, 1) 68px, rgba(255,255,255,1) 100%) repeat scroll 0 0;
}

.event-container p, .news-container p {
	font-size: 1rem;
	color:#222;
}

.event {
	min-height:6rem;
}

  .event-container li {
    margin-bottom: 1rem;
    line-height: 1.2rem;
  }

  #newsevents .panel {
    height:615px;
  }


.button {font-size: 1rem;}

/*Buttons*/
.readmore {
  background: rgba(186, 148, 117, 0.6)  none repeat scroll 0 0;
  border: 1px solid #fff;
  margin-bottom: 0;
  margin-top: 0.5rem;
  padding: 0.5rem;
}

.imagine-location {
  font-weight:bold;border:2px solid #073D54;color:#073D54
}

.imagine-campus {
  font-weight:bold;border:2px solid #340754;color:#340754
}

.imagine-tour {font-weight:bold;border:2px solid #325407;color:#325407}

.imagine-learning {font-weight:bold;border:2px solid #004988;color:#004988}

.academic-college {background-color:#004988; border: thin solid #fff;
}

.academic-el {background-color:#340754; border: thin solid #fff;}

.academic-temecula {background-color:#073D54; border: thin solid #fff;}

.academic-lib {background-color:#325407; border: thin solid #fff;}

.forward-buttons {background-color:#004988;border:#ffffff solid 1px; font-style:normal}

.forward-learn {font-style:normal;font-weight:bold;border:2px solid #004988;background-color:#fff;color:#004988}

.forward-give {font-weight:normal;background-color:#004988;border:2px solid #ffffff}

.ath-button {background: rgba(0, 50, 186, 0.6)  none repeat scroll 0 0;
              border: 1px solid #fff;
              margin-bottom: 0;
              margin-top: 0.5rem;
              padding: 0.5rem;}

.social-button {background-color:#004988;border:#004988 solid 2px; font-style:normal; margin-left:5px}

.ne-button {background-color:#004988;border: 1px solid #fff;font-size:1rem}              


.hp-button {
  font-size: 1rem;
  border-style: solid;
}

.hp-fill-button {
  color:#fff;
  border-width: 1px;
  border-color: #ffffff;
  font-weight: normal;
  font-style: normal;
}

.hp-fill-button:hover { 
  /*font-weight: bold;*/
}

.hp-outline-button {
  border-width: 2px;
  font-weight:bold;
  background-color: #ffffff;
}

.hp-fill-button1, .hp-outline-button1:hover, .hp-circle-block:hover .hp-outline-button1 {
  background-color: #004988;
  color:#ffffff;
}

.hp-outline-button1, #forwardtogether .hp-fill-button1, #social .hp-fill-button1, .reveal-modal .hp-fill-button1 {
  border-color:#004988;
}

#forwardtogether .hp-fill-button1, #social .hp-fill-button1, .reveal-modal .hp-fill-button1 {
  border-width: 2px
}

.hp-fill-button1:hover, .hp-outline-button1 {
  background-color: #ffffff;  
  color:#004988;
}


.hp-fill-button2, .hp-outline-button2:hover, .hp-circle-block:hover .hp-outline-button2 {
  background-color: #073d54;
  color:#ffffff;
}

.hp-outline-button2 {
  border-color: #073d54
}

.hp-fill-button2:hover, .hp-outline-button2 {
  background-color: #ffffff;  
  color:#073d54;
}


.hp-fill-button3, .hp-outline-button3:hover, .hp-circle-block:hover .hp-outline-button3 {
  background-color: #325407;
  color:#ffffff;
}

.hp-outline-button3 {
  border-color: #325407
}

.hp-fill-button3:hover, .hp-outline-button3 {
  background-color: #ffffff;  
  color:#325407;
}


.hp-fill-button4, .hp-outline-button4:hover, .hp-circle-block:hover .hp-outline-button4 {
  background-color: #340754;
  color:#ffffff;
}

.hp-outline-button4 {
  border-color: #340754
}

.hp-fill-button4:hover, .hp-outline-button4 {
  background-color: #ffffff;  
  color:#340754;
}

.hp-fill-buttonherotop {
  background:rgba(186, 148, 117, 0.6);
  margin-bottom: 0;
  margin-top: 0.5rem;
  padding: 0.5rem;
}

.hp-fill-buttonherotop:hover {
  background:rgba(255,255,255,1);
  color:#735d4b;
}

.hp-fill-buttonath {
  background:rgba(0, 50, 186, 0.6);
}

.hp-fill-buttonath:hover {
  background:rgba(0, 50, 186, 1);
}



.icon-search:before {
  font-size:1.25rem;
}

.icon-search {
  position: absolute; 
  right: 0px; 
  color: rgb(0, 15, 75); 
}

.logolink {
  display:inline-block;
  position:relative;
  float:left;
}

.searchlink {
   display:inline-block;
   position:relative;
   float:right;
   width:48px;
   height:48px;
   padding:0;
   margin:0;
}

.menulink {
  z-index:10;
  display:inline-block;
  position:relative;
  float:right;
  width:48px;
  height:48px;
  background-color:rgba(0, 15, 75, 1);
  margin-right:-48px;
}

.reveal-modal.open {
  position:fixed;
  top:10%!important; /* override inline style injected from JS 
  left:50%;
  transform:translate(-50%, -50%);*/
}
@media only screen and (max-width: 64.063em) {
  .hero-text { height:7rem; }
  .hero-text h2 { font-size:1.5rem; }
  .hero-text p { font-size:.8rem; }
  .hero-container { max-height:90vh; }
  .logo {height:48px;background: rgba(0, 15, 75, 1);}
  .ath-banner {padding: 3rem 0;}
  .ath-banner h2 {font-size: 3rem;line-height: .8}
  .ath-banner p {font-size: 1.1rem}
  .ath-slick-circles {bottom:4rem;}
  .forward-text {padding: 1.5rem}
  .reveal-modal.open {top:0!important;}
  
  .footer-main a {
	padding-bottom:0.5rem;
	display:block;
  }
  
  .footer-address span {
	display:none;
  }
  
  #csu-logo {
      padding: 1.5rem 0 1.5rem 0;
  }
  
  
  
}



/*
@media only screen and (max-width: 64.063em) {
  .hero-text { height:7rem; }
  .hero-text h2 { font-size:1.5rem; }
  .hero-text p { font-size:.8rem; }
  .hero-container { max-height:90vh; }
  .logo {height:48px;}

}*/


.sprite {
display: inline-block;
width: 60px;
height: 60px;
overflow: hidden;
position: relative;
/*margin:0 .25rem;*/
}
         
.sprite img {
position: absolute;
width: 60px;
height: 120px;
top:-60px;
left:0;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
max-width: none;
}

 
.no-touch .sprite:hover img {
top: 0;
}

#social .icons ul {
  max-width: 25rem; 
}



.main-nav {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    z-index: 9999;
    background: transparent;
	transform:translateX(100%);
    transition-duration: 950ms; 

}     

.openNav .main-nav {
  visibility: visible;
  transform:translateX(0);
  transition-duration: 50ms; 
  overflow-x:hidden;
  overflow-y:scroll; 
} 

.main-nav-item-wrap {
  height: 100%;    
  position: relative;
  z-index: 2;
  background-size: cover;
}

.menu1 {
  transform:translateX(100%);
  transition-duration: 950ms;
  background-image: url('/img/homepage/menu/campus1_sm.jpg');
}

.openNav .menu1{
  transform:translateX(0);
  transition-delay:500ms;
  transition-duration: 250ms;
}

.menu2 {
  transform:translateX(100%);
  transition-duration: 950ms;
  background-image: url('/img/homepage/menu/campus2_sm.jpg');
}

.openNav .menu2{
  transform:translateX(0);
  transition-delay:375ms;
  transition-duration: 250ms;
}

.menu3 {
  transform:translateX(100%);
  transition-duration: 950ms;
  background-image: url('/img/homepage/menu/navband4_sm.jpg');  
}

.openNav .menu3{
  transform:translateX(0);
  transition-delay:250ms;
  transition-duration: 250ms;
}

.menu4 {
  transform:translateX(100%);
  transition-duration: 950ms;
  background-image: url('/img/homepage/menu/campus3_sm.jpg');
}

.openNav .menu4{
  transform:translateX(0);
  transition-delay:125ms;
  transition-duration: 250ms;
}

.menu5 {
  transform:translateX(100%);
  transition-duration: 950ms;
  background-image: url('/img/homepage/menu/campus4_sm.jpg');
}

.openNav .menu5{
  transform:translateX(0);
  transition-duration: 250ms;
}


.main-nav-item-wrap dl {
  padding-top: 8rem;
}



.close-panel{
  display: none;
}

.openNav .close-panel {
      position: fixed;
    display: inline-block;
    right: 1.3rem;
    top: 0.3rem;
    z-index: 99999;
    width: 2rem;
    height: 2rem;
    padding-top: 0.1rem;
}  

  .close-panel .icon-cross:before {
    font-size:1.5rem;
    color:#ffffff;
    padding:.25rem;
  }

.main-nav-wrap-bg {
  background:rgba(30,42,91,.8);
  height:100%;
  transition:background .3s cubic-bezier(.25,.25,.5,.5);
}

.no-touch .main-nav-wrap-bg:hover {
  background:rgba(30,42,91,.95);
}

.main-nav-item-wrap dd {
  margin:0;
}

.main-nav-item-wrap a {
  color:#fff;
  display: block;
  position: relative;
  padding:.15rem .15rem .5rem 2rem;
  text-decoration:underline;
}


.no-touch .main-nav-item-wrap a:hover {
  /*color:#fff;*/
}

.main-nav-item-wrap dt {
    margin-bottom: .5rem;
    font-size: 1.5rem;
    color: #ffffff;
    padding: 0 0 .0rem 2rem;
    font-weight: 400;
}

.main-nav-item-wrap dt a {
  font-size: 1.7rem;    
}

.main-nav-item-wrap:not(.close-panel-div):after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /*height: 30%;*/
    height:18%;
    max-height: 240px;
    background: linear-gradient(to bottom,rgba(30,42,91,.7) 0,transparent 100%);
    pointer-events: none;
    z-index: 2;
    transition: opacity .6s cubic-bezier(.25,.46,.45,.94) .2s;
}

.openNav .reveal-modal-bg {
  background-color: rgba(0,0,0,.5);
}

.logo {position: fixed;top:0;transition: top .3s ease-in-out;}
.nav-up {
  top:-100%;
} 

.site-wrapper {
  overflow-x: hidden;
}

.footer-link,.footer-link:visited { 
  color:#ffffff;
  text-decoration: underline;   
}

.footer-link:hover { 
  color:#F7B905; 
}

.footer-wrap span {
  color:#ffffff;
}

.footer-wrap {
  padding:1rem 0;
}

.footer-logo {
  float:left; 
  margin-right:1rem;
}

.footer-address {
   margin-top:-5px;
}
/*FIX FOR SMALL*/
html,body {overflow:visible;} 

/*FIX FOR SMALL*/
.no-scroll {
  overflow: hidden;
}    

.slick,.ath-slick {
    visibility: hidden; 
    /*background:url('/_resources/images/homepage/quotes_background.jpg') no-repeat center center / cover;*/
}
.slick.slick-initialized,.ath-slick.slick-initialized {
    visibility: visible;
    background:none;
}

.main-nav .row {
  max-width:100%; 
  height:100%;
  min-height: 725px;
}



@media only screen and (max-width: 64.063em) {
  
  #social .cta, #social .icons ul {text-align: center;float:none !important;max-width: 100%}
  html, body {
    /*prevent phone from horizontal scroll*/
    overflow-x:hidden; 
    -webkit-overflow-scrolling: touch;
  }
}
@media only screen and (max-width: 64.063em) {
  .openNav .main-nav {
      overflow-y: scroll;
      overflow-x: hidden;      
  }

  .main-nav .row {
    max-width:100%; 
    height:auto;
  }
  .main-nav-item-wrap dl {
    padding-top: 1rem;
  }

  .main-nav-item-wrap dt {
    margin-bottom: .5rem;
  }

  .main-nav-item-wrap:last-child {
    padding-bottom: 3rem;
  }

  .main-nav-item-wrap {
    background-position:0 25%;
  }
  #newsevents .panel {
    height:auto;
  }
  .slick-circles.circles-top {
     bottom: 1.2rem;
  }

  .main-nav-item-wrap dl {
    padding-top: 1rem;
  }

  .menu1, .openNav .menu1, .menu2, .openNav .menu2, .menu3, .openNav .menu3, .menu4, .openNav .menu4, .menu5, .openNav .menu5 {
    transition:none;
    background-image: none;
    background-color: #1E2A5B;
  }
  .openNav .main-nav {
    transition-duration: 200ms;
  }

  .main-nav-item-wrap:not(.close-panel-div):after {
    background: none;
    transition: none;
  }  

}
@media only screen and (max-width: 40em) {
  #herotop.slick-slider{
    position: relative;
    top: 19px;
    margin-bottom: 3rem;
  }
  .hero-text {
    position: relative;
    background: #222222;
  }
  .slab h2 {
    padding-bottom: 1rem;
    font-size: 200%;
  }
  .slick-circles.circles-top {
     bottom: 3rem;
  }  
  .footer-logo {
    float: none;
    margin-bottom: 1rem;
  }

}
html, body {
    /*prevent phone from horizontal scroll*/
    overflow-x:visible; 
    -webkit-overflow-scrolling: touch;
  }

      .infobuttons {
        
      }
      .utility {
        font-size:.9rem;
        padding: 0;
      }
      .utility .split.button.tiny {
        padding: .25rem 2rem .25rem .5rem;
        line-height: .5rem;
        margin: .25rem;
        background: #A6BCD5;
        color: #000000;
        font-size: .75rem;
        font-weight: 400;
        text-decoration: none;
      }
      .utility .split.button.tiny span {
        width:1.5rem;
      }
      .utility .button.tiny.givebutton {
            padding: .5rem 0 .5rem 0;
			line-height: .8rem;
			margin: -.25rem 0 .25rem .25rem;
			color: #ffffff;
			border: 1px solid #ffffff;
			height: 25px;
			font-size: .6rem;
			background: transparent;
			font-weight: 600;
			width: 4.1rem;
			letter-spacing: 3px;
			font-family: Helvetica;
      }
      .utility-wrapper {
        float: right;
		padding-top:4px;
      }
      #searchinput-hp {
        width: 100%;
        float: right;
        margin-top: 1rem;
      }

    .homelinks a {
      color:#FFFFFF;
      text-decoration: underline;
	  font-size:.85rem;
	  padding-left:0.4rem;
	  padding-right:0.4rem;
    }
	
	.homelinks {
		color:#fff;
	}


    .split.button span {
      border-left-color: rgba(0,0,0,0.5);
    }
    .split.button span:after {
       border-color: #000000 transparent transparent transparent;
    }
    .topnav {
      padding:0;
      margin-top:14px;
      text-align:center;
      background-color: rgba(0,0,0,.7);
	  height:38px;
    }

    .dd-title {
      font-size: 1.25rem;
      color:#fff;
      /*padding-right: 1rem;*/
      width: 100%;
      display: inline-block;
    }

    .dd-title:hover, .dd-title:visited, .dd-title:active {
		/*border-bottom: 3px solid #FFDF00; */
		color:#fff;
		
	}
	
	.dd-panel {
		background-color: rgba(0,0,0,.7);
		list-style: none;
		width: 100%;
		margin-left: 0;
		margin-top: 0;
		text-align: left;
		padding: 15px 0 5px 10px;
		border:1px solid #bababa;
		border-top: 3px solid #FFDF00;
		display:none;
	}
	
	.dd-panel-show {
		display:block;
	}
	
	
	
	.dd-panel li a {
		color:#fff;
	}

	.dd-panel li a:hover {
		color:#FFDF00;
	}
	
	
	
	
#dropwebmail li a, #drop li a {
	text-decoration:none;
	color:#485ebf;
}

#dropwebmail li a:hover, #drop li a:hover {
	text-decoration:underline;
	background-color:#fff;
}

.dd-title::after {
	border-top-style: solid;
    border-width: 0.3333333333rem;
    top: 48%;
    margin-left: -0.3333333333rem;
    border-color: #FFFFFF transparent transparent transparent;
    position: relative;
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    border-style: solid;
    top: .2rem;
    left: 1rem;
}

.dd-title.special::after {
	border-color: transparent transparent #FFFFFF transparent;
	top:-2px;
}


.dd-panel li {
	padding-bottom:1rem;
	line-height:1.25rem;
	margin-right:.6rem;
}
	
.logo {
	height:85px;
}

.logo-solid {
	background-color:rgba(0, 15, 75, 1);
}

.topnav-solid {
	background-color:rgba(0,0,0,1)
}

.panel-solid {
	background-color:rgba(0,0,0,1)
}