@charset "utf-8";

/* CSS Document */



.ec-dark-bg {background-color: #000;}

.ec-logo {max-width: 200px;}

.no-webp .hero-container {min-height: 50vh; background: url("/mobile/assets/imgs/products-hero-mobile.jpg") no-repeat bottom center; background-size: cover;}

.webp .hero-container {min-height: 40vh; background: url("/mobile/assets/imgs/products-hero-mobile.webp") no-repeat bottom center; background-size: cover;}

.ec-search, .ec-search:focus {color:#ccc; margin-right: 35px;}

.tr-article-img {display: block; height: 100px;background-size: cover;border: 1px solid #eee;}

.pop-article-img {height: 338px; width:100%;background-size: cover;border: 1px solid #eee;}

.pop-article-exc {}

.ec-bg-dark {background-color: #000;}

.ec-mobile-close {background-color: #fff;opacity: 1;}

.ec-ad, .ec-ad img {width: 100%;}

.ec-signin-m {border: none;}

.footer-icon {max-width:35px;}

/** offsetting scroll to on-page anchor **/

.scrollable-anchor::before {content: ''; display: block; height: 100px; margin-top: -100px;}





/* Buttons */

.ec-products-button-white, .ec-signin-m {background-color: #ccc; border-bottom: 3px solid #FB5602; color: #000;}

.three-btn-nav {border-bottom: 3px solid #FB5602; background-color: #000;color:#fff;}

.three-btn-nav:hover, .three-btn-nav:active, .three-btn-nav:focus {color: #FB5602;}

.btn-sq {display: flex; align-items: center; justify-content: center; height: 150px; width: 100%; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); color: #fff;text-transform: uppercase;text-shadow: 0px 0px 8px rgba(0,0,0,.8);}

.btn-sq:hover, .btn-sq:focus, .btn-sq:active {color:#fff; border: 3px solid #333;}

.no-webp .btn-ailments-m-sq {background: url("/mobile/assets/imgs/home-img-1.png") no-repeat center center; background-size: cover;}

.webp .btn-ailments-m-sq {background: url("/mobile/assets/imgs/home-img-1.png") no-repeat center center; background-size: cover;}

.no-webp .btn-remedies-m-sq {background: url("/mobile/assets/imgs/home-img-2.png") no-repeat center center; background-size: cover;}

.webp .btn-remedies-m-sq {background: url("/mobile/assets/imgs/home-img-2.png") no-repeat center center; background-size: cover;}

.no-webp .btn-pets-m-sq {background: url("/mobile/assets/imgs/home-img-3.png") no-repeat center center; background-size: cover;}

.webp .btn-pets-m-sq {background: url("/mobile/assets/imgs/home-img-3.png") no-repeat center center; background-size: cover;}

.no-webp .btn-latest-m-sq {background: url("/mobile/assets/imgs/home-img-4.png") no-repeat center center; background-size: cover;}

.webp .btn-latest-m-sq {background: url("/mobile/assets/imgs/home-img-4.png") no-repeat center center; background-size: cover;}



/* Typography */

/*

font-family: 'Roboto', sans-serif; font-weigth: light 300, light 300 italic, regular 400, regular 400 italic, bold 700, bold 700 italic

font-family: 'Roboto Condensed', sans-serif; font-weigth: regualr 400, regular 400 italic, bold 700, bold 700 italic 

font-family: 'Roboto Slab', serif; light 300, regular 400

*/

body {font-family: 'proxima-nova', sans-serif;font-weight: 400;}

body a {color:#0084CB;text-decoration: underline;}

body a:hover, body a:active, body a:focus {color:#FB5602; text-decoration: none;}

.section-header {font-family: 'Roboto Condensed', sans-serif; font-weight: 700; border-bottom: 1px solid #999; text-align: center;}

.btn-sq {font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 1.3rem; }

.ec-products-button-white, .three-btn-nav, .ec-signin-m {font-family: 'Roboto Condensed', sans-serif;font-weight: 700;}

.three-btn-nav {font-size: 1.2rem;}

.ec-signin-m {color: #000!important;}

.tr-article-hd, .pop-article-hd {font-family: 'Roboto Slab', serif; font-weight: 400; color: #000;line-height: 135%;}

.tr-article-hd a, .pop-article-hd a {color:#000; text-decoration: none; line-height: 135%;}

.tr-article-hd a:hover, .pop-article-hd a:hover {color:#FB5602; text-decoration: underline;}

.offcanvas-body a {color:#fff; text-decoration: none; text-align:left!important;}

.offcanvas-body a:hover, .offcanvas-body a:focus, .offcanvas-body a:active  {color:#FB5602;}

.offcanvas-body a.ec-signin-m {text-align:center!important;}



.footer {font-size: .9em;}

.footer a {color:#fff; text-decoration: underline;}

.footer a:hover,.footer a:active, .footer a:focus  {color:#40A0D5; text-decoration: none;}



/* Search Form */

.ms-n5 {

    margin-left: -35px;

}



/* Search Form */

.offcanvas-body .bi::before, [class^="bi-"]::before, [class*=" bi-"]::before {

    min-width: 23px;text-align:center;

}

.offcanvas-body .fa{min-width: 23px;text-align:center;}

.offcanvas-body .row>* {

    padding-right: 0;

    padding-left: 0;

}

.offcanvas-body .row {--bs-gutter-x: 0;}

.btn {padding: 0.375rem 0;font-size:17px !important;}

.btn:focus {-webkit-tap-highlight-color: rgba(0,0,0,0);}



.btn:focus, .btn:active, .btn.active, .btn:focus:active {

  background-image: none;

  outline: none;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.btn {

  outline: none;

}



.panellinks .btn {color: #fff;}

.panellinks .btn:hover {color: #fff;}

.offcanvas-body a:hover,.panellinks a:hover{color: #ccc;}

.offcanvas-body a,.panellinks a{padding: 0.375rem 0;font-size:17px !important;line-height: 34px;}



h3{font-family: "proxima-nova",Open Sans,Times,Serif;}

.section-header{font-family: "proxima-nova",Open Sans,Times,Serif;}

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

    font-family: "proxima-nova",'Times New Roman',Times,Serif;

}

.pop-article-hd h4 a{font-size: 28px;}

div.pop-article-exc{font-size: 14px;

    padding: 0 0 10px 0;

    color: #7d7979;

    overflow: hidden;

    letter-spacing: 0.6px;

    font-weight: 300;

    line-height: 1.7;}

.pop-article-hd h4{padding: 10px 5px; text-align:left;}

.section-header{font-weight: 400;}

.popularlist {

    margin: 0px;

    width: 100%;

    border-width: 1px;

    border-color: rgba(232, 230, 230);

    border-style: solid;

    opacity: 1;

    display: block;

    margin-top: 30px;

}

.populartexcontainer {

    padding: 0 25px;

}

.mobile-indi {

    font-size: 8.5px;

    position: absolute;

    padding-top: 35px;

    margin-left: -1px;

    text-shadow: 0 0 #000;

    color: #fff;

}



a {

    word-wrap: break-word;

    word-break: break-word;

    overflow-wrap: break-word;

}