Shop Messy Mutts Pet Products

/*Boostrap v3.3.7*/ @import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'); /*Bootstrap Edits*/ a.btn { text-decoration: none; } .btn-primary { background-color:#9a3324; } .btn-primary:hover { background-color:#fff; color:#9a3324; } .btn-primary:active, btn:active { background-color:#9a3324!important; color:#fff!important; } /* Begin HF CSS */ /*********************************** Font Declarations ***************************/ @import url(//db.onlinewebfonts.com/c/5293474f5aaa7893504388a21555ecd2?family=Santa+Fe); @font-face {font-family: "Santa Fe"; src: url("//db.onlinewebfonts.com/t/5293474f5aaa7893504388a21555ecd2.eot"); src: url("//db.onlinewebfonts.com/t/5293474f5aaa7893504388a21555ecd2.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/5293474f5aaa7893504388a21555ecd2.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/5293474f5aaa7893504388a21555ecd2.woff") format("woff"), url("//db.onlinewebfonts.com/t/5293474f5aaa7893504388a21555ecd2.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/5293474f5aaa7893504388a21555ecd2.svg#Santa Fe") format("svg"); } @font-face{ font-family: archerbold; src: url(https://cdn.shopify.com/s/files/1/0659/4529/files/Archer-Bold-Pro.otf?9152187142257839177); } @font-face{ font-family: archermedium; src: url(https://cdn.shopify.com/s/files/1/0659/4529/files/Archer-Medium-Pro.otf?9152187142257839177); } @media (max-width:768px){ span.hf-desktop { visibility:hidden; display:none; } } @media (min-width:769px){ span.hf-mobile { visibility:hidden; display:none; } } @media (max-width:768px){ .hf-desktop { visibility:hidden; display:none; } } @media (min-width:769px){ .hf-mobile { visibility:hidden; display:none; } } img { max-width:100%; } h1 { font-family: archerbold; margin: 15px 0 5px; color:#9a3324; font-size:36px; } a, a:not([href]):not([tabindex]){ color: #9a3324; } a:not([href]):not([tabindex]) { text-decoration: underline; } .master-wrapper-inner-content a { text-decoration: underline; } p, ul { font-family:archermedium; margin: 10px 0; font-size:18px; line-height:1.4em; color:#282828; } ul li { list-style-type:disc; } h1.fastshipping_hf { } p.subtitle_hf { color:#E09327; font-size:1.5em; } h2.subtitle_hf { color:#E09327; } hr.topborder_hf { height: 12px; border: 0; box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5); } hr.bottomborder_hf { height: 12px; border: 0; box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5); } table.table1_hf { width:100%; border-collapse: collapse; } table.table1_hf th,td { padding:20px; border-bottom:solid #9a3324 1px; font-size:1.25em; } img.carriers_hf { max-width: 45%; padding: 0 5px; } article.overflow_hf { background-color:#ECECEC; padding: 10px; padding-bottom: 50px; overflow: auto; max-width:50%; max-height:350px; margin-left:auto; margin-right:auto; } @media (max-width:768px){ article.overflow_hf { max-width:90%; } } div.category-footer h1 { color: #282828; text-align: left; font-size: 3em !important; color: #9a3324 !important; font-weight:bold !important; margin-top: 0px; margin-left: 15px; } div.category-footer h2 { text-align: left; color: #282828; font-size: 2em; margin-left: 15px; } div.category-footer p { text-align:left; margin-left: 15px; } div.category-footer h3 { text-align:left; margin-left: 15px; } div.category-footer h4 { text-align:left; margin-left: 15px; } div #promise { padding: 25px 0px; margin: 10px 0px; text-align: center; border-top: 3px double #d3d3d3; border-bottom: 3px double #d3d3d3; } h2.promise { font-size: 2.2em; color:#9a3324; } h3.promise { font-size:2.2em; color: #282828; } /* END HF Promise */ h2.HFcarouselHeader { text-align:left; color:#9a3324; } h2.HFcarouselHeader a { text-decoration:none; color:#9a3324; } blockquote { font-size: 2em; font-style: italic; margin: 0.25em 0; padding: 0.25em 40px; line-height: 1.45; position: relative; color: #282828; } blockquote:before { display: block; content: "\201c"; font-size: 4em; position: absolute; left: -20px; top: -20px; color: #9a3324; } blockquote cite { color: #999999; font-size: 14px; display: block; margin-top: 5px; } blockquote cite:before { content: "\2014 \2009"; } ._fs-_Global .row { margin-left:0; margin-right:0; } /* Accordion menu */ #accordion-hf{ list-style: none; margin:0; } #accordion-hf h2{ font-size: 12pt; margin: 0px; padding: 10px; background: #9a3324; border-bottom: 1px solid #fff; color:white; } #accordion-hf li div.content-hf{ display: none; padding: 10px; background: #f9f9f9; border: 1px solid #ddd; } #accordion-hf li:hover div.content-hf{ display: inherit; } .wrapper-hf { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom: 25px; } .wrapper-hf iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } div.container { max-width:100%; } .vertcent-hf { position:absolute; top:50%; transform:translateY(-50%); } div.checkoutFinePrint { text-align:center; } small { font-size: 11px; } a:hover { color:#9a3324; } .header-content-banner { border-bottom:none!important; } /* iframe 16:9 responsive */ .iframe-container{ position: relative; width: 100%; padding-bottom: 56.25%; height: 0; } .iframe-container iframe{ position: absolute; top:0; left: 0; width: 100%; height: 100%; } .home-page-product-grid { margin:auto!important; } .mobile-img { display:none; visibility:hidden; } .no-padding { padding-left:0!important; padding-right:0!important; } @media only screen and (max-width: 940px) { .desktop-img { display:none; visibility:hidden; } .mobile-img { display:inline; visibility:visible; } } .visually-hidden { position: absolute; left: 10000px; } /* End HF CSS */ /* Added by SM */ div.category-description h1 { text-align: left; margin-top: 0px; margin-left: 15px; } span .fa-tiktok { display: inline-block; text-rendering: auto; vertical-align:middle; } /* Helps for Accessibility, while hover displays the span tag message */ a.target-blank { position: relative; display: inline-block; border-bottom: 1px dotted black; } a.target-blank .target-blank-text { visibility: hidden; background-color: #9a3324; color: #fff; text-align: center; border-radius: 6px; padding: 5px 5px; /* Position the target-blank */ position: absolute; z-index: 1; left: 40%; } .target-blank:hover .target-blank-text { visibility: visible; } /* End Accessibility*/ /* For Printable Measuring Guide */ .printable-measuring-guide-img a { font-size: 14px; text-decoration-line: none; } .printable-measuring-guide-img a:hover { text-decoration-line: underline; } .printable-measuring-guide-img img { width:30%; padding-right:10px; } @media only screen and (min-width: 768px) { .printable-measuring-guide-img img{ width:10%; } } /* End Printable Measuring Guide */ /* Product details GA and TA sizing */ table.analysis { font-size: 0.9rem; font-family: 'archermedium'; } table.analysis td { padding: 5px 10px!important; } /*@media (min-width: 1200px){ .homepage-container { width: 1400px!important; } }*/ /* End Product details GA and TA sizing */ .product-variant-grid.product-variant-description span.product-title { font-weight: bold; } .homepage-container h3 { font-weight: bold; } @media (min-width: 768px) { .homepage-container { width: 1440px; } .homepage-banner-container { padding-left: 0px; padding-right: 0px; } .homepage-banner-container img { height: 296px; object-fit: cover; } } @media (min-width: 768px) and (orientation:portrait) { /* .homepage-container { width: 1020px; }*/ .homepage-banner-container { padding-left: 0px; padding-right: 0px; } .homepage-banner-container img { height: 296px; } } .feedingGuidelineDetail th { padding: 20px 15px; } .feedingGuidelineDetail td { padding: 5px 15px; } /* End Added by SM */ a { text-decoration:underline; } .menu-item-hf a {text-decoration: none;}