@charset "utf-8";
/* CSS Document */
/* Gallery CSS Load*/

#foamiesGallery {
  background-color: #1ff3d3 !important;
}
#fidgiesGallery {
  background-color: #ffb412 !important;
}
#gemmiesGallery {
  background-color: #d442f9 !important;
}
#squishiesGallery {
  background-color: #ff41d5 !important;
}
#stuffiesGallery {
  background-color: #20f470!important;	
  /* background-color: #91e517 !important;*/
}
#gelliesGallery {
  background-color: #ffa810 !important;	
}

.gallery-header {
  text-align: center;
  margin-bottom: 25px;
}

  .gallery-title {
	font-family: 'rifficbold';  
    font-size: 2.5rem;
  }

@media (min-width: 768px) {
  .gallery-title {
    font-size: 2.5rem;
  }
}

/*.gallery-subtitle {
  font-family: 'rifficbold';	
  font-size: 24px;
  color: white;
  margin: 10px;
  text-align: center;	
}*/

.gallery-subtitle{
	font-family: 'Raleway';
  font-weight: 700;	
  color: #FFFFFF;
  font-size: 18px;
  line-height: 1.2;	
  margin: 10px;	
  display: inline-block;
  text-align: center; 
}

@media (max-width: 576px){
	.gallery-subtitle{
	font-size: 20px;
  	line-height: 1.25;	
}
}

.brandInfo{
	align-content: center;
	text-align: center;
}

.logoSML{
  	
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 150px;
}

@media (min-width: 768){
    .logoSML {
  height: 250px;		
}
}

@media (min-width: 992){
    .logoSML {
  height: 350px;		
}
}

.logoFoamies{
	background-image: url("../img/logos/foamies.png")
}

.logoFidgies{
	background-image: url("../img/logos/fidgies.png")
}

.logoGemmies{
	background-image: url("../img/logos/gemmies.png")
}

.logoSquishies{
	background-image: url("../img/logos/squishies.png")
}

.logoStuffies{
	background-image: url("../img/logos/stuffies.png")
}

.logoGellies{
	background-image: url("../img/logos/gellies.png")
}

.charNumber{
	font-family: 'Lato';
	font-size: 14px;
	font-weight: 700;
    color: #555555;
    text-align: right;
}

.charName{
	font-family: 'Lato';
	font-size: 14px;
	font-weight: 700;
    color: #555555;
    text-align: center;
}

.top-right {
  position: absolute;
  top: 3px;
  right: 8px;
}

.top-left {
  position: absolute;
  top: 5px;
  left: 5px;
}

.centered {
  position: absolute;
  left: 50%;
  bottom: -5px;	
  transform: translate(-50%, -50%);
}

.icoHolder{
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 25px;
	width: 25px;
}

.icoRareTeal{
	background-image: url("../img/icons/rar_teal.svg");
}
.icoRareOrg{
	background-image: url("../img/icons/rar_org.svg");
}
.icoRarePur{
	background-image: url("../img/icons/rar_pur.svg");
}
.icoRarePnk{
	background-image: url("../img/icons/rar_pnk.svg");
}
.icoRareGrn{
	background-image: url("../img/icons/rar_grn.svg");
}
.icoUltTeal{
	background-image: url("../img/icons/ult_teal.svg");
}
.icoUltOrg{
	background-image: url("../img/icons/ult_org.svg");
}
.icoUltPur{
	background-image: url("../img/icons/ult_pur.svg");
}
.icoUltPnk{
	background-image: url("../img/icons/ult_pnk.svg");
}
.icoUltGrn{
	background-image: url("../img/icons/ult_grn.svg");
}
.icoLtdTeal{
	background-image: url("../img/icons/ltd_teal.svg");
}
.icoLtdOrg{
	background-image: url("../img/icons/ltd_org.svg");
}
.icoLtdPur{
	background-image: url("../img/icons/ltd_pur.svg");
}
.icoLtdPnk{
	background-image: url("../img/icons/ltd_pnk.svg");
}
.icoLtdGrn{
	background-image: url("../img/icons/ltd_grn.svg");
}
.icoAstrGrn{
	background-image: url("../img/icons/asterik_grn.svg");
}