/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
html {
  scroll-padding-top: 85px;
}

 .sheltergrid {
  width: auto;
  margin: 20px auto 0;
  
}

.shelterrow {
  margin-bottom: 10px;
  
}

.shelterrow .sheltercolumns {
  float: left;
}

.shelterrow .sheltercolumns-right {
  float: none;
}

.shelterrow .sheltercolumns-padding {
  padding: 0 !important;
}

.shelterrow .sheltercolumns:nth-child(odd) {
  
}

.shelterrow .sheltercolumns:nth-child(even) {
  
}

.one,
.two ,
.three,
.four,
.five,
.six,
.seven,
.eight ,
.nine, 
.ten,
.eleven,
.twelve {
  width: 100%;
}

@media only screen 
and (min-width : 480px) {
  .sheltergrid {
    width: 100%;
  }

  .shelterrow .sheltercolumns {
    float: left;
    
  }

  .shelterrow .sheltercolumns-right {
    float: right;
  }
  
  .one {
    width: 8.333333333%;
  }

  .two {
    width: 16.666666667%;
  }

  .three {
    width: 24%;
  }

  .four {
    width: 33.333333333%;
  }

  .five {
    width: 41.666666667%;
  }

  .six {
    width: 50%;
  }

  .seven {
    width: 58.333333333%;
  }

  .eight {
    width: 66.666666667%;
  }

  .nine {
    width: 73%; 
	margin-right: 30px;
  }

  .ten {
    width: 83.333333333%;
  }

  .eleven {
    width: 91.666666667%;  
  }

  .twelve {
    width: 100%;
  }
}
@media only screen 
and (min-width : 960px) {
  .sheltergrid {
    width: 100%;
  }
}
a.spcala-bluelink:link {
    margin-bottom:.8em;
}

#adoptList {
    clear: both;
    margin-bottom: 1em;
}
#adoptList p {
    line-height: 1.3em;
}

#adoptList ul {
    overflow: hidden;
    margin-left: 0px !important;
}
#adoptList ul {
    list-style-image: url(/wp-content/uploads/2013/02/bullet.png); 
    margin-left: 40px;
    font-family: "allerregular";
    font-size: inherit;
    margin-bottom: 30px;
}
#adoptList ul li {
    font-family: Open Sans;
    line-height: 1.5em;
    color: #666;
}
#adoptList ul li {
    text-align: center;
}
#adoptList ul li {
    display: inline;
    float: left;
    width: 33%;
    height: 100%;
    padding-left: 0px;
    list-style-image: none;
    list-style: none;
    min-height: 350px !important;
}
#s-search {
    border-top: 1px solid #0661a7;
    padding-top: 20px;
}
#adoptFilter {
    clear: both;
}
#adoptFilter .spcala-text {
    max-width: none;
    height: auto;
    border: 1px solid #bbb;
    line-height: 1.5em !important;
    padding: 3px;
    width:100%;
}
#adoptFilter p {
    padding-bottom: 6px;
}
#adoptFilter label {
    font-weight: 600;
    line-height: 1.3em;
}
ul.adoptNav li a {
    padding-left: 0px !important;
    margin-left: 0px;
    margin-right: 8px;
    float: left !important;
    display: block;
    width: 30% !important;
    text-transform: uppercase;
    font-family: "aller_displayregular" !important;
    background-color: #0661a7;
    font-size: 14px !important;
    text-align: center;
    float: left;
    color: #fff !important;
    padding: 10px;
    line-height: 20px !important;
    margin-bottom: 15px;
    text-decoration: none !important;
}

#html5lightbox-watermark {
    display: none !important;
}
.album-thumbnails a {
  /* set the desired width/height and margin here */
  width: 100px;
  height:100px;
  margin-right: 2px;

  position: relative;
  overflow: hidden;
  display: inline-block;
}
.album-thumbnails a img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.adoptHead #spcala-pet_info ul li {
    list-style-image: none;
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
    height: 40px !important;
    clear: both;
    overflow: hidden;
}


@media (max-width: 778px) {
	
	ul.adoptNav li a {width: 100% !important;}
	
	#spcala-pet_info div {margin-left: 0px !important;}
	
	
}
#content ul li.l-pets {
    width: 75%;
    float: left;
    clear: none;
    height: 180px;
    margin-right: 4%;
}
#spcala-strays ul li {
    list-style-image: none;
    list-style: none;
    margin-left: 0px;
    border-bottom: 1px #0661a7 solid;
    margin-bottom: 15px;
    padding-bottom: 55px;
}
#claiming-section {
  padding-top: 50px;
}