/*!
Theme Name: dfwbulldogrescue
Theme URI: http://dfwbulldogrescue.org
Author: Bob Jack
Author URI: http://bobjack.dev
Description: A custom, responsive Wordpress theme designed for Lone Star Bulldog Club Rescue.
Version: 1.0
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, custom-colors, custom-logo, custom-menu, featured-images, flexible-header, translation-ready, threaded-comments
Text Domain: dfwbulldogrescue
*/

/*
Copyright (c) 2025 DFW Bulldog Rescue. All rights reserved.
*/

body {
    padding-top: 144px
}

h1 {
    margin-bottom: 40px
}

a {
    font-weight: 700
}

.section {
    padding-top: 50px;
    padding-bottom: 50px
}

.greenbg {
    background-color: #2fb7b4;
    border-top: 8px solid #1b8c83;
    color: #fff
}

.greybg {
    background-color: #f7f7f7
}

.greenbg a {
    color: #fff
}

.social {
    list-style: none;
    margin: 0;
    padding: 0
}

.social li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.social .btn {
    width: 27px;
    height: 27px;
    display: inline-block;
    padding: 2px 0
}

.facebook {
    display: inline-block;
    width: 8px;
    height: 15px
}

.twitter {
    display: inline-block;
    width: 17px;
    height: 15px
}

.instagram {
    display: inline-block;
    width: 15px;
    height: 15px
}

/* Differentiate author comments with a subtle background and italic text */
.bypostauthor {
    background-color: #e8f5e9; /* Light green background */
    font-style: italic;
    padding: 10px;
    border-left: 3px solid #4caf50; /* Green border on the left */
}

/* Highlight sticky posts with a distinct background and border */
.sticky {
    background-color: #f9f9f9; /* Light grey background */
    border: 2px solid #ffcc00; /* Gold border */
    padding: 15px;
    margin-bottom: 20px;
}

.chevron-right-white {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2LjkgMTAuOCI+PHBhdGggaWQ9IlhNTElEXzNfIiBmaWxsPSIjRkZGRkZGIiBkPSJNMS44LDEwLjdjLTAuMiwwLjItMC40LDAuMi0wLjYsMEwwLjEsOS42QzAsOS40LDAsOS4xLDAuMSw5bDMuNi0zLjZMMC4xLDEuOEMwLDEuNywwLDEuNCwwLjEsMS4ybDEuMS0xLjFDMS40LDAsMS43LDAsMS44LDAuMWw1LDVDNyw1LjMsNyw1LjUsNi44LDUuN0wxLjgsMTAuN3oiLz48L3N2Zz4=) center center;
    display: inline-block;
    background-repeat: no-repeat;
    width: 7px;
    height: 11px
}

.chevron-right-yellow {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2LjkgMTAuOCI+PHBhdGggaWQ9IlhNTElEXzNfIiBmaWxsPSIjZjc5MjFlIiBkPSJNMS44LDEwLjdjLTAuMiwwLjItMC40LDAuMi0wLjYsMEwwLjEsOS42QzAsOS40LDAsOS4xLDAuMSw5bDMuNi0zLjZMMC4xLDEuOEMwLDEuNywwLDEuNCwwLjEsMS4ybDEuMS0xLjFDMS40LDAsMS43LDAsMS44LDAuMWw1LDVDNyw1LjMsNyw1LjUsNi44LDUuN0wxLjgsMTAuN3oiLz48L3N2Zz4=) center center;
    display: inline-block;
    background-repeat: no-repeat;
    width: 7px;
    height: 11px
}

.chevron-left-yellow {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0zMDIgMzkxLjIgNi45IDEwLjgiPjxwYXRoIGlkPSJYTUxJRF8zXyIgZmlsbD0iI2Y3OTIxZSIgZD0iTS0yOTYuOCwzOTEuNGMwLjItMC4yLDAuNC0wLjIsMC42LDBsMS4xLDEuMWMwLjEsMC4yLDAuMSwwLjUsMCwwLjZsLTMuNiwzLjZsMy42LDMuNmMwLjEsMC4xLDAuMSwwLjQsMCwwLjZsLTEuMSwxLjFjLTAuMiwwLjEtMC41LDAuMS0wLjYsMGwtNS01Yy0wLjItMC4yLTAuMi0wLjQsMC0wLjZMLTI5Ni44LDM5MS40eiIvPjwvc3ZnPg==) center center;
    display: inline-block;
    background-repeat: no-repeat;
    width: 7px;
    height: 11px
}

.alignleft {
    float: left !important
}

.alignright {
    float: right !important
}

.sub-nav {
    background-color: #2fb7b4
}

.sub-nav .social {
    background-color: #218684;
    padding: 1px 0
}

.navbar-header {
    padding: 10px 0
}

.navbar-brand {
    display: block;
    width: 246px;
    padding: 0
}

.tagline {
    display: block;
    color: #f7921e;
    font-family: Amaranth, Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 34px;
    margin-top: 23px;
    margin-bottom: 5px;
    text-align: right
}

.navbar-inverse .navbar-nav>li>a {
    font-family: Amaranth, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 24px
}

.navbar-right .dropdown-menu {
    left: 0
}

.search {
    margin-left: 15px;
    max-width: 200px
}

.search form {
    background-color: #fff
}

.search .form-control {
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: none;
    border-radius: 0
}

.search .btn {
    border: none;
    border-radius: 0;
    color: #218684;
    font-size: 14px;
    padding-top: 3px;
    padding-bottom: 3px
}

.search .form-control::-webkit-input-placeholder {
    color: #999
}

.search .form-control:-moz-placeholder {
    color: #999;
    opacity: 1
}

.search .form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.search .form-control:-ms-input-placeholder {
    color: #999
}

.carousel .item,
.jumbotron {
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 0
}

.carousel h1,
.jumbotron h1 {
    max-width: 500px;
    margin-bottom: 12px;
    font-size: 36px;
    color: #fff;
    line-height: 50px
}

.carousel h1 span,
.jumbotron h1 span {
    background-color: rgba(0, 0, 0, .7);
    padding: 2px 5px
}

.carousel .btn-lg,
.jumbotron .btn-lg {
    font-size: 20px;
    line-height: 20px;
    padding: 10px 24px
}

.carousel p {
    margin-bottom: 3.55%
}

#services {
    text-align: center
}

#services h2 {
    font-size: 22px;
    margin-top: 12px
}

#services a.icon-link {
    display: inline-block;
    margin: 0 auto
}

#services a .icon {
    width: 88px;
    height: 88px;
    display: block
}

#services a {
    color: #fff
}

#featured-bully {
    background-color: #f7f7f7;
    box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, .8)
}

.interior #featured-bully {
    box-shadow: none
}

#featured-bully .photo-container {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8);
    position: relative;
    height: 500px; /* Adjust as needed */
}

#featured-bully .photo-container h3 {
    background-color: rgba(247, 146, 30, .8);
    color: #fff;
    font-size: 28px;
    padding: 15px 35px 15px 15px;
    position: absolute;
    top: 25px;
    right: 0
}


#featured-bully h2 {
    font-size: 34px
}

#featured-bully .descriptor {
    padding-top: 20px;
    padding-left: 45px;
    padding-right: 45px
}

#supplemental header {
    border-bottom: 4px solid #f7921e;
    margin-bottom: 20px
}

#supplemental h2 {
    font-size: 28px;
    margin-bottom: 10px
}

#supplemental h4 {
    font-size: 20px;
    margin-top: 0
}

#news header {
    border-bottom: 4px solid #fff;
    margin-bottom: 20px
}

#news h2 {
    font-size: 28px;
    margin-bottom: 10px
}

#news h4 {
    font-size: 20px;
    margin-top: 0
}

#subscribe {
    background-color: #f7f7f7;
    box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, .8)
}

#subscribe header {
    border-bottom: 4px solid #f7921e;
    margin-bottom: 20px
}

#subscribe h2 {
    font-size: 28px;
    margin-bottom: 10px
}

#subscribe .gform_fields .gfield {
    width: 50%;
    float: left;
    margin-bottom: 0;
    padding: 0 15px
}

#bios {
    margin-top: 50px;
    margin-bottom: 20px
}

#bios .row {
    margin-bottom: 30px
}

#bios .row:last-child {
    margin-bottom: 0
}

#bios article .img-wrapper {
    border-top: 5px solid #f7921e;
    position: relative
}

#bios .img-link {
    display: block
}


#bios .thumb img {
  width: 100%;
  height: auto;
  display: block;
}

#bios .thumb {
  width: 100%;
  margin-bottom: 1em;
}

#bios .text-content {
  width: 100%;
}


#bios .title-link {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0
}

#bios .title-link:hover {
    text-decoration: none
}

#bios article h3 {
    background-color: rgba(247, 146, 30, .8);
    color: #fff;
    font-size: 28px;
    padding: 10px 15px;
    margin: 0
}

#bios article .bio-content {
    background-color: #f7f7f7;
    padding: 15px
}

#bio .details {
    text-transform: capitalize
}

#bio .img-wrapper,
#store .img-wrapper {
    background-color: #e6e6e6;
    margin-top: 25px;
    padding: 5px
}

#bio .btn {
    display: block
}

#bio h1 {
    margin-bottom: 20px
}

#bio h4 {
    margin-top: 25px;
    margin-bottom: 15px
}

#bio .tolerant {
    display: block;
    margin: 0 auto 12.5px;
    padding: 0;
    text-align: center
}

#bio .tolerant li {
    display: inline-block;
    float: left;
    list-style: none;
    padding: 5px
}

#bio .tolerant li a {
    display: block
}

#bio .tolerant li img.img-responsive {
    display: inline-block;
    width: 50px;
    height: 50px
}

#bio .nav,
#store .nav {
    display: inline-block;
    float: none;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 18px
}

#bio .share,
#store .share {
    padding-right: 5px
}

#bio .social li,
#store .social li {
    padding: 0 2px
}

#bio .navbar-nav>li>a,
#store .navbar-nav>li>a {
    padding-top: 5px;
    padding-bottom: 5px
}

#bio .social .btn,
#store .social .btn {
    background-color: #2fb7b4;
    border-radius: 8px;
    padding: 2px 0 0
}

#wishlist .well {
    background-color: #218684;
    border-radius: 10px;
    color: #fff;
    font-size: 16px
}

#wishlist .well h4 {
    border-bottom: 1px solid #fff;
    margin-top: 0;
    padding-bottom: 15px;
    text-align: center
}

#wishlist .well .btn {
    display: block;
    text-align: center;
    width: 100%
}

.view-cart {
  display: flex;
  align-items: center;
  margin-left: 14px; /* slight bump to the left */
}

.shop-cart {
  display: flex;
  align-items: center;
  width: auto;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MC4yIDI4LjQiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMy41LDI4LjRMMTMuNSwyOC40Yy0xLjcsMC0zLjEtMS40LTMuMS0zLjF2MGMwLTEuNywxLjQtMy4xLDMuMS0zLjFoMGMxLjcsMCwzLjEsMS40LDMuMSwzLjF2MCBDMTYuNiwyNywxNS4yLDI4LjQsMTMuNSwyOC40eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zMS41LDI4LjRMMzEuNSwyOC40Yy0xLjcsMC0zLjEtMS40LTMuMS0zLjF2MGMwLTEuNywxLjQtMy4xLDMuMS0zLjFoMGMxLjcsMCwzLjEsMS40LDMuMSwzLjF2MCBDMzQuNiwyNywzMy4yLDI4LjQsMzEuNSwyOC40eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LjEsNEw4LjIsMEgwdjEuOGg0LjdsNC40LDE4LjdoMjdsNC0xNi41aC00TDMzLDE3SDEyLjRMOS4xLDR6Ii8+PC9zdmc+) left center no-repeat;
  background-size: 20px 20px;
  padding-left: 32px; /* room for icon + extra spacing */
}

.cart-contents {
  white-space: nowrap;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
}

#products {
    margin-top: 50px;
    margin-bottom: 20px
}

#products .row {
    margin-bottom: 30px
}

#products .row:last-child {
    margin-bottom: 0
}

#products article .img-wrapper {
    border-top: 5px solid #f7921e;
    position: relative
}

#products article h3 {
    font-size: 24px;
    height: 90px;
    padding: 10px 0;
    margin: 0
}

#products article h4 {
    font-size: 20px
}

#products article .bio-content {
    background-color: #f7f7f7;
    height: 256px;
    padding: 15px
}

#products .btn-primary {
    display: block
}

.page-numbers {
    margin: 0;
    padding: 0
}

.page-numbers li {
    display: inline-block;
    margin: 0;
    list-style: none;
    padding: 0
}

.woocommerce-tabs .tabs {
    display: none
}

.woocommerce-error li {
    list-style: none
}

#cart .coupon input[type=text],
#store .quantity input[type=number],
#store select {
    width: 35%
}

#cart .coupon input[type=text] {
    display: inline-block
}

#cart .cart_item,
#cart .col-headers {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px
}

#cart .remove-item {
    color: #c26b07;
    font-size: 14px
}

#cart .add-coupon {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-top: 30px;
    padding-bottom: 30px
}

#cart .add-coupon #coupon_code {
    margin-right: 15px
}

#cart .cart-total {
    border: 1px solid #eee;
    border-radius: 6px;
    margin-bottom: 30px;
    padding: 15px 15px
}

#cart .cart-total h3 {
    margin: 0 0 10px
}

#cart .cart-total .row {
    border-bottom: 1px solid #eee;
    padding: 10px 0 10px
}

#cart .cart-total .row:last-child {
    border: none
}

/* Style the legend text above the radio buttons */
body .gform_wrapper .gfield legend.gfield_label {
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    color: #4a4a4a !important;
    margin-bottom: 8px !important; /* reduce spacing above radios */
}

/* De-bold the radio button labels */
body .gform_wrapper .gfield_radio li label {
    font-weight: normal !important;
}

/* Add a bit of spacing below the radio list */

body .gform_wrapper .gfield_radio {
  margin-bottom: 1.2em; /* Adjust this value if needed */
}

.gf_progressbar_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #666;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 600;
  padding: 0.5em 0.75em;
  border-radius: 2px;
  margin-bottom: 0.25em;
}

.gf_progressbar_title {
  display: flex;
  margin-top: auto;
  margin-bottom: auto;
  color: #fff;
  align-items: center; /* Center items vertically */
  gap: 0.25em;
}

/* Columns in address/checkout (don’t float) */
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-1,
.woocommerce-page .col2-set .col-2 { float:none; width:auto; }

/* Make product title match site headings */
.single-product .product_title {
  font-size: 2rem;
  margin-bottom: 1rem;
}

/* Add spacing between gallery and summary */
@media (min-width: 900px) {
  .single-product .woocommerce-product-gallery {
    padding-right: 2rem;
  }
}

@media(min-width:900px){
  .single-product div.product {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
  .single-product .woocommerce-product-gallery { grid-column: 1; }
  .single-product .summary { grid-column: 2; }
}

.single_add_to_cart_button {
  background: #BF2026;
  color: #fff;
  padding: 1em 1.5em;
  text-transform: uppercase;
}
.single_add_to_cart_button:hover {
  background: #A01C23;
}


#checkout .select2-container .select2-choice {
    background-color: transparent;
    border: none;
    line-height: 1.42857143;
    padding: 0
}

#checkout .woocommerce-checkout #payment {
    background: 0 0
}

#checkout #payment ul.payment_methods {
    border: none;
    padding: 0
}

#checkout .payment_method_paypal {
    display: none
}

.woocommerce-info.alert,
.woocommerce-message.alert {
    padding-left: 60px
}

.sidebar {
    font-size: 16px
}

.sidebar header {
    border-bottom: 4px solid #f7921e;
    margin-bottom: 20px
}

.sidebar h3 {
    font-size: 24px;
    line-height: 30px
}

.sidebar h4 {
    font-size: 20px;
    line-height: 26px
}

.sidebar .media {
    border-bottom: 1px solid #dadada;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 10px
}

.sidebar .media:last-child {
    border-bottom: none
}

.sidebar .nav {
    display: inline-block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 18px
}

.sidebar .navbar-nav>li>a {
    padding-top: 5px;
    padding-bottom: 5px
}

.sidebar .social .btn {
    background-color: #2fb7b4;
    border-radius: 8px;
    padding: 2px 0 0
}

#available-bulldogs.sidebar h3 {
    font-size: 24px
}

#available-bulldogs .img-link {
    max-height: 200px;
    overflow: hidden
}

#available-bulldogs .img-link img {
    width: 100%
}

#available-bulldogs.sidebar .img-link {
    max-height: 130px
}

.gallery {
    margin-bottom: 15px
}

#gallery .preview {
    display: inline-block;
    margin-bottom: 0
}

.gallery .thumbnail {
    max-height: 116px;
    overflow: hidden;
    border: 4px solid #e6e6e6;
    padding: 0
}

.gallery .thumbnail img.img-responsive {
    width: 100%
}

img.alignleft {
    margin-right: 15px;
    margin-bottom: 15px
}

img.alignright {
    margin-left: 15px;
    margin-bottom: 15px
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    margin: 20px auto;
    height: 0
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.modal-content {
    color: #fff
}

.submit {
    display: flex;
    justify-content: space-between;
}

#imgCarousel.modal .modal-header {
    border: none
}

#imgCarousel.modal .modal-header .close {
    color: #fff
}

#imgCarousel.modal .modal-body {
    padding: 15px
}

#imgCarousel.modal .modal-body img.img-responsive {
    margin: 0 auto
}

#imgCarousel.modal .modal-body .gallery-controls {
    padding-top: 15px
}

#imgCarousel.modal .modal-body .gallery-controls p {
    margin: 0
}

#imgCarousel.modal .modal-body .gallery-controls a {
    color: #fff
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.screen-reader-text:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.post-tags {
  margin-top: 20px;
  font-size: 0.9em;
  color: #666;
}
.post-tags a {
  color: #2fb7b4;
  text-decoration: none;
}
.post-tags a:hover {
  text-decoration: underline;
}

footer {
    background-color: #3c3c3c;
    color: #fff;
    font-size: 12px;
    text-align: center
}

footer .nav {
    display: inline-block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 18px
}

footer .navbar-nav>li>a {
    padding-top: 5px;
    padding-bottom: 5px
}

footer .social .btn {
    background-color: #2fb7b4;
    border-radius: 8px;
    padding: 2px 0 0
}

footer a {
    color: #fff
}

@media (max-width:1199px) and (min-width:992px) {
    body {
        padding-top: 127px
    }

    .navbar-brand {
        width: 200px;
        height: 77px;
        padding: 0
    }

    .tagline {
        font-size: 24px;
        margin-top: 18px
    }

    .nav>li>a {
        padding: 8px 10px
    }

    .carousel .item,
    .jumbotron {
        min-height: 361px
    }
}

@media (max-width:991px) and (min-width:768px) {
    body {
        padding-top: 118px
    }

    .section {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .navbar-brand {
        width: 160px;
        height: 62px;
        padding: 0
    }

    .tagline {
        font-size: 24px;
        margin-top: 14px;
        margin-bottom: 0
    }

    .navbar-inverse .navbar-nav>li>a {
        font-size: 15px
    }

    .nav>li>a {
        padding: 8px 6px
    }

    .carousel .item,
    .jumbotron {
        padding-top: 4%;
        padding-bottom: 4%;
        min-height: 243px
    }

    .carousel h1,
    .jumbotron h1 {
        font-size: 28px;
        line-height: 38px
    }

    #services .col-sm-6:first-child,
    #services .col-sm-6:nth-child(2) {
        margin-bottom: 15px
    }

    #featured-bully .photo-container h3 {
        top: auto;
        bottom: 15px
    }

    #featured-bully .descriptor {
        padding-bottom: 20px
    }

    .gallery .thumbnail {
        max-height: 95px;
        overflow: hidden
    }

    #products .bio-content {
        font-size: 16px
    }

    #products article h3 {
        font-size: 18px;
        height: 75px
    }

    #products article h4 {
        font-size: 16px
    }

    .related article {
        margin-bottom: 30px
    }

    #store .quantity input[type=number],
    #store select {
        width: 100%
    }

    #checkout .form-row-first,
    #checkout .form-row-last {
        width: auto;
        float: none
    }
}

@media (max-width:767px) {
    body {
        padding-top: 75px;
        font-size: 16px
    }

    h1 {
        font-size: 28px;
        line-height: 32px
    }

    .section {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .navbar {
        border-top: 5px solid #2fb7b4;
        min-height: 75px
    }

    .sub-nav {
        display: none
    }

    .navbar-header {
        padding: 5px 0
    }

    .navbar-brand {
        width: 65px;
        height: auto;
        float: none;
        margin: 0 0 0 15px;
        padding: 0
    }

    .navbar-brand>img {
        display: inline-block
    }

    .navbar-toggle {
        border: none;
        margin-top: 16px;
        margin-bottom: 0
    }

    .navbar-nav {
        margin: 0 -15px
    }

    .navbar-inverse .navbar-nav>li>a {
        font-size: 16px;
        line-height: 22px
    }

    .navbar-inverse .navbar-nav>.active>a,
    .navbar-inverse .navbar-nav>.active>a:focus,
    .navbar-inverse .navbar-nav>.active>a:hover {
        background-color: #f7921e;
        color: #fff
    }

    .carousel .item,
    .jumbotron {
        background-position: 35% 0;
        min-height: 270px
    }

    .carousel h1,
    .jumbotron h1 {
        font-size: 28px;
        line-height: 38px
    }

    #services {
        text-align: left
    }

    #services .col-sm-6 {
        margin-bottom: 30px
    }

    #services .col-sm-6:last-child {
        margin-bottom: 0
    }

    #services a.icon-link {
        float: left
    }

    #services a .icon {
        display: inline-block;
        width: 50px;
        height: 50px
    }

    #services h2,
    #services p {
        margin-left: 65px
    }

    #featured-bully .photo-container h3 {
        top: auto;
        bottom: 15px
    }

    #supplemental {
        text-align: center
    }

    #news img.img-responsive,
    #supplemental img.img-responsive {
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px
    }

    #supplemental h2 {
        text-align: left
    }

    #news .col-md-6 {
        margin-bottom: 20px
    }

    #news .col-sm-5 {
        text-align: center
    }

    #subscribe .gform_fields .gfield {
        width: 100%;
        float: none;
        padding: 0 15px
    }

    #bios .row,
    #products .row {
        margin-bottom: 0
    }

    #bios article,
    #products article {
        margin-bottom: 30px
    }

    #bio h1 {
        font-size: 28px;
        margin-bottom: 5px;
        margin-top: 0
    }

    #bio .img-wrapper {
        margin: 15px -15px
    }

    #bio .img-wrapper .img-responsive {
        display: inline-block;
        margin: 0;
        width: 100%
    }

    #bio .btn {
        display: block
    }

    #gallery .preview {
        margin-bottom: 30px
    }

    #gallery .thumbnail {
        height: 130px;
        max-height: 130px;
        border: 4px solid #e6e6e6;
        padding: 0
    }

    #products article .bio-content {
        font-size: 16px;
        height: auto
    }

    #products article h3 {
        font-size: 18px;
        height: auto
    }

    #products article h4 {
        font-size: 16px
    }

    #store .quantity input[type=number],
    #store select {
        width: 100%
    }

    .checkbox-inline,
    .radio-inline {
        background-color: #ed8d2f;
        border-radius: 6px;
        color: #fff;
        font-size: 18px;
        margin: 5px 10px 10px 0;
        padding: 10px 15px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .radio-inline input[type="radio"] {
        margin: 0;
        accent-color: #fff; /* modern browser support */
    }

    #cart form .row.update-cart {
        margin-bottom: 30px
    }

    #cart form .row.update-cart .btn {
        width: 100%
    }

    #cart .coupon input[type=text] {
        margin-bottom: 15px;
        float: none !important
    }

    #cart .coupon .btn,
    #cart .coupon input[type=text] {
        width: 100%
    }

    #cart form .row.cart_item {
        margin-bottom: 30px
    }

    #cart .product-quantity {
        margin-top: 15px
    }

    #cart .wc-proceed-to-checkout a {
        width: 100%;
        text-align: center
    }

    #checkout .form-row-first,
    #checkout .form-row-last {
        width: auto;
        float: none
    }

    footer .nav>li {
        display: inline-block
    }

    footer .nav>li>a {
        display: inline-block
    }
}

@media (max-width:480px) {

    .carousel .item,
    .jumbotron {
        background-position: 50% 0;
        min-height: 214px
    }

    .carousel h1,
    .jumbotron h1 {
        font-size: 20px;
        line-height: 32px
    }

    .carousel .btn,
    .jumbotron .btn {
        font-size: 16px;
        padding: 6px 15px
    }
}