/* custom CSS for Bootstrap 4 */

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

body {
  padding-top: 54px;
}

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



.gray {
    color:#999;
}

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

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

 a.soso:link {
      color:black;
 }

 a.soso:visited {
     color:black;
 }

 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: 'Days One', sans-serif;
  background-color:#000;
}
    
    /* background #EfEfFF font color: #171817; */
 body {
    font-family: 'Sarala', sans-serif;
     font-weight:400;
     background-color: #fffff7;
     color:#000;
 }
 
 h1, h2, h3, h4, h5, h6 {
     font-family: 'Hammersmith One', sans-serif;
     font-weight:300;
 }
 
 .card-title, .title, .info-title {
    font-family: 'Hammersmith One', 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: 'Hammersmith One', sans-serif;
    font-weight:500;
}
 
 .navbar-brand {
    font-family: 'Days One', sans-serif;
 }
 
 .text-center {
    font-family: 'Serrala', sans-serif;
 }
 
 .gold {
     color: gold;
 }

 .green-logo {
     color: green;
 }

    
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;
  color: #fff !important;
}

/* ivory black 1D2731*/
/* mocha #5C2F27 */
/* mocha dark #3A170D */
.navbar.bg-dark {background-color: #1d2731 !important; }

.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;
}


/* footer-menu.css */

/* background-color:#444 */
#footer-main {clear:both; margin:0 auto; background-color:#5C2F27; 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: #000;}
#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:'Hammersmith One', sans-serif; color:#66ff66; background-color:#000; font-weight:300;}

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

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


.navbar-brand {
    padding: 0px;
  }

  .navbar-brand>img {
    height: 100%;
    padding: 0px;
    width: auto;
  }

  .default {
    color: #989898;
  }

  .warning {
    color: #FF9701;
  }

  .danger {
    color: #F44539;
  }

  .primary {
    color: #9B2BAE;
  }

  .info {
    color: #03BAD3;
  }
 
 .success {
   color: #4DAD51;
 } 

 /* for our round check icons */

 .included {
   color: #9B2BAE;
 }

.not-included {
  color: #cacaca;
}

/* dashboard logo */
.logo-brand {
  margin-right:1em; 
  font-size:1em; 
  color:#000; 
  font-family:'Days One';
  line-height:27px;
}

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

.top-brand {
  height:35px;
}

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

/* font logos */

/* 
* osage orange #F49E47;
* green #91938C
* antique white
*/

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

.psbrand-sidenav {
	font-family:Hammersmith One;
}


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

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

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

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

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

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


.pssmaller {
	font-family:Sarala; font-size:.70em;
}

.benchmarks {
	margin-top:30px; color:#000; font-size:.85em; font-family:Sarala;
}

fieldset.bodytext {
	background:#F49E47; padding:8px; border-radius:10px;
}

fieldset.introtext {
	background:#E7DDCC; padding:8px; border-radius:10px;
}

fieldset.title {
	padding:8px; border-radius:10px; border:solid #91938C 1px;
}

fieldset.tags {
	padding:8px; border-radius:10px; border:solid #91938C 1px;
}

legend.fieldset {
	margin-left:1em;
}

.white-text {
	font-size:1em; color:#fff;
} 

#dataTable th {
	width:10%; font-size:.9em; font-weight:bold;
}

#dataTable2 th {
	width:10%; font-size:.9em; font-weight:bold;
}

#dataTable3 th {
	width:10%; font-size:.9em; font-weight:bold;
}

#dataTable4 th {
	width:10%; font-size:.9em; font-weight:bold;
}

#dataTable5 th {
	width:10%; font-size:.9em; font-weight:bold;
}

#dataTable6 th {
	width:10%; font-size:.9em; font-weight:bold;
}

#dataTable7 th {
	width:10%; font-size:.9em; font-weight:bold;
}

h1 i {
  color:#c0c0c0;
}
h2 i {
  color:#c0c0c0;
}
h3 i {
  color:#c0c0c0;
}

h4 i {
  color:#c0c0c0;
}

smaller .gray {
  color: #c0c0c0;
}


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

.logo-brand {
  line-height:48px !important;
}

/*
.wild-bamboo {
  background-color: #12F398 !important;
}

.wild-bamboo-gradient-dark {
   background-color: #12F398 !important;
}

.wild-bamboo-gradient-light {
   bakcground-color: #FFEED1 !important;
}

.wild-bamboo-dark-shadow {
  background-color(rgba(160, 124, 64);
}

.wild-bamboo-light-shadow {
   197 163 108
}
background: linear-gradient(60deg, #FFEED1, #12F398);
box-shadow: 0 4px 20px 0px rgba(169, 124, 64), 0 7px 12px -5px rgba(197, 163, 108);

#1D2731 Ivory Black
#12F398 Wild Bamboo
#12F398 Wild Bamboo Darker
#A37E41 Wild Bamboo Dark
#FFEED1 Wild Bamboo Light

#2193F2 Material Design Blue 
#3733F4 Medium Blue 
#12F398 Medium Green

Mocha Color Scheme 
#DBA75B Mocha light 
#C3883D Mocha medium
#F6EDCE Mocha cream
#5C2F27 Mocha
#3A170D Mocha dark

*/

.mocha-light {
  background-color:#DBA75B;
}
.mocha-medium {
  background-color: #C3883D;
}
.mocha-cream {
  background-color: #F6EDCE;
}
.mocha {
  background-color: #5C2F27;
}
.mocha-dark {
  background-color: #3A170D;
}

.minty {
  background-color: #6ABFB0;
}

.minty-font {
  color: #6ABFB0;
}

.cobalt-suite {
  background-color: #3D4D7A;
}

.cobaltsuite-font {
  color: #3D4D7A;
}

.springsuite {
  background-color: #CA0D2F;
}

.springsuite-font {
  color: #CA0D2F;
}

.crmbamboo {
  background-color: #0AAEC5;
}

.crmbamboo-font {
  color: #0AAEC5;
}

.projectsuite {
  background-color:#76953B;
}

.projectsuite-font {
  color:#76953B;
}


.header-primary {
  background-color: #3A170D  !important;
  border-radius: 10px 10px 0px 0px;
  margin: 2em 1em 0em 1em;
  width:98%;
  color:#F6EDCE;
}

.bg-bamboo {
  background-color: #12F398 !important;
}

a.bg-bamboo:hover,
a.bg-bamboo:focus,
button.bg-bamboo:hover,
button.bg-bamboo:focus {
  background-color: #12F398 !important;
}

.card .card-header-primary,
.card.bg-bamboo,
.card.card-rotate.bg-bamboo .front,
.card.card-rotate.bg-bamboo .back {
  background: linear-gradient(60deg, #12F398, #A37E41);
}

.navbar.bg-bamboo {
  color: #fff;
  background-color: #12F398 !important;   
  box-shadow: 0 4px 20px 0px rgba(169, 124, 64), 0 7px 12px -5px rgba(197, 163, 108);
}


.navbar.bg-bamboo .dropdown-item:hover,
.navbar.bg-bamboo .dropdown-item:focus {
  box-shadow: 0 4px 20px 0px rgba(169, 124, 64), 0 7px 12px -5px rgba(197, 163, 108);
  background-color: #12F398;
  color: #2193F2;
}

.navbar.bg-bamboo .navbar-toggler .navbar-toggler-icon {
  background-color: #fff;
}

.text-dark {
  color: #2193F2 !important;
}




 /* footer element */

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

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

.bamboo-logo {
  background-color:#ffffff;
 }

ul.home-page-products {
  list-style: circle;
}

.modal-content {
  padding:1em;
}

.bg-bentley {
  background-color: #3D4D7A;
}

a.navlink:link{
  color:#001500;
}
a.navlink:visited{
  color:#001500;
}
a.navlink:hover{
  color:#fff;
}

.pix-widgit { text-align:left; width:60%; margin:auto; border:solid #efefef 1px; }
.pix-credit {color:#999; font-size:.80em; font-style:italic; float:right;}
.pix-caption {
	font-size:1.0em; float:left; }
 .font-logo {
    font-family: 'Days One', sans-serif;
 }

/* display ads */
.display-text {
  font-family: Arial, Helvetica, Monico sans-serif;

}

.display-text-title {
  font-family: Arial, Helvetica, Monico sans-serif;
  font-weight: 200;
}

/* deluxe rectangle */

.div-19rem {
	border:1px solid #efefef; margin-left:4rem; float:right; width:19rem; text-align:center;
}

.margin-tb0 {
	margin-top:0px; margin-bottom:0px;	
}

.nav-slogan {
  font-size:.90em; font-style:italic; font-weight:100; 
  color:#2193F2 !important; padding-right:2px;
}  

/* leaderboard */

.leaderboard {
	padding:0px 0px 0px 0px !important; width:100%;
}

.advert {
	background-color:#fff; text-align:center; font-size:.70em; color:#999;	
  font-family: Arial, Helvetica, Monico sans-serif;
}

.row-np {
	padding:0px, 0px, 0px, 0px;
}

.pl-2rem {
	padding-left:2rem !important;
}

.ad-brand {
  float:left;
	font-weight:bold;
  font-family: Arial, Helvetica, Monico sans-serif;
}

.cta {
float:right; z-index:2;	
font-family: Arial, Helvetica, Monico sans-serif;
}


.listing-title{
font-size:25px;
font-weight:bold;	

}

.pricebox {
  float:left;		
  width: 100px;
  height: 20px;
  padding: 5px 0px 5px 5px;
  border: 1px solid red;
  box-sizing: border-box;
  font-size:.90em;
  font-weight:bold;
  line-height:10px;
}

/* last updated 7/26/2021 */