@charset "utf-8";
/* CSS Document */
#searchCustom {
    /* margin-top: 25px; */
    margin-bottom: 5px;
    z-index: 100;
    
}

.top-nav-social {
    background-color: transparent;
    border: none;
    margin-top: -18px;
    margin-right: -25px;
    margin-bottom: 2px;
}
.top-nav-social a {
    border: 2px solid transparent;
}
.top-nav-social a:focus,
.top-nav-social a:hover {
    border: 2px solid #000;
}
.top-nav-social a:focus,
.top-nav-social a:hover {text-decoration: none;}

/*----- Add :focus state for social media icons -----*/
.top-nav-social a.rss:focus {
    background-color: #ef922f;
    color: #fff;
}
.top-nav-social a.twitter:focus {
  background-color: #00aced;
  color: #fff;
}
.top-nav-social a.facebook:focus {
  background-color: #3b5998;
  color: #fff;
}
.top-nav-social a.youtube:focus {
  background-color: #bb0000;
  color: #fff;
}

.top-nav-social a.flickr:focus {
  background-color: #ff0084;
  color: #fff;
}

.top-home-link{
    color:#515151;
}
.top-home-link:focus, .top-home-link:hover{
    color: #355997;
    text-decoration: underline;
    
}

#mcg-seal {
    width: 51px;
   /* width:42px;*/
    height: auto;
    display: inline;
    /*margin-bottom: 7px;*/
}
#logo-mcg {
    line-height: 1;
    height: auto;
    display: inline-block;
    float: none;
    /* width: 100px; */
    margin-right: -15px;
  }
  
 

.mcg-nav-text {
    display: inline-block;
    padding-left: 5px;
    vertical-align: top;
    padding-top: 5px;
    /*margin-left: 20px;*/
    text-align: left;
    font-family: Lato;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #355997;
   }

.mcg-nav-text2 {
    display: inline-block;
    vertical-align: top;
    margin-left:-78px;
    text-align: left;
    font-family: Lato;
    font-size: 20px;
    font-weight: 700;
    color: #373737;
    width: 50%; /* adding the width made the heading appear as two lines instead of one*/
    margin-top:25px;
}

.mcg-nav-text3{
   display: inline-block;
    padding-left: 7px;
    vertical-align: top;
    padding-top: 0px;
    margin-left: 51px;
    text-align: left;
    font-family: Lato;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #515151;
    margin-top:-25px;
}


@media (max-width: 1011px) {
 .mcg-nav-text2 {
 font-size: 20px;
 margin-left:-77px;
 padding-top: 2px;
}

.mcg-nav-text3{
   margin-left: -157px;
    padding-top: 2px;
}
}


@media (min-width: 1012px) and (max-width:1199px) {
    .mcg-nav-text3{
    margin-left:-270px;
}

}




