.entry-content hr {
    border-color: #e8e8e9;
    border-width: 2px;
}

img#intro-title {width:321px;height:165px;display:block;margin:40px auto 20px auto;}
#intro-hr {border-bottom:2px solid #2b4358;margin:0 auto 30px auto;width:85px;}
.entry-content h2 {color: #003366; font-size: 36px;}
.entry-content .h1-title { font-family: "black_jackregular",Georgia,serif; color: #b81226; font-size: 2.75em; }

@media(min-width: 480px) {
	.entry-content .h1-title { font-size: 3.75em; }
}


div.gamesgen .isotope .isotope-item { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s;}
div.gamesgen .isotope {-webkit-transition-property: height, width; -moz-transition-property: height, width;         transition-property: height, width;}
div.gamesgen .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity;    -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity;}
.sr-only {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.sr-only-focusable:active, .sr-only-focusable:focus {position: static; width: auto; height: auto; margin: 0; overflow: visible;clip: auto;}

div#isotope {margin-top: 20px;}

div.gamesgen input:focus, div.gamesgen a, div.gamesgen select, div.gamesgen button {outline:none;}
div.gamesgen button {border-radius: 0; text-transform: uppercase; background: #c74b4c; border: 0 none; margin: 2px auto; font-size: 1em; color: #fff; font-weight: 500;}
div.gamesgen button.btn { font-size: 1.2em; text-transform: none; white-space: normal;}
div.gamesgen .box button.btn {}
div.gamesgen .button-group {margin: 2px 0 15px; display:block; float:left; width: 100%; overflow: auto; text-align: center; }
div.gamesgen .button-group button {
	background: #81ae40;
	border-radius: 0;
	line-height: 1;
	padding: 10px 16px 8px;
	margin: 3px 10px 0;	
	float: none;
	}
div.gamesgen .button-group button:first-child {margin-left: 0;}

div.gamesgen .button-group.tag_theme button { background: #f3f3f4; color: #676767; border-radius: 5px!important; padding: 10px 6px 8px; margin: 3px 5px 0;  }
div.gamesgen button#clearall,
div.gamesgen button#shuffle {
  border: 0; 
  color: #1491c6; 
  border-bottom: 2px solid #1491c6;
  line-height: 1;
  padding: 0 0 2px;
  background: none!important;
  margin: 0 15px;
}
div.gamesgen .button-group.tag_price button { background: #fff; color: #676767; border-radius: 5px!important; border: 1px solid #e1e1e1; }

div.gamesgen button#clearall:hover, div.gamesgen button#shuffle:hover { 
    color: #b92029!important;
    border-color: #b92029!important;
}


.shuffleclearall { padding: 2px 0; text-align: center; }

div.gamesgen .button-add {margin: 2px 3px; display: inline-block;}
div.gamesgen .button-add:last-child {margin: 2px 0 2px 0;}
div.gamesgen .button-add:first-child {margin: 2px 3px 2px 0;}
div.gamesgen .button-add button {background: #81ae40; font-size: .9em; border-radius: 0; text-transform: uppercase; line-height: 1; padding: 8px 8px; margin: 2px -2px;}
div.gamesgen .button-add button:first-child {border-left: none;}

div.gamesgen button:hover, div.gamesgen button.active,
div.gamesgen button.is-checked { color: #fff!important; background: #1491c6!important; }

div.gamesgen button:hover { opacity: 0.7; }

div.gamesgen .box {border: 2px solid #dedede; border-radius: 0; background: #ffffff; padding: 15px; box-sizing: border-box; margin-bottom: 15px;  width: 240px; float: left; }
div.gamesgen .box img {display:block; margin: 0 auto 10px auto; border: none;}
div.gamesgen .box p {}

.img-icon {margin-top:10px;}



.entry-content.col-md-offset-1.col-md-10.col-lg-offset-2.col-lg-8 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media(min-width: 992px) {
  .entry-content.col-md-offset-1.col-md-10.col-lg-offset-2.col-lg-8 {  padding: 0 62.5px; }
}

div.gamesgen .box p.iso_source {font-size: .9em; text-transform: uppercase; margin: 5px 0 0;}
@media screen and (max-width : 767px) {
	div.gamesgen .box {width: 45%; }
	div.gamesgen .button-group.hidden-xs {display: none !important;}
}
@media screen and (max-width : 480px) {
	div.gamesgen .box {width: 92%; float: none; margin: 5px 15px;}
}


/* 2 year old gifts */

.grid-wrap { padding-top: 25px; margin-top: 25px; border-top: 2px solid #bcbec0; }

.grid p.iso-title { color: #b92028; font-size: 17px; line-height: 1.5; padding-bottom: 6px; text-align: left; margin-top: 20px; text-transform: uppercase; font-weight: 600; margin-bottom: 2px; }
.grid p.iso-desc {font-family: "Istok Web", sans-serif; color:#676767; margin-bottom:0; font-size: 15px;     margin-bottom: 40px;}
.grid p.iso-credit {font-family: "Proxima N W01 Light"; font-size:14px; font-style:italic; border-bottom:2px solid #e8e8e9;}

.grid p.iso-title a {
  text-decoration: none; 
  padding-bottom: 0;
  border-bottom: 2px solid #b92028;
  cursor: pointer;  

}

.grid p.iso-title:hover a,
.grid p.iso-title a:hover,
.grid p.iso-title a:active, 
.grid p.iso-title a:focus {
  color: #6a2329;
  border-color: #6a2329;
  cursor: pointer;
}

.responsive-image {
  max-width: 99%;
}

.cell img {
  display: block;
}

@media screen and (max-width: 450px) {
  .cell img {
    width: 340px;
    max-width: 100%;
  }
  
}


@media screen and (min-width: 450px) {
  .grid {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    margin: 0 -0.75rem;
  }
  .cell {
    width: 33%;
  }
  
  .cell {
    margin: 0 0.75rem;
  }  
}

@media screen and (min-width: 1000px) {
  .cell {
    width: calc(100% / 3 - 1.5rem);
  }


  .cell:nth-child(3n+2) {
     position: relative;
     left: 2px;
  }

  .cell:nth-child(3n+3) {
     position: relative;
     left: 4px;
  }

}