.glyph-svg{
  width:100%;
  height:100%;
}

.ais-search-box{
  width: 100%;
  text-align: center;
  /* margin-bottom: 20px; */
}

.ais-search-box--input{
  width: 65%;
  /* margin: 19px 25px 22px 25px; */
  background-color: rgba(0, 0, 0, 0.55);
  border: none;
  border-radius: 5px;
  font-size: 20px;
  color: #fff;
}

.resource-item figcaption .link-holder {
    max-height: 34px;
    overflow: hidden;
}

.search .resource-item{
  margin: 0 0 0 10px;
}

.flex-grid{
  padding-right:14px;
  padding-bottom:20px;
  overflow: hidden;
}
.search .fader{
  height:auto;
  border:6px solid #fafafa;
  border-radius:3px;
}

.fader img{
  -webkit-backface-visibility: hidden;
  border-radius:3px;
}

.fader img.swap1{
  position:relative;
}

.fader img.swap2{
  position:absolute;
  top:0;
}

#main.search{
  padding-top: 0px;
  width: 80%; /* fallback*/
  width: -webkit-calc(100% - 200px);
  width:calc(100% - 250px);
  margin-left:230px;
  padding:20px 15px 20px 15px;
  background-color: #fff;
  /* margin-top: 100px; */
  border-left: 1px solid #e6e6e6;
}

.top-banner.browse{
  height:238px;
}

.browse .title{
  margin-top:28px;
}
.search .sidebar{
  float:left;
  width:230px;
  min-height:500px;
}

.search .pagination{
  border-top:none;
  height:auto;
  width:100%;
  text-align: center;
  box-sizing: border-box;
  margin: 0;
  /* padding: 3px; */
  padding-right: 75px;
  padding-left: 0;
}

.search .pagination.small{
  width: 40%;
  margin: -5px 0 15px;
  padding: 0 15px 0 0px;
  text-align: right;
  box-sizing: border-box;
  float: right;
}

.search .pagination.small ul{
margin-left:10px;  
padding:0;
}

.search .pagination .ais-pagination--item__disabled{
  display:none;
}
.search .pagination a{
  border: 1px solid #c5c5c5;
  border-radius: 5px;
}

.search .pagination a:hover{
  background-color:#e8e8e8;
    color:#333;
}


.search .pagination.small a{
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  padding: 9px 14px;
  font-weight:normal;
  color:#666;
  font-size: 13px;
  font-weight: 600;
}

.search .pagination .ais-pagination--item__active a{
  background-color: #222326;
  border: none;
  color: white;
}
.search .pagination .ais-pagination--item__active a:hover{
  color:#333;
}


.ais-pagination--item{
  padding:6px;
}
  .small .ais-pagination--item{
    padding:4px;
  }
}
.search figcaption{
  /*background-color: white;*/
  font-size:15px;
  margin-bottom:5px;
  height:35px;
  
}

.flex-grid .price{
  /* position: absolute; */
  /* top: 80%; */
  /* right: 20px; */
  float: right;
  margin-top: 8px;
  background-color: #efefef;
  padding: 3px 10px 2px;
  border-radius: 3px;
  font-weight: bold;
}

.flex-grid .link-holder{
  width: 70%;
  padding-left:10px;
  padding-top: 7px;
  float: left;
}

.flex-grid.blog .link-holder{
  width:80%;
  line-height:1.6em;
  float: none;
}

.sidebar{
  padding: 5px 0px 15px 5px;
  box-sizing:border-box;
}


.sidebar .block{
  margin: 0 0;
  margin-left: px;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-top: 10px;
}

.sidebar h3{
  margin-left: 0px;
  text-transform: uppercase;
  font-size: 14px;
  padding-bottom: 6px;
  padding-top: 5px;
  letter-spacing: .5px;
  transform: scaleY(.9);
}

.sidebar .block span{
  opacity:.4;
  display:inline-block;
  padding-left:3px;
}

.result-count{
  position:absolute;
  top: 0px;
  right: 20px;
  font-size: 16px;
}

.tag-list .tag-item{
  display:inline-block;
  border:1px solid rgba(0,0,0,.2);
  padding:7px 8px;
  border-radius:3px;
  margin-right:8px;
  margin-bottom:7px;
  background-color:rgba(255,255,255,.8);
  font-weight:bold;
}

.sidebar .block .tag-item span{
  padding-left:0px;
  font-size:12px;
}

.tag-item a{
  text-decoration:none;
  color:rgba(0,0,0,.7);

}

.ais-menu--item__active.tag-item{
    border:2px solid rgba(0, 0, 0, 0.1);
    background-color:rgba(0, 0, 0, 0.07);
    color:rgba(0, 0, 0, 0.78);
}

.ais-menu--item__active.tag-item a{
    color:rgba(0, 0, 0, 0.8);
}

.search-bar{
  /* margin-top: 92px; */
  background-color:#222326;
  /* margin-bottom: -20px; */
  /* height: 79px; */
  padding: 19px 20px 18px 20px;
}

.search-bar input{
  width:100%;
  border-radius:0;
  background-color: #2d2f33;
  color:white;
  left: 0;
  padding: 13px;
  padding-left: 55px;
  /* border-bottom: 1px solid #989898; */
  box-sizing: border-box;
  /* padding: 9px; */
  right: 0;
  box-sizing: border-box;
  border-radius: 5px;
}

.search-bar .ais-stats{
  position:absolute;
  top: 35px;
  color: #969696;
  right:20px;
  width:200px;
}

.search-bar ::-webkit-input-placeholder {
   color: #dadada;
}
.search-bar :-moz-placeholder { /* Firefox 18- */
   color: #dadada;  
}
.search-bar ::-moz-placeholder {  /* Firefox 19+ */
   color: #dadada;  
}
.search-bar :-ms-input-placeholder {  
   color: #dadada;  
}

.search-bar input{background-image: url('data:image/svg+xml;utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022.997%2022%22%3E%0D%0A%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23ccc%3B%22%20d%3D%22M8.92%2C0C3.99%2C0%2C0%2C3.95%2C0%2C8.83c0%2C4.88%2C3.99%2C8.83%2C8.92%2C8.83%0D%0A%09c2.13%2C0%2C4.07-0.74%2C5.61-1.97c0.07%2C0.12%2C0.13%2C0.25%2C0.24%2C0.35l5.55%2C5.51c0.31%2C0.3%2C0.71%2C0.45%2C1.11%2C0.45c0.4%2C0%2C0.8-0.15%2C1.11-0.46%0D%0A%09c0.61-0.6%2C0.61-1.59%2C0-2.19l-5.55-5.51c-0.16-0.15-0.33-0.26-0.52-0.34c0.86-1.35%2C1.36-2.95%2C1.36-4.67C17.83%2C3.95%2C13.84%2C0%2C8.92%2C0z%0D%0A%09%20M8.92%2C2.72c3.4%2C0%2C6.17%2C2.74%2C6.17%2C6.11c0%2C1.14-0.33%2C2.25-0.94%2C3.23l-0.56%2C0.89l-0.79%2C0.63c-1.11%2C0.89-2.45%2C1.36-3.88%2C1.36%0D%0A%09c-3.41%2C0-6.17-2.74-6.17-6.11C2.75%2C5.46%2C5.51%2C2.72%2C8.92%2C2.72z%22%2F%3E%0D%0A%3C%2Fsvg%3E');background-position: left 20px top 16px;background-repeat:no-repeat;background-size: 18px;}

.refined-item{
  display:inline-block;
  text-align:left;
  border: 1px solid #dcdcdc;
  padding: 8px 8px 8px 11px;
  margin-right:10px;
  cursor: pointer;
  border-radius:2px;
}

.refined-item a{
  color:#555;
}
.refined-item a:hover{
  color:#333;
  text-decoration:none;
}

.refined-item:hover{
  border: 1px solid #aaa;
}

#refinements{
  width:40%;
  float:left;
}

#refine-search{
  float:left;

}
.ais-current-refined-values--list, .clear-refined{
  display:inline-block;
  }

  .refined-item .close{
    display:inline-block;
    padding-left: 5px;
    padding-right:3px;
    color: #b5b5b5;
    font-weight:bold;
    cursor: pointer;
    transform: scaleX(1.2);
    font-weight: normal;
  }

.clear-refined{
  color:#444;
}

#search-container{
  clear:right;
}

.menu-active{
  font-weight:bold;
}

.menu-active .ais-hierarchical-menu--item{
  font-weight:normal;
}

.menu-active.ais-hierarchical-menu--item{
  font-weight:bold;
}

.ais-hierarchical-menu{
  font-size:15px;
}

.ais-hierarchical-menu a{
  color:#444;
  padding-bottom:4px;
  display:inline-block;
  /* background-color: currentColor; */
}

.ais-refinement-list--label{
  font-size:15px;
  color:#444;
  display:inline-block;
  padding-bottom:5px;
}
.ais-hierarchical-menu--list__lvl0 > .menu-active.ais-hierarchical-menu--item{
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3e%3cpath fill='#444' d='M10,10 H90 L50,70'/%3e%3c/svg%3e") left center no-repeat;
  background-size:11px;
  background-position: left 0px top 4px;
  left:0px;
  padding-left:15px;
}

.ais-hierarchical-menu--list__lvl0 > .ais-hierarchical-menu--item{
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3e%3cpath transform='rotate(270 50 50)' fill='#ccc' d='M10,10 H90 L50,70'/%3e%3c/svg%3e") left center no-repeat;
  background-size:12px;
  background-position: left 1px top 2px;
  left:0px;
  padding-left:15px;
}

.link-holder a{
  height:14px;
  margin-bottom: 16px;
  font-size: 13px;
  padding-top:0;
  font-weight: bold;
  color: #444;
}

.price.freebie{
  font-size:12px;
  background-color:#83ab61;
  color:white;
}

.file-item{
  display:inline-block;
  border:1px solid #ccc;
  padding:10px 2px;
  width:25px;
  text-align:center;
  margin-right:5px;
  margin-bottom:5px;
  position:relative;
  z-index:1;
  overflow:visible;
  border-radius:2px 2px 2px 2px;
  cursor:pointer;
}

.file-item.active{
  color:#444;
  border:1px solid #444;
  font-weight:bold;
  background-color:rgba(255,255,255,.5);

}

.file-item::after{
  content:'';
  display:block;
  position:absolute;
  border-bottom:1px solid currentColor;
  border-left: 1px solid currentColor;
  border-top:1px solid #f7f7f7;
  border-right:1px solid #f7f7f7;
  width:5px;
  height:5px;
  top:-1px;
  right:-1px;
  z-index:100;
  overflow:visible;
  box-size:border-box;
}

.file-item::before{
  content:'';
  display:block;
  position:absolute;
  border-bottom:1px solid currentColor;
  top:1px;
  right:-1px;
  height:1px;
  width:7px;
  transform:rotate(45deg);
}

.combo-item{
  display:block;
  position: relative;
  padding:0;
  /* right:20px; */
  /* bottom:28px; */
  float: right;
  margin-top: 8px;
  border-radius:2px;
  overflow:hidden;
}

.combo-item span{
  padding:0;
  display:block;
  float:left;
  font-weight:bold;
}
.combo-item .free-half{
  padding:3px 6px 2px 12px;
  background-color:#83ab61;
  color:white;
}
.combo-item .paid-half{
  padding:3px 12px 2px 10px;
  background-color:#ddd;
}

.free-half:after{
  content:'';
  display:block;
  position:absolute;
  background-color:#83ab61;
  width:5px;
  height:100px;
  left:36px;
  top:-20px;
  transform:rotate(10deg)
}

.flex-grid.blog .link-holder a{
  font-size:18px;
  max-height: 3.3em;
  height: auto;
  /* float: none; */
  /* clear: both; */
  margin-bottom: 0;
  overflow: hidden;
}

.flex-grid .blog-summary{
  padding: 5px 10px 10px;
  font-size:14px;
  /* min-height:30px; */
  /* max-height:80px; */
  display:block;
  /* margin-top: 20px; */
  max-height: 3.1em;
  overflow: hidden;
}

.flex-grid.blog .blog-more{
  display: inline-block;
  border:1px solid #eee;
  width:100px;
  /* float: right; */
  position:absolute;
  border-radius:3px;
  text-align:center;
  right:20px;
  bottom: -35px;
  padding:3px;
  color:#777;
  background-color:#fafafa;
  box-sizing:border-box;
}

.flex-grid figcaption{
  position:relative;
}

.pagination {
	margin: 0px -35px;
	padding: 20px 40px;
	text-align: center;
	height: 17px;
	border-top: 1px solid #d0d0d0;
	position: relative;
	overflow: hidden;
	width: 818px;
}
.pagination a {
	font: bold 16px "lft-etica-n4", "lft-etica", Arial, sans-serif;
	position: relative;
	color: #676767;
	margin: 0px -2px;
	padding: 20px 29px;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	z-index: 10;
	background-color: #fff;
}
.pagination a.previous {
	border-left: none;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
}
.pagination a.next {
	display: block;
	border-left: none;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
}
.pagination a.previous, .pagination a.next{
	z-index: 0;
	width: 400px;
}
.pagination a.previous:hover, .pagination a.next:hover {
	display: block;
	border-left: none;
	z-index: 0;
	position: absolute;
}
.pagination strong, .pagination a:hover{
	font: bold 16px "lft-etica-n4", "lft-etica", Arial, sans-serif;
	color: #ffffff;
	margin:0px -2px;
	padding: 20px 29px;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	background-color: #313b41;
	z-index: 10;
	position: relative;
}