/*
	Theme Name:   Newberg Animal Shelter
	Theme URI:    http://newberbanimals.com
	Description:  Sasso Child Theme
	Version:      1.6.0
	Author:       Sam Sasso
	Author URI:   http://samsasso.com
	Template:     sasso
	Text Domain:  sasso-child
*/
/**
 * function that encodes special characters in passed string
 * @param $var-to-encode : string to encode
 * https://gist.github.com/indrekpaas/4d6dfa5c29da805219d4149352c4703b
 */
/**
 * returns encoded SVG data URI string, if exists, with appropriate fill color
 * @param $svg-name : name of svg
 * @param $fill-color : HEX of desired fill color
 * background-image: url( svg-data-uri( close, $color ) );
 */
/*** Global ***/
/*** Header ***/
/*** Navigation ***/
/*** Headlines ***/
#sb_instagram #sbi_images {
	padding: 0 !important;
}
.dropdown-menu, button.navbar-toggle, .navbar-collapse, .navbar, .navbar-default, .gform_button,
.submit,
.search-submit,
.post-edit-link,
.btn-default {
  border: none !important;
}

.navbar, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
  position: relative !important;
}

.navbar {
  max-width: 100% !important;
  width: 100% !important;
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover, .dropdown-menu, .navbar {
  border-radius: 0 !important;
}

.dropdown-menu, .navbar-collapse {
  box-shadow: none !important;
}

button.navbar-toggle, .navbar-nav > li, .navbar-nav {
  float: none !important;
}

aside h3, .navbar-default {
  margin: 0 !important;
}

button.navbar-toggle {
  padding: 0 !important;
}

.hello {
  display: block !important;
}

footer .sub-menu, .caret, #vc_load-inline-editor, .show-on-mobile, .byebye {
  display: none !important;
}

.text-shadow {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.34) !important;
}

/* global box-sizing */
*,
*:after,
*:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* html element 62.5% font-size for REM use */
html {
  font-size: 62.5%;
}

body {
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  color: #191919;
  overflow-x: hidden;
}

/* clear */
.clear:before,
.clear:after {
  content: " ";
  display: table;
}

.clear:after {
  clear: both;
}

.clear {
  *zoom: 1;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

a {
  color: #191919;
  text-decoration: none;
  outline: none !important;
}
a:hover, a:focus {
  color: #347fc2;
  text-decoration: none;
}

p a {
  color: #347fc2;
  text-decoration: none;
  outline: none !important;
  font-weight: 700;
}
p a:hover, p a:focus {
  color: #f1c40f;
  text-decoration: none;
}

.gform_button,
.submit,
.search-submit,
.post-edit-link,
.btn-default {
  background-color: #347fc2;
  color: #fff;
  padding: 5px 25px 7px;
  font-weight: 600;
  border-radius: 2px;
  font-size: 1.125em;
}
.gform_button:hover,
.submit:hover,
.search-submit:hover,
.post-edit-link:hover,
.btn-default:hover {
  background-color: #f1c40f;
  color: #191919;
}

.blue-button {
  background-color: #347fc2;
  color: #fff;
}

.yellow-button {
  background-color: #f1c40f;
  color: #191919;
}

.grey-button {
  background-color: #d9d9d9;
  color: #191919;
}

.sidebar-button {
  font-size: 0.85em;
  display: block;
  margin-bottom: 10px;
  padding: 3px 3px 4px;
}

.wrapper, .header-wrap, .footer-wrap, .content-wrap {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}

.wrapper {
  margin-top: 270px;
}

article p, article ul, article ol {
  margin-bottom: 20px;
  line-height: 1.75;
}

.pagination {
  display: block;
  margin: 0;
  text-align: right;
}

.blog-index article, .archive article {
  margin-bottom: 30px;
}

/*** Grid of 5 ***/
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-15 {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}
/*** Misc & Helper Classes ***/
@media only screen and (max-width: 767px) {
  .hide-on-mobile {
    display: none !important;
  }

  .show-on-mobile {
    display: block !important;
  }
}
.post-edit-link {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999999999;
}

.open-sans {
  font-family: "Open Sans", sans-serif;
}

.semi {
  font-weight: 600 !important;
}

.larger-text {
  font-size: 1.25em !important;
}

.smaller-text {
  font-size: 0.85em !important;
}

.no-bull, .no-bull ul {
  list-style-type: none;
}

.header {
  background-color: rgba(52, 127, 194, 0.75);
  margin-bottom: 25px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 8999;
}
.header__search {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 55vh;
  background-color: rgba(52, 127, 194, 0.95);
  z-index: 9999999;
}
.header__search-close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath fill='%23fff' d='M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  text-indent: -9999px;
}
.header__search-headline h2 {
  margin: 0 0 30px;
  color: #fff;
  font-size: 24px;
}
.header__search .search {
  position: relative;
  display: flex;
  align-items: center;
  width: 35vw;
}
.header__search .search-input {
  position: relative;
  width: 100%;
  margin: 0;
  border: none;
  padding: 15px;
  font-size: 20px;
}
.header__search .search-submit {
  position: absolute;
  top: auto;
  right: 0;
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23347fc2' d='M1216 832q0-185-131.5-316.5t-316.5-131.5-316.5 131.5-131.5 316.5 131.5 316.5 316.5 131.5 316.5-131.5 131.5-316.5zm512 832q0 52-38 90t-90 38q-54 0-90-38l-343-342q-179 124-399 124-143 0-273.5-55.5t-225-150-150-225-55.5-273.5 55.5-273.5 150-225 225-150 273.5-55.5 273.5 55.5 225 150 150 225 55.5 273.5q0 220-124 399l343 343q37 37 37 90z'/%3E%3C/svg%3E");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  text-indent: -9999px;
}
.header__adopted-pets {
  color: #fff;
  font-size: 14px;
  z-index: 2;
}
.header__adopted-pets strong {
  font-size: 16px;
}
.header__adopted-pets--mobile {
  position: relative;
  display: none;
}

.fix-nav header.header {
  position: fixed;
  top: -188px;
  left: 0;
  right: 0;
}

.mobile-nav header.header {
  position: fixed;
  top: -180px !important;
}

.header-wrapper {
  position: relative;
}

.header-wrap {
  display: flex;
  align-items: center;
  max-width: none;
  height: 188px;
}

.logo {
  max-width: 200px;
  margin-top: 7px;
  padding: 0;
}

.header-social {
  position: fixed;
  top: 13px;
  left: 15px;
  z-index: 9999;
}
.header-social a:hover {
  color: #f1c40f !important;
}

.header-donate {
  position: fixed;
  top: 15px;
  right: 15px;
  display: flex;
  align-items: center;
  z-index: 99999;
  -webkit-transition: top 300ms ease;
  transition: top 300ms ease;
}
.header-donate .btn-default {
  background-color: #fff;
  color: #347fc2;
  font-size: 0.85em;
}
.header-donate .btn-default:hover {
  background-color: #f1c40f;
  color: #191919;
}
.header-donate__search {
  display: block;
  width: 19px;
  height: 19px;
  margin-right: 15px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M1216 832q0-185-131.5-316.5t-316.5-131.5-316.5 131.5-131.5 316.5 131.5 316.5 316.5 131.5 316.5-131.5 131.5-316.5zm512 832q0 52-38 90t-90 38q-54 0-90-38l-343-342q-179 124-399 124-143 0-273.5-55.5t-225-150-150-225-55.5-273.5 55.5-273.5 150-225 225-150 273.5-55.5 273.5 55.5 225 150 150 225 55.5 273.5q0 220-124 399l343 343q37 37 37 90z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  text-indent: -9999px;
}
.header-donate__search:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23f1c40f' d='M1216 832q0-185-131.5-316.5t-316.5-131.5-316.5 131.5-131.5 316.5 131.5 316.5 316.5 131.5 316.5-131.5 131.5-316.5zm512 832q0 52-38 90t-90 38q-54 0-90-38l-343-342q-179 124-399 124-143 0-273.5-55.5t-225-150-150-225-55.5-273.5 55.5-273.5 150-225 225-150 273.5-55.5 273.5 55.5 225 150 150 225 55.5 273.5q0 220-124 399l343 343q37 37 37 90z'/%3E%3C/svg%3E");
}

.fix-nav .header-social {
  top: 13px;
  -webkit-transition: top 300ms ease;
  transition: top 300ms ease;
}

.fix-nav .header-donate {
  top: 8px;
}

.instagram-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  height: 188px;
  opacity: 0;
}

.no-js .instagram-header {
  opacity: 1;
}

.instagram-header.loaded {
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
}

#sbi_images {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
	display: block !important;
  z-index: -1;
  width: 1920px !important;
}

#sbi_load {
  display: none;
}

.sbi_item {
  display: inline-block;
  width: 12.5% !important;
}
.sbi_item:nth-child(n+9) {
  display: none !important;
}
.sbi_photo {
	height: auto !important;
}
#sb_instagram img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.8;
}

.navbar-nav li:hover {
  cursor: pointer;
}

.navbar-default {
  background-color: #347fc2;
  z-index: 999;
  text-align: center;
  font-weight: 600;
}

.navbar-nav > li {
  display: inline-block;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.dropdown-menu > li > a, .dropdown-menu > .active > a,
button.navbar-toggle {
  color: #fff;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus, .dropdown-menu > li > a:focus,
button.navbar-toggle:hover {
  color: #f1c40f;
}

button.navbar-toggle {
  font-size: 2em;
  margin: 2px 0 0 0;
}

button.navbar-toggle:focus,
.navbar-toggle:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  background-color: transparent !important;
}

/*** Dropdown Menu ***/
.dropdown-menu, .navbar-right .dropdown-menu, .navbar-left .dropdown-menu {
  left: 0;
}

.dropdown:hover > .dropdown-menu {
  display: block !important;
}

.dropdown-menu > li > .dropdown-menu {
  left: 100%;
  top: 0;
}

.dropdown-menu {
  background-color: #347fc2;
  padding-bottom: 11px;
}

.dropdown-menu > li > a {
  text-align: left;
  font-weight: 600;
}

.dropdown-menu > li > a, .dropdown-menu > .active > a, .dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu > li > a:focus {
  background-color: transparent;
}

.home .wrapper {
  max-width: none;
}

.tp-caption {
  right: 0px;
  bottom: 0px;
}

.news-featured {
  margin-bottom: 50px;
}

.latest-news h1 {
  margin: 0 0 30px;
}
.latest-news h2,
.latest-news h3,
.latest-news h4,
.latest-news h5,
.latest-news h6 {
  margin-bottom: 20px;
  color: #000;
  font-weight: 600;
}
.latest-news p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 15px;
}
.latest-news p a {
  font-weight: 400;
}
.latest-news .featured-pet h2 {
  margin: 0 0 30px;
  color: #347fc2;
  font-weight: 700;
}

.latest-event {
  margin: 40px 0;
}

.latest-pets {
  margin-top: 30px;
  margin-bottom: 50px;
}
.latest-pets p {
  font-size: 1.125em;
}
.latest-pets .btn {
  margin-top: 20px;
}

.pet-wrap {
  position: relative;
}
.pet-wrap:hover .pet-name {
  background-color: #347fc2;
}

.pet-name {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(52, 127, 194, 0.75);
  color: #fff;
  padding: 7px 5px 9px;
  font-weight: 600;
  text-align: center;
  font-size: 1.125em;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
}

.donation-prefooter {
  background-image: url(img/Dalmation-Treat.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  text-align: center;
  padding: 60px 0 75px;
}
.donation-prefooter .content-wrap {
  max-width: 876px;
}
.donation-prefooter p {
  font-weight: 600;
  font-size: 1.25em;
  line-height: 2.15;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 35px;
}
.donation-prefooter .btn {
  margin-top: 10px;
  padding: 12px 50px 14px;
}
.donation-prefooter__bottom-text {
  margin-top: 45px;
}

.donation-img-wrap {
  max-width: 180px;
  margin: 0 auto;
}

.amazon-wishlist {
  margin-top: 5px;
}

.amazon-smile {
  margin-top: 16px;
}

aside {
  margin-top: 88px;
}
aside h3 {
  padding: 6px 8px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  text-align: center;
  font-size: 1em;
  color: #191919;
  background-color: #f1c40f;
}
aside .sidebar-widget > div > div {
  border: 1px solid #f1c40f;
  margin-bottom: 30px;
  padding: 20px 30px 15px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
aside .blue-button:hover {
  background-color: rgba(52, 127, 194, 0.75);
  color: #fff;
}
aside .yellow-button:hover {
  background-color: rgba(241, 196, 15, 0.75);
}
aside .grey-button:hover {
  background-color: rgba(217, 217, 217, 0.75);
}
aside .null-instagram-feed a {
  font-weight: 700 !important;
}
aside .instagram-pics {
  margin-left: -5px !important;
  margin-right: -5px !important;
}
aside .instagram-pics li {
  width: 50%;
  padding: 5px;
}

.sidebar-widget div:nth-of-type(1) {
  font-weight: 600;
  font-size: 0.95em;
  line-height: 1.75;
}
.sidebar-widget div:nth-of-type(1) a {
  font-weight: 600;
}

.sidebar-widget div:nth-of-type(2n) h3 {
  background-color: #347fc2;
  color: #fff;
}
.sidebar-widget div:nth-of-type(2n) div {
  border-color: #347fc2;
}
.sidebar-widget div:nth-of-type(2n) .social {
  text-align: center !important;
}
.sidebar-widget div:nth-of-type(2n) a {
  font-weight: normal;
  color: #347fc2 !important;
}
.sidebar-widget div:nth-of-type(2n) a:hover {
  color: #f1c40f !important;
}

.sidebar-widget div:nth-of-type(3n) {
  border-color: #d9d9d9;
}
.sidebar-widget div:nth-of-type(3n) h3 {
  background-color: #d9d9d9;
}
.sidebar-widget div:nth-of-type(3n) div {
  border-color: #d9d9d9;
}

#custom_html-7 h3 {
  color: #191919;
  background-color: #f1c40f;
}
#custom_html-7 .custom-html-widget {
  padding: 15px;
  border-color: #f1c40f;
}

footer {
  background-color: #347fc2;
  padding: 35px 0 20px;
  margin-top: 25px;
  color: #fff;
  text-align: center;
  font-weight: 600;
}
footer a {
  color: #fff;
}
footer a:hover {
  color: #f1c40f;
}
footer .widget_media_image {
  max-width: 200px;
  margin: 0 auto 15px;
}
footer ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none;
}
footer ul li {
  display: inline-block;
  margin: 0 25px 10px;
}
footer #menu-home-1 {
  margin: 25px 0 10px !important;
}
footer .textwidget {
  font-size: 14px;
}

.home footer {
  margin-top: 0;
}

.footer-note {
  font-size: 11.2px;
  max-width: 315px;
  margin: 7px auto 35px;
}

.copy-creds {
  margin-top: 30px;
  font-size: 13px;
}

footer .creds {
  float: right;
}

footer .copyright {
  float: left;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: #347fc2;
}

h1 {
  font-size: 2.25em;
}

h2 {
  font-size: 1.75em;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.25em;
}

h5 {
  font-size: 1em;
}

h6 {
  font-size: 0.75em;
}

.lSGallery li:hover {
  opacity: 0.85;
}

.pet-notice {
  font-size: 0.75em;
  color: #347fc2;
  font-weight: 600;
  margin-top: 15px;
}

.pet-specs {
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none;
  margin: 80px 0 25px !important;
  font-weight: 600;
  font-size: 1.25em;
}
.pet-specs li {
  display: block;
  margin-bottom: 5px;
}

.pet-label {
  color: #347fc2;
}

.related-pets h4 {
  margin-bottom: 25px;
}

.event-tile {
  display: flex;
  border-radius: 5px;
  padding: 15px 25px;
  background: #347fc2;
  color: #fff;
}
.event-tile .wp-block-image {
  display: none;
  margin: 0;
}
.event-tile__date {
  width: 15%;
  border-right: 3px solid #fff;
  text-transform: uppercase;
}
.event-tile__day {
  font-size: 34px;
  line-height: 1;
  font-weight: 700;
}
.event-tile__month {
  margin-bottom: 8px;
  font-size: 16px;
}
.event-tile__week-day {
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
}
.event-tile__times {
  font-size: 18px;
  font-weight: 300;
}
.event-tile__year {
  font-size: 36px;
  font-weight: 300;
  opacity: 0.5;
}
.event-tile__details {
  width: 85%;
  padding: 0 50px 0 30px;
}
.event-tile__details h2 {
  margin: 0 0 20px;
  color: #fff;
  font-size: 24px;
}
.event-tile__details p a {
  color: #fff;
  font-weight: 400;
  text-decoration: underline;
}
.event-tile__details p a:hover {
  color: #f1c40f;
}

article {
  margin-bottom: 25px;
}
article .read-more {
  margin-top: 15px;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width: 767px) and (max-width: 1053px) {
  .event-tile__date {
    width: 25%;
  }
  .event-tile__details {
    width: 75%;
  }
}
@media only screen and (max-width: 767px) {
  .header__search .search {
    width: 80vw;
  }

  .header__adopted-pets {
    display: none;
  }
  .header__adopted-pets--mobile {
    display: block;
  }

  .navbar-nav {
    column-count: 2;
    padding: 0 15px 15px;
  }

  .dropdown-menu li a {
    text-align: left !important;
    padding-left: 8px;
  }
  .dropdown-menu li.active a {
    color: #f1c40f;
  }

  .nav li {
    display: block;
    text-align: left;
  }

  .caret {
    display: none !important;
  }

  .hide-on-mobile {
    display: none !important;
  }

  .show-on-mobile {
    display: block !important;
  }

  .latest-pets .col-xs-12.col-sm-4,
.latest-news .featured-pet {
    max-width: 600px !important;
    float: none !important;
    clear: both;
    margin: 0 auto 35px;
  }

  .latest-news .featured-pet {
    margin-bottom: 0;
  }

  .event-tile {
    flex-direction: column;
  }
  .event-tile__date {
    width: 100%;
    margin-bottom: 15px;
    border-right: none;
    border-bottom: 3px solid #fff;
    padding-bottom: 15px;
  }
  .event-tile__details {
    width: 100%;
    padding: 0;
  }

  footer {
    text-align: center;
  }

  footer .copyright, footer .creds {
    float: none !important;
  }
}
/*# sourceMappingURL=style.css.map */