/*

Theme Name: Kitsap Humane Society

Description: Custom WordPress theme built exclusively for use on the Kitsap Humane Society website

Version: 1.0

Author: Christine Estrada via TRAY Creative

Author URI: http://www.traycreative.com

*/





/* RESET

 * Reset default browser CSS. Based on work by Eric Meyer: 

 * http://meyerweb.com/eric/tools/css/reset/index.html

 * ---------------------------------------------------------------------- */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	background: transparent;

	border: 0;

	margin: 0;

	padding: 0;

	vertical-align: baseline;
	overflow: visible;

}



article, aside, details, figcaption, figure, 

footer, header, hgroup, nav, section { 

  display: block; 

}



audio, canvas, video { 

  display: inline-block; *display: inline; *zoom: 1; 

}

audio:not([controls]) { 

  display: none; 

}



[hidden] { 

  display: none; 

}





body {

	line-height: 1;

}



h1, h2, h3, h4, h5, h6 {

	font-weight: normal;

}



ol, ul {

	list-style: none;

}



blockquote {

	quotes: none;

}



blockquote:before, blockquote:after {

	content: '';

	content: none;

}



del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}



/* float clearing */

.group:after {

	content: ".";  

 	display: block; 

 	height: 0; 

 	clear: both; 

 	visibility: hidden; 

}



.group {

	display: inline-block;

}



/* Hides from IE-mac */

* html .group {

	height: 1%;

}



.group {

	display: block;

}

/* End hide from IE-mac */









/* GENERAL TYPOGRAPHY

 * Styling for global typographical elements

 * ---------------------------------------------------------------------- */



body {

  font-family: Lato, sans-serif;

  font-size: 20px;

  font-weight: 400;

  line-height: 1.4;

  color: #514f4e;

  -webkit-text-size-adjust: 100%;

}



a {

  text-decoration: none;

  color: #008ab0;

}



a:hover {

  text-decoration: underline;

}



a.read-more {

  display: block;

  font-weight: bold;

  margin-top: 10px;

}



.button {

  display: inline-block;

  font-size: 16px;

  font-weight: bold;

  text-align: center;

  text-transform: uppercase;

  margin: 15px 0;

  padding: 6px 30px;

  border-radius: 4px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

  background-color: #f99d1c;

  color: #fff;

}



.button:hover {

  color: #f99d1c;

  background-color: #fff;

  text-decoration: none;

}



.button.secondary {

  display: block;

  font-weight: 300;

  font-size: 20px;

  max-width: 180px;

  padding: 6px 20px;

  background-color: transparent;

  border: 2px solid #008ab0;

  border-radius: 4px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

  color: #008ab0;

  cursor: pointer;

}



.button.secondary.center {

  margin: 0 auto;

}



.button.secondary:hover {

  color: #fff;

  background-color: #008ab0;

  text-decoration: none;

}



.cms-copy .button {

  display: inline-block;

  max-width: none;

  margin-right: 20px;

}



p {

  line-height: 1.6;

  margin-bottom: 10px;

}



.large {

  font-size: 20px;

  margin-bottom: 20px;

}



p.no-pad {

  margin-bottom: 0;

}



p.slab {

  font-family: 'OrgonSlab-Light', serif;

}



p.title {

  font-size: 32px;

}



p.white {

  color: #fff;

}



p.date {

  font-size: 13px;

  font-weight: 500;

}



h2 + p.date {

  margin-top: -20px;

  margin-bottom: 20px;

}



p.bio-title {

  font-size: 22px;

  font-weight: bold;

}



h1 {

  font-family: 'OrgonSlab-Bold', serif;

  font-size: 50px;

  font-weight: normal;

  color: #fff;

}



h1#foxyshop_category_title {

  font-size: 42px;

  font-weight: normal;

  margin-bottom: 20px;

  color: #008ab0;

}



h2 {

  font-family: 'OrgonSlab-Light', serif;

  font-size: 42px;

  font-weight: normal;

  margin-bottom: 20px;

  color: #008ab0;

}



h3 {

  font-family: 'OrgonSlab-Light', serif;

  font-size: 34px;

  font-weight: normal;

  margin-bottom: 20px;

  color: #008ab0;

}



h4 {

  font-size: 26px;

  font-weight: bold;

  margin-bottom: 20px;

  color: #008ab0;

}



.cms-copy h4 {

  margin-top: 25px;

}



h5 {

  font-size: 22px;

  color: #f99d1c;

}



.cms-copy h5 {

  margin-bottom: 15px;

}



.cms-copy p + h5 {

  margin-top: 25px;

}



h6 {

  font-size: 22px;

  margin-bottom: 10px;

  color: #008ab0;

}









/* SITE STRUCTURE

 * Structural elements

 * ---------------------------------------------------------------------- */

/* Accessible overflow fix
 */ 

body {

  width: 100%;

  min-width: 480px;

}



.content-container,

#foxyshop_container {

  position: relative;

  min-width: 440px;

  max-width: 1100px;

  margin: 0 auto;

  padding: 0 20px;

}



#foxyshop_container {

  margin-top: 45px;

  margin-bottom: 45px;

}



.mobile {

  display: block;

}



.desktop {

  display: none;

}









/* COMMON ELEMENT STYLING

 * Styling for common elements (column, etc)

 * ---------------------------------------------------------------------- */



.cms-copy ul {

  margin: 15px 0;

}



.cms-copy ul li {

  line-height: 1.4;

  padding-left: 10px;

  text-indent: -15px;

  margin-bottom: 10px;

}



.cms-copy ul li:before {

  font-family: 'serif';

  content: "•";

  padding-right: 6px;

  color: #f99d1c;

}



.cms-copy ol {

  margin-left: 0;

  padding-left: 0;

  list-style-type: none;

}



.cms-copy ol li {

  counter-increment: step-counter;

  margin: 10px 0 60px;

}



.cms-copy ol li::before {

  content: counter(step-counter);

  float: left;

  display: block;

  font-family: 'OrgonSlab-Light', serif;

  font-size: 32px;

  width: 60px;

  height: 53px;

  margin-top: 0;

  margin-right: 20px;

  text-align: center;

  line-height: 58px;

  color: #fff;

  background-image: url('images/bg_blue-circle.png');

  background-position: center top;

  background-repeat: no-repeat;

  background-size: 60px 53px;

}



.list-item {

  margin-bottom: 25px;

}



  .list-item:first-child {

    margin-top: 50px;

  }



  .list-item .number {

    float: left;

    display: block;

    font-family: 'OrgonSlab-Light', serif;

    font-size: 32px;

    width: 60px;

    height: 53px;

    margin-top: 0;

    margin-right: 20px;

    text-align: center;

    line-height: 58px;

    color: #fff;

    background-image: url('images/bg_blue-circle.png');

    background-position: center top;

    background-repeat: no-repeat;

    background-size: 60px 53px;

  }



  .list-item .content {

    margin-left: 90px;

  }



.cms-copy iframe {

  max-width: 100%;

}



.cms-copy h6 .alignleft {

  float: left;

  margin-top: 5px;

  margin-right: 5px;

}



.cms-copy .alignright {

  float: right;

  margin-left: 15px;

}



.cms-copy table {

  width: 100%;

}



.cms-copy table td {

  padding: 10px 0;

  border-top: 1px solid #a7a7a6;

}



.cms-copy table .shade td {

  background-color: #e2e2e2;

  border-bottom: 1px solid #a7a7a6;

}



#shelter-statistics .cms-copy table td {

  padding: 10px;

}



#shelter-statistics .cms-copy table tr:first-child td {

  border-top: none;

}



.columns-4 .column {

  float: left;

  width: 48%;

  text-align: center;

  margin-left: 4%;

  margin-bottom: 40px;

}



.columns-4 .column:first-child {

  margin-left: 0;

}





dl {

  clear: both;

}



dl dt {

  float: left;

  width: 150px;

  clear: left;

}



dl dd {

  float: left;

  clear: right;

}



span.paw {

  display: inline-block;

  width: 28px;

  height: 25px;

  margin: 0 10px;

  background-image: url('images/paw_orange.png');

  background-position: center 10px;

  background-repeat: no-repeat;

  background-size: 50% 50%;

}



span.paw.white {

  width: 64px;

  height: 63px;

  background-image: url('images/paw_white.png');

  background-position: center 25px;

}









/* HEADER STYLING

 * Styling for the header area of the site

 * ---------------------------------------------------------------------- */

 

header[role='banner'] {

  padding: 20px 0 10px;

}



  header[role='banner'] .social-media {

    margin-top: 5px;

  }



  header[role='banner'] .social-media a {

    display: inline-block;

    width: 35px;

    margin-right: 10px;

  }



  header[role='banner'] .social-media img {

    width: 100%;

    height: auto;

  }

  

  header[role='banner'] .logo {

    width: auto;

    height: 100px;
	
	  margin-bottom: -1rem;
	  margin-top: 0rem;

  }

  

    header[role='banner'] .logo img {

      width: auto;

      height: 100%;
		margin-top: 1rem;
		margin-bottom: -1rem;

    }

  

  header[role='banner'] .nav-trigger {

    position: absolute;

    top: 10px;

    right: 20px;

    width: 84px;

    height: 73px;

    background-image: url('images/icon_nav-trigger.png');

    background-size: 50% 50%;

    background-position: center center;

    background-repeat: no-repeat;

    cursor: pointer;

  }









/* FOOTER STYLING

 * Styling for the footer area of the site

 * ---------------------------------------------------------------------- */



.section-footer-banner .column {

  margin-top: 45px; 

}



.section-footer-banner .column img {

  max-width: 100%;

  height: auto;

}



.section-footer-banner .column:first-child {

  margin-top: 0;

}



.section-footer-banner form#search {

  position: relative;

}



  .section-footer-banner form#search input[type='text'] {

    width: 100%;

    padding: 10px 5px;

    border: 2px solid #a7a7a6;

    box-sizing: border-box;

      -webkit-box-sizing: border-box;

      -moz-box-sizing: border-box;

    border-radius: 4px;

      -moz-border-radius: 4px;

      -webkit-border-radius: 4px;

  }



  .section-footer-banner form#search input[type='submit'] {

    position: absolute;

    top: 8px;

    right: 10px;

    width: 21px;

    height: 21px;

    border: none;

    background: url('images/icon_search.png') center center no-repeat;

  }



.section-footer-banner .social-media {

  margin-top: 25px;

}



  .section-footer-banner .social-media a {

    display: inline-block;

    width: 35px;

    margin-right: 10px;

  }



    .section-footer-banner .social-media img {

      width: 100%;

      height: auto;

    }

    

  .section-footer-banner .newsletter-signup {

    position: relative;

    margin-bottom: 40px;

    padding-bottom: 40px;

    border-bottom: 1px solid #008ab0;

  }

  

  .section-footer-banner .newsletter-signup .disclaimer {

    font-size: 11px;

    position: absolute;

    bottom: 45px;

    left: 140px;

    width: 50%;

  }

  

  .section-footer-banner .newsletter-signup label {

    display: none;

  }

  

  .section-footer-banner .newsletter-signup input[type='text'] {

    width: 100%;

  }

  

  .section-footer-banner .newsletter-signup input[type='submit'] {

    font-family: Lato, sans-serif;

    font-size: 20px;

    text-transform: uppercase;

  }



footer[role='contentinfo'] {

  padding: 65px 0;

  background-color: #f8f8f9;

}



  footer[role='contentinfo'] .copyright {

    font-size: 13px;

    text-align: center;

    margin-top: 45px;

    padding-top: 25px;

    border-top: 2px solid #a7a7a6;

  }

  

  footer[role='contentinfo'] .credit {

    display: block;

  }

  

    





/* NAVIGATION STYLING

 * Styling for navigation

 * ---------------------------------------------------------------------- */



  /* TYPOGRAPHY: GLOBAL NAV

   * Global typography for nav elements

   * ---------------------------------------------------------------------- */



  .nav-primary a {

    font-size: 21px;

    font-weight: 400;

  }

  

    nav a:hover {

      text-decoration: none;

    }





  /* NAV STYLING: PRIMARY NAV

   * Styling for primary header nav

   * ---------------------------------------------------------------------- */



  .nav-primary {

    display: none;

  }



  .nav-primary #menu-primary-nav > li {

    position: relative;

    color: #fff;

    border-bottom: 1px solid #fff;

    background-color: #008ab0;

  }

  

  .nav-primary #menu-primary-nav > li a {

    display: block;

    padding: 8px 20px;

    color: #fff;

  }

  

  .nav-primary #menu-primary-nav > li.current-menu-item > a,

  .nav-primary #menu-primary-nav > li.current-menu-ancestor > a,

  body.single .nav-primary #menu-primary-nav .news > a,

  body.archive .nav-primary #menu-primary-nav .news > a {

    background-color: #f99d1c;

  }

  

  .nav-primary #menu-primary-nav .mobile.open {

    position: absolute;

    top: 15px;

    right: 30px;

    width: 30px;

    height: 18px;

    background: url('images/arrow_down.png');

    cursor: pointer;

  }

  

  .nav-primary #menu-primary-nav .sub-menu {

    display: none;

    background-color: #fff;

  }

  

  .nav-primary #menu-primary-nav .sub-menu a {

    color: #008ab0;

  }

  

  .nav-primary .donate {

    text-align: center;

    margin: 5px 0;

  }





  /* NAV STYLING: FOOTER NAV

   * Styling for footer nav

   * ---------------------------------------------------------------------- */



  .nav-footer a {

    font-size: 13px;

  }

  

  .nav-footer li {

    line-height: 1.2;

  }

  

  .nav-footer li.menu-item-has-children > a {

    font-weight: bold;

    color: #008ab0;

  }

  

  .nav-footer .column > ul {

    float: left;

    width: 50%;

  }

  

  .nav-footer .sub-menu {

    margin: 0 0 15px 15px;

  }

  

  .nav-footer .sub-menu a {

    color: #514f4e;

  }





  /* NAV STYLING: FEATURED LINKS

   * Styling for orange featured links

   * ---------------------------------------------------------------------- */



  .nav-featured-links {

    text-align: center;

    margin-bottom: 15px;

  }

  

  .nav-featured-links + .article-main {

    padding-top: 0;

  }

  

    .nav-featured-links .featured-link {

      position: relative;

      display: inline-block;

      vertical-align: top;

      width: 140px;

      margin: 0 3% 35px;

    }

    

    .nav-featured-links .featured-link .button-bg img {

      width: 120px;

      height: auto;

      margin: 0 auto;

    }



    .nav-featured-links .featured-link .icon {

      position: absolute;

      display: block;

      top: 23px;

      left: 38px;

      width: 60px;

      height: 60px;

      background-repeat: no-repeat;

      background-position: center center;

      background-size: 100% 100%;

    }

    

    .nav-featured-links .featured-link span {

      display: block;

      width: 100%;

      font-size: 20px;

      font-weight: 400;

      text-transform: uppercase;

      text-align: center;

      color: #f99d1c;

    }

    

    .nav-featured-links .featured-link .icon. {

      background-image: url('images/icons/.png');

    }





    .nav-featured-links .featured-link .icon.adopt {

      background-image: url('images/icons/adopt.png');

    }



    .nav-featured-links .featured-link .icon.alarm {

      background-image: url('images/icons/alarm.png');

    }



    .nav-featured-links .featured-link .icon.animalcontrol {

      background-image: url('images/icons/animalcontrol.png');

    }



    .nav-featured-links .featured-link .icon.availablepets {

      background-image: url('images/icons/availablepets.png');

    }



    .nav-featured-links .featured-link .icon.bank {

      background-image: url('images/icons/bank.png');

    }

    

    .nav-featured-links .featured-link .icon.barncat {

      background-image: url('images/icons/barncat.png');

    }



    .nav-featured-links .featured-link .icon.blog {

      background-image: url('images/icons/blog.png');

    }



    .nav-featured-links .featured-link .icon.bone {

      background-image: url('images/icons/bone.png');

    }



    .nav-featured-links .featured-link .icon.calendar {

      background-image: url('images/icons/calendar.png');

    }



    .nav-featured-links .featured-link .icon.communityservice {

      background-image: url('images/icons/communityservice.png');

    }



    .nav-featured-links .featured-link .icon.contact {

      background-image: url('images/icons/contact.png');

    }



    .nav-featured-links .featured-link .icon.contactus {

      background-image: url('images/icons/contactus.png');

    }



    .nav-featured-links .featured-link .icon.corpsupport {

      background-image: url('images/icons/corporate.png');

    }



    .nav-featured-links .featured-link .icon.euthanasia {

      background-image: url('images/icons/euthanasia.png');

    }



    .nav-featured-links .featured-link .icon.eventcalendar {

      background-image: url('images/icons/eventcalendar.png');

    }



    .nav-featured-links .featured-link .icon.fostercare {

      background-image: url('images/icons/fostercare.png');

    }



    .nav-featured-links .featured-link .icon.gift {

      background-image: url('images/icons/gift.png');

    }



    .nav-featured-links .featured-link .icon.history {

      background-image: url('images/icons/history.png');

    }

    

    .nav-featured-links .featured-link .icon.howtoadopt {

      background-image: url('images/icons/howtoadopt.png');

    }



    .nav-featured-links .featured-link .icon.in-kinddonations {

      background-image: url('images/icons/in-kinddonations.png');

    }



    .nav-featured-links .featured-link .icon.jobs {

      background-image: url('images/icons/jobs.png');

    }



    .nav-featured-links .featured-link .icon.leadershipteam {

      background-image: url('images/icons/leadershipteam.png');

    }



    .nav-featured-links .featured-link .icon.licensing {

      background-image: url('images/icons/licensing.png');

    }



    .nav-featured-links .featured-link .icon.lost_foundpets {

      background-image: url('images/icons/lost_foundpets.png');

    }



    .nav-featured-links .featured-link .icon.media {

      background-image: url('images/icons/media.png');

    }



    .nav-featured-links .featured-link .icon.neuter {

      background-image: url('images/icons/neuter.png');

    }



    .nav-featured-links .featured-link .icon.news {

      background-image: url('images/icons/news.png');

    }



    .nav-featured-links .featured-link .icon.othergive {

      background-image: url('images/icons/other_ways.png');

    }



    .nav-featured-links .featured-link .icon.partneradoption {

      background-image: url('images/icons/partneradoption.png');

    }



    .nav-featured-links .featured-link .icon.plannedgiving {

      background-image: url('images/icons/plannedgiving.png');

    }



    .nav-featured-links .featured-link .icon.publications {

      background-image: url('images/icons/publications.png');

    }



    .nav-featured-links .featured-link .icon.ribbon {

      background-image: url('images/icons/ribbon.png');

    }



    .nav-featured-links .featured-link .icon.scheduleasurgery {

      background-image: url('images/icons/scheduleasurgery.png');

    }



    .nav-featured-links .featured-link .icon.sign2 {

      background-image: url('images/icons/sign2.png');

    }



    .nav-featured-links .featured-link .icon.specialevents {

      background-image: url('images/icons/specialevents.png');

    }



    .nav-featured-links .featured-link .icon.vaccinations {

      background-image: url('images/icons/vaccinations.png');

    }



    .nav-featured-links .featured-link .icon.vet {

      background-image: url('images/icons/vet.png');

    }



    .nav-featured-links .featured-link .icon.volunteer {

      background-image: url('images/icons/volunteer.png');

    }



    .nav-featured-links .featured-link .icon.wishlist {

      background-image: url('images/icons/wishlist.png');

    }

    .nav-featured-links .featured-link .icon.car {

      background-image: url('images/icons/car.png');

    }



    .nav-featured-links .featured-link .icon.shopmerch {

      background-image: url('images/icons/shop.png');

    }

    .nav-featured-links .featured-link .icon.fundraiseanimals {

      background-image: url('images/icons/fundraise.png');

    }



  /* NAV STYLING: PAGINATION

   * Styling for blog pagination

   * ---------------------------------------------------------------------- */



  .nav-pagination {

    text-align: center;

    margin: 65px 0;

  }

  

  .nav-pagination .prev {

    float: left;

  }

  

  .nav-pagination .next {

    float: right;

  }

  

  

  



/* SECTION STYLING

 * Styling for section content

 * ---------------------------------------------------------------------- */



  section.bg-gray {

    background-color: #f8f8f9;

  }

  

  section.bg-orange {

    background: #f99d1c url('images/bg_dots.png');

  }

  

    section.bg-orange p {

      color: #fff;

    }

    

    section.section-tagline {

      padding: 40px 0;

    }

    

    section.bg-orange .tagline {

      font-size: 52px;

      text-transform: uppercase;

      text-align: center;

      margin-bottom: 0;

    }

    

  section.with-pad {

    /*padding: 65px 0;*/

    padding: 30px 0 50px 0;

  }

  

  section.with-border {

    border-top: 2px solid #a7a7a6;

    border-bottom: 2px solid #a7a7a6;

  }

  

  section.with-border-top {

    border-top: 1px solid #a7a7a6;

  }

  

  section.with-border-bottom {

    border-bottom: 1px solid #a7a7a6;

  }

  

  section .with-sidebar aside {

    border: 1px solid #999;

    border-radius: 4px;

      -webkit-border-radius: 4px;

      -moz-border-radius: 4px;

    color: #fff;

    background: #f99d1c url('images/bg_dots.png');

  }

  

  section .with-sidebar aside .content {

    padding: 20px;

  }

  

  section .with-sidebar aside .image {

    margin-bottom: 35px;

  }

  

  section .with-sidebar aside img {

    max-width: 100%;

    height: auto;

  }

  

  section .with-sidebar aside.blue {

    background: #008ab0 url('images/bg_dots.png');

  }



  section .with-sidebar aside.no-bg {

    background: transparent;

    border: none;

  }

  

  section .with-sidebar aside.no-bg h1,

  section .with-sidebar aside.no-bg h2,

  section .with-sidebar aside.no-bg h3,

  section .with-sidebar aside.no-bg h4,

  section .with-sidebar aside.no-bg h5 {

    color: #f99d1c;

    margin-bottom: 0;

  }

  

  section .with-sidebar aside.no-bg p {

    color: #514f4e;

  }

  

  section .with-sidebar aside h1,

  section .with-sidebar aside h2,

  section .with-sidebar aside h3,

  section .with-sidebar aside h4,

  section .with-sidebar aside h5 {

    color: #fff;

    margin-bottom: 10px;

  }

  

  section .with-sidebar aside p {

    color: #fff;

    line-height: 1.2;

    margin-bottom: 15px;

  }

  

  section .with-sidebar aside a {

    color: #fff;

  }

  

  .section-panel {

    padding-bottom: 65px;

  }

  

  .section-panel.bio h4 {

    margin-bottom: 0;

  }

  

  .section-panel.bio img {

    max-width: 100%;

    height: auto;

  }

  

  .featured-post {

    margin-top: 40px;

  }

    

  .featured-post img {

    max-width: 100%;

    height: auto;

    border: 1px solid #a7a7a6;

  }

  



  /* SECTION STYLING: SIDEBAR

   * Styling for sidebar content

   * ---------------------------------------------------------------------- */



  .section-sidebar {

    margin-bottom: 60px;

  }

  

  .section-sidebar ul {

    margin-bottom: 35px;

  }

  

    .section-sidebar ul li {

      margin-bottom: 5px;

    }

    

    .section-sidebar ul li a {

      font-size: 18px;

      font-weight: 300;

      color: #514f4e;

    }

    

    .section-sidebar ul li.current-cat a {

      font-weight: 400;

    }

    

    .section-sidebar select {

      font-family: 'Lato', sans-serif;

      font-weight: 300;

      font-size: 16px;

      padding: 12px;

      width: 100%;

      box-sizing: border-box;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

      border: 2px solid #a7a7a6;

      border-radius: 4px;

        -moz-border-radius: 4px;

        -webkit-border-radius: 4px;

      background-color: #fff;

      color: #514f4e;

    }

    

    .section-sidebar img {

      display: block;

      max-width: 100%;

      height: auto;

      margin: 0 auto;

    }





  /* SECTION STYLING: SPECIAL EVENTS

   * Styling for section events

   * ---------------------------------------------------------------------- */



  section.special-events .columns-4 {

    margin-top: 50px;

  }

  

  section.special-events h4 {

    margin-bottom: 5px;

  }

  

  section.special-events img {

    margin-bottom: 20px;

  }

  

  section.special-events .date {

    font-size: 16px;

    font-weight: 600;

  }





/* ARTICLE STYLING

 * Styling for articles

 * ---------------------------------------------------------------------- */



.article-main {

  padding-top: 45px;

}



.addthis_toolbox {

  margin: 25px 0;

}



.article-excerpt {

  margin-bottom: 35px;

}



  .article-excerpt.pet-of-the-week .read-more {

    display: none;

  }



  .article-excerpt.pet-of-the-week .content {

    font-size: 20px;

  }

  

  .article-excerpt .read-more {

    display: inline;

    font-weight: normal;

    color: #f99d1c;

  }



  .article-excerpt .adopt-me-now {

    display: block;

    font-weight: normal;

    color: #f99d1c;

  }

  

    





/* PAGE STYLING

 * Styling for specific pages

 * ---------------------------------------------------------------------- */



  .header-page {

    position: relative;

    height: 350px;

    border-bottom: 1px solid #999;

    background-image: url('/wp-content/uploads/2015/03/home_hero.png');

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

  }



    .header-page .fade {

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 460px;

      z-index: 100;

      background: url('images/fade.png') center center no-repeat;

    }

  

    .header-page h1 {

      padding-top: 120px;

    }



    .header-page .slide-content {

      position: absolute;

      bottom: 0;

      left: 0;

      width: 100%;

      background-color: #008ab0;

      z-index: 200;

    }  

    

    .header-page .slide-content h1 {

      padding-top: 10px;

    }

    



  /* PAGE STYLING: HOME

   * Styling for home page

   * ---------------------------------------------------------------------- */



  #home .section-carousel {

    position: relative;

    border-top: 1px solid #999;

    border-bottom: 1px solid #999;

  }

  

  #home .section-carousel .fade {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 400px;

    z-index: 100;

    background: url('images/fade.png') center center no-repeat;

  }



  #home .section-carousel .slides {

    position: relative;

    height: 450px;

  }

  

  #home .section-carousel .slides li {

    display: none;

    position: relative;

    height: 300px;

    margin-bottom: 150px;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

  }

  

  #home .section-carousel .flex-prev {

    display: none;

    position: absolute;

    top: 150px;

    left: 0;

    width: 51px;

    height: 49px;

    margin-top: -25px;

    background: url('images/arrow_left.png') center center no-repeat;

    z-index: 1000;

  }

  

  #home .section-carousel .flex-next {

    display: none;

    position: absolute;

    top: 150px;

    right: 0;

    width: 51px;

    height: 49px;

    margin-top: -25px;

    background: url('images/arrow_right.png') center center no-repeat;

    z-index: 1000;

  }



  #home .section-carousel .slide-content {

    position: absolute;

    bottom: -150px;

    left: 0;

    width: 100%;

    height: 150px;

    background-color: #008ab0;

    z-index: 200;

  }

  

  #home .section-carousel p.title {

    font-family: 'OrgonSlab-Bold', serif;

    margin-top: 25px;

    text-shadow: 2px 2px 2px #303030;

  }

  

  #home .nav-featured-links {

    margin-top: 60px;

  }

  

  #home .news-grid {

    text-align: center;

  }

    

    @media screen and (max-width: 650px) {

      #home .news-story {

        position: relative;

        width: 100%;

        margin: 0 0 35px 0;

      }

    }    

    

    @media screen and (min-width: 650px) {

      #home .news-grid {

        margin: 0 -1.5%;

      }



      #home .news-story {

        position: relative;

        float: left;

        width: 47.5%;

        margin: 0 1.25% 35px;

        vertical-align: top;

      }

    }  



    #home .news-story img {

      float: left;

      width: 100%;

      height: auto;

    }

    

    #home .news-story .title {

      position: absolute;

      bottom: 0;

      left: 0;

      width: 100%;

      height: auto;

      margin: 0;

      background: url('images/bg_blue.png');

    }

    

    #home .news-story .title a {

      font-size: 20px;

      color: #fff;

      text-decoration: none;

    } 

    

    #home .news-story .title span {

      display: block;

      padding: 10px;

    }

    

  #home .section-statistics .column {

    float: left;

    width: 50%;

    text-align: center;

  }

  

  #home .section-statistics .column.volunteer {

    float: none;

    display: block;

    margin: 30px auto 0;

  }

  

  #home .section-statistics .column p {

    font-size: 26px;

    line-height: 1.2;

    margin-bottom: 0;

  }

  

  #home .section-statistics .column.volunteer .content {

    text-align: center;

    padding: 20px;

    color: #fff;

    background-color: #008ab0;

    border-radius: 4px;

      -moz-border-radius: 4px;

      -webkit-border-radius: 4px;

  }

  

  #home .section-statistics .column.volunteer .content p {

    font-size: 24px;

  }



  #home .section-statistics .column.volunteer .content a {

    font-size: 24px;

    display: block;

    margin-top: 10px;

    text-transform: uppercase;

    color: #fff;

  }



  #home .section-statistics .number {

    display: block;

    font-family: Lato, sans-serif;

    font-size: 62px;

    font-weight: 600;

    margin-bottom: 5px;

  }

  

  #home .section-statistics .date {

    font-family: Lato, sans-serif;

    font-size: 20px;

  }

  

  #home .section-events .event {

    margin-bottom: 15px;

  }

  

    #home .section-events .event .event-date {

      float: left;

      width: 20%;

      text-align: center;

    }

    

    #home .section-events .event .event-date .day {

      display: block;

      font-size: 22px;

      font-weight: bold;

      color: #f99d1c;

    }

  

    #home .section-events .event .event-date .month {

      display: block;

      text-transform: uppercase;

    }



    #home .section-events .event .event-info {

      float: left;

      width: 80%;

    }

    

    #home .section-events .event .event-info h5 {

      margin-bottom: 0;

    }





/* PAGE STYLING: SPECIAL EVENTS PAGE

 * Styling for special events page

 * ---------------------------------------------------------------------- */



.sponsors .sponsor {

  display: inline-block;

  max-width: 200px;

  margin: 0 20px 35px;

}



  .sponsors .sponsor img {

    width: 100%;

    height: auto;

  }









/* FORM STYLING

 * Styling for forms

 * ---------------------------------------------------------------------- */



form input[type='text'],

form textarea {

  padding: 10px 6px !important;

  border: 2px solid #a7a7a6;

  box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

  border-radius: 4px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

}



form input[type='submit'] {

  display: block;

  font-family: Lato, sans-serif;

  font-weight: 300 !important;

  font-size: 20px !important;

  max-width: 180px;

  padding: 6px 20px !important;

  background-color: transparent;

  border: 2px solid #008ab0;

  border-radius: 4px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

  color: #008ab0;

  cursor: pointer;

}



  form .gfield_label {

    margin-top: 15px !important;

  }



  form input[type='submit']:hover {

    color: #fff;

    background-color: #008ab0;

    text-decoration: none;

  }



/* FORM STYLING: General Radio Button

* 

* ---------------------------------------------------------------------- */

.gfield:not(.donation-radio) .gfield_radio li {
  display: inline;
  margin-right: 20px;
  vertical-align: top;
}

.gfield:not(.donation-radio) .gfield_radio li input[type=radio] {
  display: none;
}

.gfield:not(.donation-radio) .gfield_radio li input[type=radio] + label {
  padding-left: 26px;
  margin-left: 0px;
  background:url('images/radio.png') left center no-repeat;
}

.gfield:not(.donation-radio) .gfield_radio li input[type=radio]:checked + label {
  background:url('images/radio-on.png') left center no-repeat;
}

  /* FORM STYLING: DONATE PAGE

   * Styling for donation form

   * ---------------------------------------------------------------------- */



  #donate .gform_wrapper {

    max-width: none !important;

    margin: 0;  

  }
  #donate .gform_wrapper .gform_heading{
    display: none;
  }
  

  #donate form select {

    height: 42px;

    padding: 0 5px;

    background-color: #fff;

    border: 2px solid #a7a7a6;

    border-radius: 4px;

      -moz-border-radius: 4px;

      -webkit-border-radius: 4px;

  }

  

  #donate form section {

    padding: 40px 0;

    border-top: 2px solid #a7a7a6;

  }

  

  #donate form .gsection_title {

    font-family: 'OrgonSlab-Light', serif;

    font-size: 42px;

    font-weight: normal;

    margin-bottom: 20px;

  }

  

  #donate form .gfield_html,

  #donate form .gfield > .gfield_label {

    font-size: 22px !important;

    font-weight: normal;

    margin-top: 20px !important;

  }

  

  #donate form .gsection {

    border-bottom: none !important;

    padding: 0 !important;

    margin: 0 !important;

  }

  

  #donate form section:last-child {

    padding-bottom: 20px;

  }

  

  #donate .gfield_radio#input_4_31 li, .donation-form .donation-radio .gfield_radio li {

    display: inline;

    width: initial;

    text-align: center;

    margin-right: 10px;

  }

  

  #donate .gfield_radio#input_4_31 input[type='radio'], .donation-form .donation-radio .gfield_radio input[type='radio']{

    display: none;

  }

  

  #donate .gfield_radio#input_4_31 label,  .donation-form .donation-radio .gfield_radio label{

    padding: 5px;

    margin: 0;

    border-radius: 4px;

      -moz-border-radius: 4px;

      -webkit-border-radius: 4px;

    border: 2px solid #008ab0;

    background: none;

  }

  #gform_26 .donation-radio .gfield_radio label{
    display: inline;
  }

  #field_26_53 label {
    display: none;
  }

  #gform_wrapper_26 .gfield_checkbox li input[type=checkbox] {
    margin-left: 20px !important;
  }

  #gform_wrapper_26 .gfield_checkbox li label {
    margin-left: 15px !important;
  }

  #donate #field_4_31,

  #donate #field_4_33 {

    display: inline-block;

    vertical-align: top;

  }

  

  #donate #field_4_33 input[type='text'] {

    padding: 7px 6px !important;

  }

  

  #donate .gfield_radio#input_4_31 input[type='radio']:checked + label, .donation-form .donation-radio .gfield_radio input[type='radio']:checked + label{

    border: 2px solid #008ab0;

    background-color: #008ab0;

    color: #fff;

  }

  

  #donate .gform_footer,

  #donate form .validation_error {

    min-width: 440px;

    max-width: 1100px;

    margin: 0 auto !important;

    padding: 0 20px 40px !important;

  }

  

  #donate form .validation_error {

    border-top: none;

    border-bottom: none;

    background: none;

  }

  

  #donate form li.gfield.gfield_error {

    border-top: none;

    border-bottom: none;

    background: none;

  }

  

  #donate form li.gfield.gfield_error input {

    background-color: #ffdfe0;

  }

  

  #donate .gfield_radio li {

    display: inline-block;

    margin-right: 20px;

    vertical-align: top;

  }

  

  #donate input[type='radio'] {

    display: none;

  }

  

  #donate input[type='radio'] + label {

    padding-left: 26px;

    margin-left: 0 !important;

    background: url('images/radio.png') left center no-repeat;

  }

  

  #donate input[type='radio']:checked + label {

    background: url('images/radio-on.png') left center no-repeat;

  }

  

  #donate #field_4_11 label,

  #donate #field_4_16 label,

  #donate #field_4_18 label,

  #donate #field_4_20 label,

  #donate #field_4_24 label,

  #donate #field_4_21 label,

  #donate #field_4_22 label,

  #donate #field_4_23 label,

  #donate #field_4_33 label,

  #donate #field_4_34 .gfield_label,

  #donate #field_4_39 .gfield_label,

  #donate #input_4_34_1_label,

  #donate #input_4_34_2_label,

  #donate #input_4_34_3_label,

  #donate #input_4_34_4_label,

  #donate #input_4_34_5_label,

  #donate #input_4_34_6_label,

  #donate #field_4_27 label {

    display: none;

  }

  

  #donate #field_4_33 input {

    margin-top: 59px;

  }

  

  #donate #field_4_20,

  #donate #field_4_21,

  #donate #input_4_21_1,

  #donate #input_4_21_2,

  #donate #input_4_21_3,

  #donate #input_4_21_4,

  #donate #input_4_21_5,

  #donate #field_4_22,

  #donate #field_4_23,

  #donate #input_4_34_1,

  #donate #input_4_34_2,

  #donate #input_4_34_3,

  #donate #input_4_34_4,

  #donate #input_4_34_5,

  #donate #field_4_24 {

    margin-bottom: 10px;

  }

  

  #donate #input_4_2,

  #donate #input_4_3,

  #donate #input_4_4 {

    margin-bottom: 5px;

  }

  /* VALENTINE */
.donation-form .donation-radio {
  display: inline-block;
}
.donation-form .donation-other-amount {
  display: inline-block;
  position: relative;
  bottom: 3px;
  /*left: -5.7%;*/
  /*bottom: -24px;*/
  width: 30%;
  margin-top: 0px!important;
}
.donation-form .donation-other-amount .gfield_label{
  display: none!important;
}

.donation-form .donation-other-amount input {
  height: 35px;
}

.donation-form .donation-radio .gfield_radio li label {
  margin-bottom: 10px;
}

@media (max-width: 641px){
  .gform_wrapper .gform_body {
    width: 100%!important;
  }
  .donation-form .donation-radio .gfield_radio li label {
    width: initial;
  }
  .donation-form .donation-other-amount {
    display: block;
    width: 100%!important;
  }
  .donation-form .donation-other-amount input {
    height: 64px;
  }
}

@media (max-width: 480px) {
  .donation-form .donation-radio {
    display: inline-block;
  }
  .donation-form .donation-radio .gfield_radio li {
    float: left;
  }
  .donation-form .donation-radio .gfield_radio li label {
    display: table-cell;
    position: relative;
    padding: 10px;
  }
  .donation-form .donation-radio .gfield_radio li:last-child label {
    padding-right: 32px;
  }
}

form select {
  padding: 10px 6px !important;
  border: 2px solid #a7a7a6;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: white;
}
  

  

/* EVENT STYLING

 * Styling for events

 * ---------------------------------------------------------------------- */

 

.tribe-events-event-meta .column, .tribe-events-event-meta .tribe-events-meta-group {

  padding: 0 25px 25px 0 !important;

}



#tribe-events-content {

  margin-bottom: 0 !important;

}









/* FOXYCART STYLING

 * Styling for foxycart cart/checkout

 * ---------------------------------------------------------------------- */

 

#fc_cart_table {

  width: 100%;

}



#fc_cart_table caption {

  font-family: 'OrgonSlab-Light', serif;

  font-size: 42px;

  font-weight: normal;

  margin-bottom: 20px;

  color: #008ab0;

  text-align: left;

}



#fc_cart_table td {

  padding: 10px;

}



#fc_cart_head th {

  font-family: Lato, sans-serif;

  font-weight: normal;

  font-size: 22px;

  text-align: left;

  color: #008ab0;

  padding: 10px;

  border-bottom: 1px solid #a7a7a6;

}



#fc_cart_table .fc_cart_item_name {

  display: inline-block;

  font-weight: 700;

  margin-bottom: 10px;

}



#fc_cart_foot_subtotal td,

#fc_cart_foot_total td {

  font-weight: 700;

}



.fc_cart_item_quantity input[type='text'] {

  max-width: 50px;

}



.fc_cart_item_details .fc_cart_remove_link,

.fc_cart_item_quantity .fc_cart_remove_link {

  display: none;

}



#fc_cart_controls_top,

#fc_cart_controls_bottom {

  text-align: right;

}



#fc_cart_controls_top a,

#fc_cart_controls_top span,

#fc_cart_controls_bottom a,

#fc_cart_controls_bottom span {

  display: inline-block;

  vertical-align: middle;

  margin-left: 15px;

}



a.fc_cart_checkout,

#fc_complete_order_button {

  display: inline-block;

  font-size: 16px;

  font-weight: bold;

  text-align: center;

  text-transform: uppercase;

  margin: 15px 0;

  padding: 6px 30px;

  border-radius: 4px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

  border: 1px solid #fff;

  background-color: #f99d1c;

  color: #fff;

}



a.fc_cart_checkout:hover,

#fc_complete_order_button:hover {

  color: #f99d1c;

  background-color: #fff;

  border: 1px solid #f99d1c;

  text-decoration: none;

}



#fc_customer_info_container .fc_row {

  margin-bottom: 15px;

}



#fc_customer_info_container .fc_row p.title {

  font-size: 14px;

}



#fc_customer_info_container input {

  min-width: 250px;

}



#fc_login_register legend,

#fc_customer_info_container legend,

#fc_shipping_container legend {

  font-size: 24px;

  font-weight: 700;

  margin-bottom: 10px;

}



#fc_login_register label,

#fc_customer_info_container label,

#fc_shipping_container label {

  display: inline-block;

  min-width: 120px;

  padding-right: 20px;

  text-align: right;

}





  /* FOXYCART STYLING: PRODUCT PAGES

   * Styling for foxycart product pages

   * ---------------------------------------------------------------------- */



  #foxyshop_breadcrumbs {

    display: none;

    border: 1px solid #ccc !important;

    background-color: #eee !important;

  }

  

  .foxyshop_button {

    float: none !important;

    display: block !important;

    max-width: 180px !important;

    font-family: Lato, sans-serif !important;

    font-size: 20px !important;

    font-weight: 300 !important;

    text-align: center !important;

    text-transform: uppercase !important;

    margin: 15px 0 !important;

    padding: 6px 20px !important;

    border: 2px solid #008ab0 !important;

    border-radius: 4px !important;

      -moz-border-radius: 4px !important;

      -webkit-border-radius: 4px !important;

    background-color: transparent !important;

    color: #008ab0 !important;

  }



  .foxyshop_button:hover {

    color: #fff !important;

    background-color: #008ab0 !important;

    text-decoration: none !important;

  }

  

  .foxyshop_variations label {

    width: auto !important;

    margin-top: 8px !important;

  }

  

  .foxyshop_product_list li.foxyshop_product_box {

    display: inline-block !important;

    float: none !important;

  }

  #horizontal-bar-container {

    margin: 0 auto;

    margin-bottom: 30px;

    width: 100%;

  }

  .horizontal-bar-images {

    height: 200px;

    margin:0 20px;

  }

  .sponsor-slider {
    margin: 40px 0px;
  }
  
  .sponsor-slider .owl-stage-outer {
	z-index: 99999;  
  }

  .sponsor-slider .owl-nav {
    font-size: 7em;
    cursor: pointer;
    width: 100%;
    position: absolute;
    top: -20%;
  }

  @media (max-width: 649px) {
    .sponsor-slider .owl-nav {
      top: -40%;
    }
  }

  .sponsor-slider .owl-nav [class*='owl-'] {
    display: inline-block;
    width: 50%;
  }


  .sponsor-slider .owl-nav .owl-prev .sponsor-nav-prev {
    background: url('images/chevron-left.png') center center no-repeat;
    left: 0;
  }

  .sponsor-slider .owl-nav .owl-next .sponsor-nav-next {
    background: url('images/chevron-right.png') center center no-repeat;
    right: 0;
  }

  .sponsor-slider .owl-nav .owl-prev .sponsor-nav-prev,
  .sponsor-slider .owl-nav .owl-next .sponsor-nav-next {
    height:70px;
    width:15px;
    background-size: contain;
    position: absolute;
    top: 30%;
	z-index: 999999;
  }

  .sponsor-slider .owl-dots {
    text-align: center;
    margin:30px 0;
  }

  .sponsor-slider .owl-dots .owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    border: 2px solid #008ab0;
    margin: 5px;
  }

  .sponsor-slider .owl-dots .owl-dot.active {
    background: #008ab0;
  }

  .sponsor-slider .sponsor-image {
    height: 100px;
    margin: 0 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

.acsb-main .acsb-main-options .acsb-search {
overflow: hidden !important;
}
.acsb-widget {
overflow: hidden !important;
}