/* custom CSS for Bootstrap 4 */

 /*
#0B3C5D Prussian Blue
#328CC1 Sky Blue
#D9B310 Gold Leaf > gold
#1D2731 Ivory Black
 */

body {
  padding-top: 54px;
}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

/* crate a neutral backround to prevent flash between slides. */

.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-inner>.item{
   /*disables white flash*/
   -webkit-transition: -webkit-transform .5s ease-in-out;
   -o-transition: -o-transform .5s ease-in-out;
   transition: transform .5s ease-in-out;
}

.carousel-inner{
   background: #333;
}

.gray {
    color:#999;
}

.portfolio-item {
  margin-bottom: 30px;
}

 a.soso {
    font-family: 'Montserrat', sans-serif;
     font-weight:400;
 }

 a.soso:link {
      color:white;
 }

 a.soso:visited {
     color:white;
 }

 a.soso:hover {
     color:silver;
 }
 
 a.soso-rss:link {
      color:orange;
 }

 a.soso-rss:visited {
      color:orange;
 }
 a.soso-rss:hover {
      color:#fff;
 }

 /* #328CC1 #00BBD3 */
 
 
.soso {
	font-family: 'Montserrat', sans-serif;
}
    
    /* background #EfEfFF font color: #171817; */
 body {
    font-family: 'Open Sans', sans-serif;
     font-weight:400;
     background-color: #fffff7;
     color:#1D2731;
 }
 
 h1, h2, h3, h4, h5, h6 {
     font-family: 'Roboto', sans-serif;
     font-weight:300;
 }
 
 .card-title, .title, .info-title {
    font-family: 'Roboto', sans-serif;
     font-weight:200;
 }
 
 /* #328CC1 sky blue */
 .card .card-header {
    border-radius: 3px;
    padding: 1rem 15px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -30px;
    border: 0;
  /*  background: linear-gradient(60deg, #eee, #bdbdbd); */
    background: linear-gradient(60deg, #328cc1, #0b3c5d);
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight:500;
}
 
 .navbar-brand {
    font-family: 'Montserrat', sans-serif;
 }
 
 .text-center {
    font-family: 'Open Sans', sans-serif;
 }
 
 .gold {
     color: gold;
 }

 .green-logo {
     color: green;
 }

 .psbrand {
	font-family:Raleway;  margin-top:0px; color:#373737;
}

.psbrand-sidenav {
	font-family:Montserrat;
}


.pssmall-bamboo {
	font-family:Raleway; font-size:.70em; color:#B2A378;
}

.pssmall-collabs {
  font-family:Raleway; font-size:.70em; color:#C5874B;
}

.pssmall-crew {
  font-family:Raleway; color:#CAB89A;
}

.pssmall-fern {
  font-family:Raleway; font-size:.70em; color:#4D472B;
}

.pssmall-palm {
	font-family:Raleway; font-size:.70em; color:#64804A;
}

 
.pssmall-twig {
	font-family:Raleway; font-size:.70em; color:#76633D;
}

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

ul.nav a:hover { background-color: #fff !important; }    

/* a.nav-link:hover {background-color: #ff00ff} */

/* a.nav-link:hover {background-color: #9938B2} */
/* lighter blue #7fbce1 */
a.nav-link:hover {background-color: #7fbce1;}

a.active {background-color: #7fbce1;}

/* 2025 top nav */

/* green 76953B */
/* ivory black 1d2731 */
.navbar.bg-dark {background-color: #1d2731 !important; }

.top-row {
  line-height: 27px;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
}

/* footer-menu.css */

/* background-color:#444 */
#footer-main {clear:both; margin:0 auto; background-color:#373D42; padding-top:10px;}
#navSuppWrapper {margin: 10px 5px 0;padding: 0;background:none;font-weight: bold;line-height:18px;} 
#navSuppWrapper a{color:#fffffd;font-weight:normal;}
dl {margin: 0 0 3px 0;padding:0;clear:both;height:160px;width:100%;}/*Adjust the height and width of the menu*/
dt {margin-bottom:.3em;font-weight:bold;}
dd {margin:0;padding:0;float:left;width:24.3%;}/*Column width of the menu - currently set for 4 columns*/
dd ul {margin:0;padding:0;list-style: none;}
dd li {margin:0;padding:0;}
dd li {margin:0;padding-left:2em;display:block;}
dd li a:hover {background:#7FBCE1;color:#fff;}

.footerMenuTitle {margin:0;padding-bottom:.8em;text-align:center;font-size:.9em;color:#fff;}
.first, .second, .third {border-right:1px dashed #fff; font-size:.7em;}
.fourth {font-size:.7em; color:#fff;}
#siteinfoLegal {padding: .5em 0 0;font-size: 0.7em;/*text-align:right;*/width:80%;
  line-height:normal;clear:both;color:#fffffd;margin-left:20px;float:left; background-color: #1D2731;}
#siteinfoLegal a {padding: 0 0.5em 0 0.5em;color: #5dc9e2;font-weight:bold;white-space: nowrap;}
#siteinfoLegal a:hover {color: #fffffd;}
.twitter-image {margin-right:10px;}
#social-media {float:right;margin-right:15px;margin-top:-20px;margin-bottom:20px;}
#bannerSix {margin-top:0px;margin-bottom:30px;}
#siteinfoIP{background-color:#edf9fb;padding-top:20px;}
.modules {width:95.7%;}
.soso-logo {font-family:'Montserrat', sans-serif; color:#66ff66; background-color:#1D2731; font-weight:300;}

.pix-credit {font-size:10px; font-style:italic; float:right;}

.hide {display:none;}
.white {color:#66ff66; font-weight:normal;}

/* new login */
div.well{
  height: 250px;
} 

.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

.Absolute-Center.is-Responsive {
  width: 50%; 
  height: 50%;
  min-width: 200px;
  max-width: 400px;
  padding: 40px;
}

#logo-container{
  margin: auto;
  margin-bottom: 10px;
  width:300px;
  height:30px;
  
}

#required-phone{
  display:none; font-family:Arial; font-size:10px;
}

/* footer elements */

#footerMain {
  width:100%; background-color:#6E4782; border-radius:5px 5px 0px 0px;
}

#navSuppWrapper {
  margin:10px 10px 10px 10px; background-color:#1D2731; border-radius:10px;
}

.signin-span {
  margin-left:1.5em; font-size:.80em;
}


/* Raleway for shorter names, Montserrat for longer ones */
/* dashboard logo */
/*  #51e2f5; */
.logo-brand {
  margin-right:1em; 
  margin-left:1em; 
  font-size:1em;
  color:   #51e2f5;
  font-family:Raleway;
  line-height:1;
  font-weight:100;
}

.badge-logo {
  background-color: #1D2731; 
  color: #ffffff; 
  font-size: 1em;
  font-weight:600;
}

.container-brand{
  height:2em;
}

img.brand {
  height:27px; width:auto;
}

.top-brand {
  height:35px;
}


.top-row {
  line-height:27px;
}