/* 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;
}

/* font-family: 'Days One', sans-serif; */
  
 .navbar-brand {
    font-family: 'Days One', sans-serif;
 }
 
 .text-center {
    font-family: 'Serrala', sans-serif;
 }
 
 .gold {
     color: gold;
 }

 .green-logo {
     color: green;
 }


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 Days One */
.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;
}



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

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


.fa-star-o {
  color: #ccc;
  }
  /* orange #ffa500 lime #32cd32; dodger blue #1e90ff */
.checked {
  color: #1e90ff;
}


a.detail {
  color: #0000ff !important;
  font-size:1.2em !important;
}


/* last updated 6/06/2022 */

.pagination {
  font-size:1.0em;
}
.pagination li {
  padding: 2px 2px 2px 2px;

}

.pagination .active{
  background-color:#fff;
}

.pagination a {
  color:#0000ff;
  border:1px solid #c0c0c0;
  padding: 0em .5em 0em .5em;
  border-radius:5px;

}


.pagination a:active {
  color:#0000ff;
  background-color:#fff;
}
.pagination a:visited {
  color:#0000ff;
}
.pagination a:hover {
  color:#00ff00;
  background-color:#fff;
}
  
/* last updated 11/03/2022 */

.card-body-icon {
  position: absolute;
  z-index: 0;
  top: -25px;
  right: -25px;
  font-size: 5rem;
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}

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

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


a.nav-link:hover {background-color: #64b5f6;}

/* blue 700 #1976d2 */
.nav-pills .nav-item .nav-link {
  background-color: #1976d2!important;
  border-radius: 0.25rem;
  margin: 4px 2px 2px 2px !important;
  /* background-color: #9c27b0 */
 /* background-color: #1D2731 !important;    width:100%;*/
 /* background-color: #33691e !important; /* nice green */
  color:#fff;

  font-size:1.0em;
}

/* blue 500 #2196f3 */
.nav-pills .nav-item .nav-link:hover {
	background-color: #2196f3 !important;
}

.nav-pills .nav-item .nav-link.active {
 /* background-color: #007bff !important; */ /* from the original Bootstrap 4 */
 background-color: #2196f3 !important;
 border-radius: 0.25rem !important;

}

/* blue 400 #42a5f5 */
.nav-pills .nav-item .nav-link.active:hover {
 /* background-color: #007bff !important; */ /* from the original Bootstrap 4 */
 background-color: #42a5f5 !important;

}

nav.navbar-light {
  padding: 1px 0px 1px 0px !important;
}

.my-3 {min-width:20em; max-width:20em; padding:2px;}
.card-text {font-size:.90em;}
.linko {color:#0000ff; font-weight:bold;}

/* for Artist Profile vids */

.vid-container {
	max-width: 514px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.vid-wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%;
} 
.vid-container iframe {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
} 

/* last updated 8/09/2023 */