@charset "utf-8";
/* CSS Document */

body {background-color: #F9F9F9;}
.ec-dark-bg {background-color: #000;}
.ec-darkgray-bg {background-color:#1D1D1D;}
.ec-logo {max-width: 200px;}
.no-webp .hero-container {min-height: 70vh; background: url("/assets/imgs/banner-cg-echomepage.jpg") no-repeat bottom center; background-size: cover;}
.webp .hero-container {min-height: 70vh; background: url("/assets/imgs/banner-cg-echomepage.webp") no-repeat bottom center; background-size: cover;}
@media (max-width: 576px){.hero-container {min-height: 40vh!important;}}
.ec-search, .ec-search:focus {color:#ccc; margin-right: 35px;background-color: #000;
    height: 42px;
    font-size: 14px;padding: 6px 12px !important;}
.searchform {max-width:20vw;}
@media (max-width: 992px){.searchform {max-width:50vw;}}
@media (max-width: 576px){.searchform {max-width:80vw;}}
.intro {padding: 4% 5%;}
.intro p {margin: auto;}
@media (max-width: 576px){.intro {padding: 3% 1%;}}
.tr-article-img {display: block; height: 100%;min-height: 150px;background-size: cover;border: 1px solid #eee;}
@media (max-width: 576px){.tr-article-img {margin-bottom: 3em;}.tr-article-img-box {margin-bottom: 2em;}}
.pop-article {background-color: #fff;}
.pop-article-img {height: 180px; width:100%;background-size: cover;border: 1px solid #eee;}
.pop-article-exc {color:#999;}
.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;}
.product-sec {background-color: #fff;}
.footer-icon {max-width:35px;}
/** offsetting scroll to on-page anchor **/
.scrollable-anchor::before {content: ''; display: block; height: 100px; margin-top: -100px;}

.padding-dx {padding-left:5%; padding-right:5%;}
@media (max-width: 992px){.padding-dx {padding-left:3%; padding-right:3%;}}
@media (max-width: 576px){.padding-dx {padding-left:2%; padding-right:2%;}}

/* Buttons */
.ec-products-button-white, .ec-signin-m {background-color: #ccc; border-bottom: 3px solid #419dcd; color: #000;}
.btn-sq {display: flex; align-items: center; height: 330px; width: 100%; color: #000;background-color:#fff;border: 10px solid #F9F9F9;}
.btn-sq {color:#000; border: 10px solid #fff;box-shadow: 0 0 10px rgb(200, 200, 200);}
.btn-sq:hover, .btn-sq:focus, .btn-sq:active {box-shadow: none;}
.shop-btn {background-color: #269ccb !important; color: #000 !important;}
.shop-btn:hover {background-color: #175b76 !important; color: #000;}
.no-webp .btn-Mammals-sq {background: url("/assets/imgs/ailments-a-z.png") no-repeat center center; background-size: cover; height:250px;width:100%;}
.no-webp .btn-Birds-sq {background: url("/assets/imgs/ailments-a-z.png") no-repeat center center; background-size: cover; height:250px;width:100%;}
.no-webp .btn-Reptiles-sq {background: url("/assets/imgs/ailments-a-z.png") no-repeat center center; background-size: cover; height:250px;width:100%;}
.no-webp .btn-Amphibians-sq {background: url("/assets/imgs/ailments-a-z.png") no-repeat center center; background-size: cover; height:250px;width:100%;}
.no-webp .btn-Invertebrates-sq {background: url("/assets/imgs/ailments-a-z.png") no-repeat center center; background-size: cover; height:250px;width:100%;}
.no-webp .btn-Plants-sq {background: url("/assets/imgs/ailments-a-z.png") no-repeat center center; background-size: cover; height:250px;width:100%;}
.no-webp .btn-Fish-sq {background: url("/assets/imgs/ailments-a-z.png") no-repeat center center; background-size: cover; height:250px;width:100%;}
.btn-Mammals-sq {background: url("/assets/imgs/ailments-a-z.png") no-repeat center center; background-size: cover; height:250px;width:100%;}
.btn-Birds-sq {background: url("/assets/imgs/ailments-a-z.png") no-repeat center center; background-size: cover; height:250px;width:100%;}
.btn-Reptiles-sq {background: url("/assets/imgs/ailments-a-z.png") no-repeat center center; background-size: cover; height:250px;width:100%;}
.btn-Amphibians-sq {background: url("/assets/imgs/ailments-a-z.png") no-repeat center center; background-size: cover; height:250px;width:100%;}
.btn-Invertebrates-sq {background: url("/assets/imgs/ailments-a-z.png") no-repeat center center; background-size: cover; height:250px;width:100%;}
.btn-Plants-sq {background: url("/assets/imgs/ailments-a-z.png") no-repeat center center; background-size: cover; height:250px;width:100%;}
.btn-Fish-sq {background: url("/assets/imgs/ailments-a-z.png") no-repeat center center; background-size: cover; height:250px;width:100%;}
.no-webp .btn-ailments-sq {background: url("/assets/imgs/ailments-a-z.png") no-repeat center center; background-size: cover; height:250px;width:100%;}
.btn-ailments-sq {background: url("/assets/imgs/ailments-a-z.webp") no-repeat center center; background-size: cover; height:250px;width:100%;}
.no-webp .btn-remedies-sq {background: url("/assets/imgs/lugols-iodine-supplements.jpg") no-repeat center center; background-size: cover; height:250px;width:100%;}
.btn-remedies-sq {background: url("/assets/imgs/lugols-iodine-supplements.webp") no-repeat center center; background-size: cover; height:250px;width:100%;}
.no-webp .btn-pets-sq {background: url("/assets/imgs/pet-remedies-3-150x150.png") no-repeat center center; background-size: cover; height:250px;width:100%;}
.btn-pets-sq {background: url("/assets/imgs/pet-remedies-3-150x150.webp") no-repeat center center; background-size: cover; height:250px;width:100%;}
.no-webp .btn-latest-sq {background: url("/assets/imgs/latest-posts1.png") no-repeat center center; background-size: cover; height:250px;width:100%;}
.btn-latest-sq {background: url("/assets/imgs/latest-posts1.webp") no-repeat center center; background-size: cover; height:250px;width:100%;}
@media (max-width: 576px){.menu-icon { width: 30px; margin-left: 10px;}}
body {font-family: 'proxima-nova',Open Sans, sans-serif;font-weight: 300;}
body a {color:#0084CB;text-decoration: underline;}
body a:hover, body a:active, body a:focus {color:#419dcd; text-decoration: none;}
.section-header {font-family: 'proxima-nova',Open Sans, sans-serif; font-weight: 300; border-bottom: 1px solid #999;}
.intro p,.intro ul,.intro ol {font-size: 1.2rem;}
@media (max-width: 992px){.intro p {font-size: 1.6rem;}}
@media (max-width: 576px){.intro p {font-size: 1.2rem;padding: 0px 20px;}}

.btn-sq { font-family: "proxima-nova",'Times New Roman',Times,Serif; font-size: 1.3rem; }
.ec-products-button-white, .three-btn-nav, .ec-signin-m {font-family:'proxima-nova',Open Sans, sans-serif} /*'Roboto Condensed', sans-serif;font-weight: 700;*/
.three-btn-nav {font-size: 1.2rem;}
.ec-signin-m {color: #000!important;}
.tr-article-cell h4, .pop-article-hd {font-family: 'Libre Baskerville', serif; font-weight: 400; color: #000;line-height: 135%;}
.tr-article-cell a, .pop-article-hd a {color:#000; text-decoration: none; line-height: 135%;}
.tr-article-cell a:hover, .pop-article-hd a:hover {color:#419dcd; text-decoration: underline;}
.tr-article-cell p {font-family: 'proxima-nova',Open Sans, sans-serif; font-size: 1.1rem;color:#000;}
.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:#419dcd;}
.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;
}

/* Video Styles */
.video-overlay {background-color:rgba(0,0,0,.5);}
.video-overlay:hover {background-color:rgba(0,0,0,.0);}
.video-play-icon {max-width: 60px;}
.video-container {overflow: hidden; position: relative;width:100%;background-color:#000;}
.video-container::after {padding-top: 56.25%; display: block; content: '';}
.video-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.video-modal-content {background-color:#000;background-color:rgba(0,0,0,0);color:#fff;border:none;}

/* Bootstrap customization */
.btn-outline-secondary {color:#fff;}
.btn-outline-secondary:hover {background-color: #269ccb !important; color: #000;}
.form-control:focus {box-shadow: none;}
.offcanvas-start {width:100%;}
.dropdown-menu {box-shadow: 2px 2px 0 0 rgb(200, 200, 200);}
.dropdown-item {border-bottom: 1px solid #eee;}

/* Nav customization */
.nav-link {font-size:18px;}
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
    font-weight: 300;
    padding-right: 15px;
}
/*trending = home*/
#trending p {color:#999;}
.bd-button-39, .bd-button-39:link, .bd-button-39:visited {
    color: #fff;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    text-transform: none;
    letter-spacing: 1px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-weight: 600;
    font-size: 14px;
    background-image: -webkit-linear-gradient(90deg, #f54500 0, rgba(255,255,255,0) 78%);
    background-image: -o-linear-gradient(90deg, #f54500 0, rgba(255,255,255,0) 78%);
    background-image: -ms-linear-gradient(90deg, #f54500 0, rgba(255,255,255,0) 78%);
    background-image: -moz-linear-gradient(90deg, #f54500 0, rgba(255,255,255,0) 78%);
    background-attachment: scroll;
    background-color: #efac4d;
    width: 75%;
    padding: 10px 32px;
    border: 1px solid #777;
    border-radius: 5px;
    line-height: 20px;
    font-family: 'Roboto Condensed', sans-serif;font-weight: 700;
}

.bd-button-add-post, .bd-button-add-post:link, .bd-button-add-post:visited {
    color: #fff;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    text-transform: none;
    letter-spacing: 1px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-size: 22px;
    background-image: -webkit-linear-gradient(90deg, #f54500 0, rgba(255,255,255,0) 78%);
    background-image: -o-linear-gradient(90deg, #f54500 0, rgba(255,255,255,0) 78%);
    background-image: -ms-linear-gradient(90deg, #f54500 0, rgba(255,255,255,0) 78%);
    background-image: -moz-linear-gradient(90deg, #f54500 0, rgba(255,255,255,0) 78%);
    /*background-image:none;*/
    background-color: none;
    background-attachment: scroll;
    padding: 15px 25px;
    border: 1px solid #fff;
    border-radius: 5px;
    /*font-family: 'Roboto Condensed', sans-serif;font-weight: 700;*/
}
.bd-button-add-post-header, .bd-button-add-post-header:link, .bd-button-add-post-header:visited {
    letter-spacing: 1px;
    font-size: 15px;
    padding: 12px 12px;
    border-radius: 1px;
    background-image: none;
    background-color:none !important;
}
.bd-button-add-post:hover{background-image:linear-gradient(0deg, #f54500, #f54500);background-repeat:repeat;background-position:0 0}
@media (max-width: 576px){
.intro p {
    font-size: 1.2rem;
    padding: 0px 20px;
}
}