/*
Theme Name: Starlight Kratom 2022
Theme URI: https://proximatesolutions.com/professional-web-design-portfolio/
Author: Proximate Solutions
Author URI: https://proximatesolutions.com/
Description: Wordpress theme designed for Starlight Kratom with Woo Commerce & Blog Integration.
Version: 2.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: starlightkratom2022
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/
:root {
  --primary:#5497a9;
  --primary_hover:#418292;
  --white:#ffffff;
  --dark:#242424;
}
body {font-family: 'Fontin Sans Rg'; line-height: 1.6; color: #222222;}
html, body {overflow-x: hidden;}
.main {background: url(images/body2.png) center top no-repeat; margin-top: 147px;background-size: contain;}
img {max-width:100%; height:auto;}
a {color:var(--primary); transition:all linear 0.2s; text-decoration: none;}
a:hover, a:focus {text-decoration:none; outline:0; color:#222;}
section {padding:70px 0;}
h1, h2, h3, h4, h5, h6 {font-weight: 400; }
@media (min-width: 1200px){
  .h1, h1 { font-size: 2.5rem;}
  .h2, h2 { font-size: 2rem;}
}
.form-group {margin-bottom: 10px;}

.dark_text {color: var(--primary_hover);}
.btn { padding:12px 35px;}
.btn:focus, .form-control:focus {box-shadow: none;}
.btn_styled {border-radius: 25px;}

.btn-warning { background: var(--primary); border-color: var(--primary); color: #fff;}
.btn-warning:hover, .btn-warning:focus { background: var(--primary_hover); border-color: var(--primary_hover); color: #fff;}

.btn-outline-warning{border-color: var(--primary);color: var(--primary_hover);}
.btn-outline-warning:hover, .btn-outline-warning:focus{background: var(--primary); border-color: var(--primary);}
.banner_btn {position: relative; border-radius: 50px; text-transform: uppercase; padding-left: 60px; margin-top: 30px;}
.banner_btn i {background: var(--primary); color: #fff; border-radius: 100%; width: 25px; height: 25px; line-height: 25px; text-align: center; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); transition:all linear 0.2s;}
.banner_btn:hover i {left: 25px; background: var(--white);}

.alignleft { float:left; margin:0 15px 10px 0;}
.alignright { float:right; margin:0 0 10px 15px;}
.aligncenter { text-align:center; margin:0 auto 10px; display:block;}
.alignnone { float:none;}
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; margin-bottom:1rem; padding:4px; max-width:100%; border-radius:4px; -webkit-border-radius:4px;}
.wp-caption img { margin:0; padding:0; border:0;}
.wp-caption p.wp-caption-text { font-size:12px; padding:0 5px; margin:0;}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.clear { clear:both;}
.mrb-10 { margin:0 10px 10px 0;}
.br-0 { border-radius:0; -webkit-border-radius:0;}

.alert-secondary {background-color: var(--primary); border:0; border-radius:0!important; text-align: center; color: #fff; text-decoration: none; font-size: 14px; padding:15px; position: absolute; left: 0; top:0; right:0; z-index: 9; letter-spacing: 1px;}
.round_cross {background-color: #000; color: #fff; text-decoration: none; font-size:13px; width: 20px; height: 20px; border-radius:50%; position: absolute; right:20px; top:15px; display: inline-block;text-align: center;}
.round_cross:hover {background-color: var(--primary_hover); color: #fff; text-decoration: none; font-size:13px; width: 20px; height: 20px; border-radius:50%; position: absolute; right:20px; top:15px; display: inline-block; text-align: center;}
.round_cross:focus {outline: 0;}
.header_bar { background: var(--dark); color: var(--white); padding: 10px 0; position: absolute; left: 0; top: 52px; right: 0; z-index: 9;}

.top_right {float: right;}
.search_header {display: inline-block; margin-right: 30px;;}
.open_search {font-size:20px; color: #fff; text-decoration: none; position: relative; top: 3px;}
.open_search:hover {text-decoration: none; color: #fff;}
.full_screen_wrapper {background-color:rgba(255,255,255,0.95); position:fixed; left:0; top:0; right:0; bottom:0; text-align: center; z-index: 99999999999999; display:none;}
.full_screen_search {text-align: center; position:absolute; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.full_screen_search input.form-control {background-color:transparent; padding:20px 10px 20px 0; color: #000; text-decoration: none; font-size:30px; border:0; border-bottom:#000 solid 2px; width:90%; -webkit-border-radius:0; border-radius:0;}
.full_screen_search input.form-control:focus {box-shadow: none!important; outline: 0!important;}
.full_screen_search .search_button {position:absolute; height: 3.5em; width: 3.5em; right:0; top:15px; background-color:#000; -webkit-border-radius:50%; border-radius:50%; display:inline-block; border:0; color: #fff; font-size:15px; }
.cross_button {position:absolute; right:3%; top:3%; font-size:30px; display:inline-block; color: #000; text-decoration: none;}
.cross_button:hover {color: #000;}
.login_register {margin-right: 30px; display: inline-block; font-size:12px; text-transform: uppercase; }
.login_register ul {list-style: none; margin: 0; padding: 0;}
.login_register ul li {display: inline-block; position: relative; padding-right: 20px;}
.login_register ul li:after {content:" /"; position: absolute; right: 6px;}
.login_register ul li a { text-transform: uppercase;}
.login_register ul li:last-child{ padding-right: 0;}
.login_register ul li:last-child:after {content:"";}
.login_register ul li a:hover{color: var(--primary);}

.cart_link {position: relative; display: inline-block; margin-right: 120px;}
.cart_link i {font-size:23px; color: #fff; text-decoration: none;}
.cart_link span {position: absolute; right:-5px; top:-7px; background-color: var(--primary); width: 15px; height:15px; line-height: 15px; -webkit-border-radius:100%; border-radius:100%; color: #fff; display: inline-block; font-size:8px; text-align: center;}

#menu {padding:0; display: inline-block; margin-left: 22px;}
#menu ul{list-style:none;margin:0;padding:0;text-align:left;}
#menu ul li{display:inline-block;position:relative; margin:0 4px;}
#menu ul li:last-child {margin-right:0; }
#menu ul li a{color:var(--white); padding:10px 8px; display:block; text-decoration:none; position:relative; text-transform: uppercase;}
#menu ul li a:before {background: url(images/active.png) 0 0 no-repeat; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;  content: ""; width: 40px; height: 4px; opacity: 0;}
#menu li > a:after { content: '\f107'; font-family:'FontAwesome'; margin-left:5px; }
#menu li > a:only-child:after { margin-left: 0; content: '';   }
#menu ul li a:hover,
#menu ul li.active a,
#menu ul li.current_page_item>a,
#menu ul li.current-menu-ancestor>a,
#menu ul li.current-menu-item>a,
#menu ul li.current-menu-parent>a{color: var(--primary);   }
#menu ul li.active:before {opacity: 1;}
#menu ul li a:hover:before,
#menu ul li.active a:before,
#menu ul li.current_page_item>a:before,
#menu ul li.current-menu-ancestor>a:before,
#menu ul li.current-menu-item>a:before,
#menu ul li.current-menu-parent>a:before {opacity: 1;}
#menu li.active ul li a{color:#fff;background:#000}
#menu li.active ul li a:hover{color:#fff;background:var(--primary)}
#menu li>ul{position:absolute;left:0;top:100%;z-index:999;min-width:220px;white-space:nowrap;}
#menu ul li.active ul li a { background:#fff; color:#333; border-bottom:1px solid rgba(0,0,0,0.09)!important;}
#menu li>ul li{background:#fff;border-bottom:1px solid rgba(0,0,0,0.09);display:block;position:relative; margin:0; text-align:left;}
#menu li>ul li a{color:#333;font-size:13px; padding:10px 15px;  border-right:0;  font-weight:500;}
#menu li>ul li a:hover{color:#fff;text-decoration:none}
#menu li ul li.current_page_item>a,#menu li ul li.current-menu-ancestor>a,#menu li ul li.current-menu-item>a,#menu li ul li.current-menu-parent>a{background:var(--primary);color:#fff}
#menu>li{border-left:1px solid #999}
#menu>li:first-child,#menu>li.has-submenu+li{border-left:0}
#menu li>ul>li>ul{position:absolute;left:100%;top:0;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
#menu li>ul>li:hover>ul{visibility:visible;opacity:1;display:block}
#menu li>ul{transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
#menu li:hover>ul{visibility:visible;opacity:1}
#menu li>ul li a{padding:0 23px;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s; font-size:14px;}
#menu li>ul li a:hover {background-color: var(--primary);}
#menu li:hover>ul li a{padding:10px 23px}
#menu li>ul li:hover a {color:#fff;}
#menu li>ul li:hover ul li a {color:#000;}
#menu li>ul li ul li a:hover {color:var(--primary);}
@keyframes menu_sticky {
  0%   {margin-top:-240px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}

.bar-middle {width: 80%;}
.open-overlay{position:fixed;right:3rem;top:5.4rem;z-index:100;display:block;cursor:pointer; z-index: 9999999999;}
.bar-top, .bar-bottom {width:11px;}
.open-overlay span{display:block;height:2px;background-color:#fff;cursor:pointer;margin-top:5px;}

.bar-middle {width:22px}
.animate-top-bar{-webkit-animation:animate-top-bar .6s linear 1 both;animation:animate-top-bar .6s linear 1 both}
.animate-bottom-bar{-webkit-animation:animate-bottom-bar .6s linear 1 both;animation:animate-bottom-bar .6s linear 1 both}
.animate-middle-bar{-webkit-animation:animate-middle-bar .6s linear 1 both;animation:animate-middle-bar .6s linear 1 both; width: 80%;}
.animate-out-top-bar{-webkit-animation:animate-out-top-bar .6s linear 1 both;animation:animate-out-top-bar .6s linear 1 both}
.animate-out-bottom-bar{-webkit-animation:animate-out-bottom-bar .6s linear 1 both;animation:animate-out-bottom-bar .6s linear 1 both}
.animate-out-middle-bar{-webkit-animation:animate-out-middle-bar .6s linear 1 both;animation:animate-out-middle-bar .6s linear 1 both}
@keyframes animate-top-bar {
    0%{background-color:#fff}
    50%{-webkit-transform:translateY(9px);transform:translateY(9px)}
    80%{-webkit-transform:translateY(5px);transform:translateY(5px);background-color:#fff}
    100%{-webkit-transform:translateY(0);transform:translateY(0);background-color:#fff}
}
@keyframes animate-bottom-bar {
    0%{background-color:#fff}
    50%{-webkit-transform:translateY(-9px);transform:translateY(-9px)}
    80%{-webkit-transform:translateY(-5px);transform:translateY(-5px);background-color:#fff}
    100%{-webkit-transform:translateY(0);transform:translateY(0);background-color:#fff}
}
@keyframes animate-middle-bar {
    0%{background-color:#fff}
    80%{background-color:#fff}
    100%{background-color:#fff}
}
@keyframes animate-out-top-bar {
    0%{background-color:#fff}
    50%{-webkit-transform:translateY(9px);transform:translateY(9px)}
    80%{-webkit-transform:translateY(5px);transform:translateY(5px);background-color:#fff}
    100%{-webkit-transform:translateY(0);transform:translateY(0);background-color:#FFF}
}
@keyframes animate-out-bottom-bar {
    0%{background-color:#fff}
    50%{-webkit-transform:translateY(-9px);transform:translateY(-9px)}
    80%{-webkit-transform:translateY(-5px);transform:translateY(-5px);background-color:#fff}
    100%{-webkit-transform:translateY(0);transform:translateY(0);background-color:#FFF}
}
@keyframes animate-out-middle-bar {
    0%{background-color:#fff}
    80%{background-color:#fff}
    100%{background-color:#fff}
}

.header_bar.sticky {  margin:0;  position: fixed; top:0; left:0; width:100%; z-index:99999; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out; -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 10px; box-shadow: rgba(0,0,0,0.1) 0 0 10px;}

.header_bar.sticky .open-overlay {top: 2.15rem;}
.logo {display: inline-block; margin:0 auto;}
.home_wrapper {position: relative;}

#hero_slider.owl-theme .owl-nav{margin:0}
#hero_slider .owl-prev,
#hero_slider .owl-next{color:var(--dark);position:absolute;top:calc(48% - 25px);right:30px;text-align:center;transition:all ease .3s;width:40px;z-index:999;font-size:30px; background: #f2f2f2; margin:0;border-radius:7px; height: 50px; line-height: 55px;}
#hero_slider .owl-prev{left:30px}
#hero_slider .owl-prev:hover,#hero_slider .owl-next:hover{ background:rgba(0,0,0,0.9);  color: var(--white);}
#hero_slider .owl-dots {counter-reset: slides-num; text-align: right;display: flex; position: absolute; bottom: 15px; right: 150px; color: #333; }
#hero_slider .owl-dots:after {content: counter(slides-num);	display: inline-block;font-size: 25px;		vertical-align: middle; padding-left: 15px;  }
#hero_slider .owl-dot {display: inline-block;counter-increment: slides-num; font-size: 25px; }
#hero_slider.owl-theme .owl-dots .owl-dot span  {display: none;}
#hero_slider.owl-theme .owl-dot.active {margin: 5px 12px; color: var(--primary); -webkit-text-stroke: 1px black;  font-size: 30px; color: transparent; }
#hero_slider.owl-theme .owl-dot.active:before { content:  counter(slides-num) " , " ;  -webkit-text-stroke-width: inherit; -webkit-text-stroke-color: inherit;   display: inline-block; vertical-align: middle;  font-size: 26px; position: absolute; left: 0; top: 0;}
#hero_slider .item img{width: auto;}

.banner_title { font-size: 55px; font-weight: 700; margin-bottom: 20px; position: relative; padding-bottom: 20px; line-height:1.6;}
.banner_title:after {background:url(images/heading_bar.png) left no-repeat; position: absolute; left: 0; bottom: 0; content: ""; width: 161px; height: 13px;}
.banner_text h3 {font-size: 36px;}
.banner_text h3 span {display: block;font-size: 24px;}

.slide_product {position: relative; text-align: center; padding: 50px 0 100px; }
.slide_product img {width: auto;  margin: 0 auto; max-height: 60vh;}

.cap_1 {position: absolute; border-radius: 100%; background: var(--white); border: var(--primary) 15px solid; text-align: center; width: 165px; height: 165px; right: 10%; top: 20%;}
.cap_1 span {position: absolute; max-width: 100%; width: 90%;  top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1; font-size: 16px; text-transform: uppercase; }
.cap_2{position: absolute; border-radius: 100%; background: var(--primary);color:var(--dark);text-align: center; width: 118px; height: 118px; left: 15%; bottom: 20%;}
.cap_2 span {position: absolute; max-width: 100%; width: 90%; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1; font-size: 13px; color: #fff; }

.mouse_scroll{display:block;margin:0 auto; position: absolute; bottom: 0px; right:31%; z-index: 9;}
.m_scroll_arrows{display:block;width:5px;height:5px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);border-right:2px solid var(--primary);border-bottom:2px solid var(--primary);margin:0 0 3px 4px;width:16px;height:16px;}
.unu{margin:1px auto 0;}
.unu,.doi,.trei{-webkit-animation:mouse-scroll 1s infinite;-moz-animation:mouse-scroll 1s infinite;animation:mouse-scroll 1s infinite;}
.unu{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-webkit-animation-direction:alternate;animation-direction:alternate;animation-delay:alternate;}

.mouse{height:66px;width:40px;border-radius:30px;transform:none;border:2px solid var(--primary);top:170px;}
.wheel{height:8px;width:8px;display:block;margin:5px auto;background:var(--white);position:relative;border:2px solid var(--primary);border-radius:100%;}
.wheel{-webkit-animation:mouse-wheel .6s linear infinite;-moz-animation:mouse-wheel .6s linear infinite;animation:mouse-wheel .6s linear infinite;}

@keyframes mouse-wheel{
  0%{top:1px}
  25%{top:2px}
  50%{top:3px}
  75%{top:2px}
  100%{top:1px}
}
@keyframes mouse-scroll{
  0%{opacity:0}
  50%{opacity:.5}
  100%{opacity:1}
}

.s_right_img {padding-right: 0; text-align: right;}
.s_right_img img {border-top-left-radius: 25px;border-bottom-left-radius: 25px;}

.home_product_section {position: relative; margin-top: -100px; padding-bottom: 20px;}
.rightbar {color: var(--dark);}
.rightbar .offcanvas-title {margin-left: 45px;}
.rightbar .offcanvas-header {display: block; text-align: right; padding-right: 60px;}
.right_menu {color: #333; position: absolute; width: 200px; left: 66px; top: 50%; transform: translateY(-50%); max-width: 100%;}
.mobile_show {display: none;}

.right_menu h5 span {    color: var(--primary_hover); font-weight: bold; text-transform: uppercase;}
ul.right_info {list-style: none; margin: 0; padding: 0; margin-bottom: 30px;}
ul.right_info li  {padding:0; margin:0 0 5px; list-style: none; font-size: 14px; text-transform: uppercase;}
ul.right_info li a {color: #111;}
ul.right_info li  a:hover {color:var(--primary);}
.right_menu ul.social { float: none; padding: 0;}

.rightbar_contact {text-align: center; align-self: flex-end; max-width: 100%; flex: auto; width: 100%;}
.rightbar_contact a {display: block;padding:0 0 10px; font-size: 35px; line-height: 1;}
.rightbar_contact a:last-child {padding: 0;}

ul.social{padding:0;margin:0 0 30px;list-style:none; padding-left: 125px; }
ul.social li{display:inline-block;margin-right:5px}
ul.social li a{display:block;color:var(--dark); position: relative; z-index: 1;}
ul.social li a i.icon {border-radius:50%;width:40px;height:40px;line-height:40px;text-align:center; border: rgba(0,0,0,0.6) 1px solid; color:  rgba(0,0,0,0.6); display: block;}
ul.social li a:hover i.icon {color: #fff;  border-color: var(--primary_hover); background-color: var(--primary_hover);}

.rightbar_contact { text-align: center; max-width: 100%; width: 100%; color: #000; position: absolute; left: 50%; bottom: 60px; transform: translateX(-50%);}
.rightbar_contact a { display: block; padding: 0 0 10px; font-size: 35px; line-height: 1; color: #000;}

.shipping_block {padding-left: 125px; background: #f5f5f5; padding-top: 30px; border-top-right-radius: 15px;border-bottom-right-radius: 15px;overflow: hidden; }
.shipping_item {position: relative; display: block; text-align: left; padding-left:60px; margin-bottom: 30px; }
.shipping_item a {color: var(--dark);}
.shipping_item img {width: 45px; position: absolute; left:0; top:0;}
.shipping_item i {font-size:40px; ; position: absolute; left:0; top:0; color: var(--primary)}
.shipping_item h5 {display: block; margin:0; padding:0; font-size:16px; font-weight: 600;color: var(--primary_hover); text-transform: uppercase; margin-bottom:2px;}
.shipping_item p {font-size:14px;font-weight: normal; margin:0;}

.product_wrapper {padding-top: 120px; padding-left: 60px;}
.product_slide {margin-top: 60px;}

.mobile_header {display: none;}
.product_item {position: relative; text-align: center; padding:0 20px 40px; margin-bottom:40px;   }
.product_item:before { border-radius: 20px; content: ""; position: absolute; left: 0; top: 30%; bottom: 0; right: 0; z-index: -1; background: #eee; }

.product_item .product_thumb { padding: 0 30px; }
.product_item .product_thumb img {object-fit: scale-down;height: 240px;}
.product_item  h5{ font-size: 14px; margin-top: 10px;}
.product_item  h5 a{ color:#222;}
.product_item  h5 a:hover{ color:#222;}
.product_price {font-size: 14px; font-weight: bold; }
.product_btn{margin-top: 15px; padding: 5px 12px; text-transform: uppercase; font-size: 13px;}
.product_slide.owl-theme .owl-dots {position: absolute;   right: -50px; top: 50%; transform: translateY(-50%)}
.product_slide.owl-theme .owl-dots .owl-dot {display: block;}
.product_slide.owl-theme .owl-dots .owl-dot span {background: #6d6d6d;}
.product_slide.owl-theme .owl-dots .owl-dot.active span, .product_slide.owl-theme .owl-dots .owl-dot:hover span {background: var(--primary);}
ins { text-decoration:none;}

.info_box_wrapper {margin-left:5%; position: relative; padding-left: 180px;}
.info_heading {position: absolute; left: 0; top: 60px;}
.veiwall_link {text-align:right; position: relative; color:var(--primary_hover); text-transform:uppercase;float: right;}
.veiwall_link:before {content:""; position:absolute; background-color:var(--primary); height:2px; width:80px;  left:-94px; top:50%;}
.veiwall_link:hover {color:var(--primary);}

.promotion_section {text-align: center; padding-bottom: 50px;}
h5.small_tittle {margin-bottom: 40px;  text-transform: uppercase; letter-spacing: 2px;}

#promotion_slider .item {display: block; text-align:center; position: relative;  height: 77px;}
#promotion_slider .item img {width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#promotion_slider.owl-theme .owl-nav{margin:0}
#promotion_slider{position:relative;margin-bottom:0; margin-top: 40px;}
#promotion_slider.owl-theme .owl-nav [class*="owl-"]{margin:0}
#promotion_slider .owl-prev,#promotion_slider .owl-next{background-color:transparent;color:var(--dark);position:absolute;top:50%;right:0;text-align:center;transition:all ease .3s;width:50px;z-index:1000;font-size:30px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
#promotion_slider .owl-prev{left:0}
#promotion_slider .owl-prev:hover,#promotion_slider .owl-next:hover{background: transparent;color:var(--purple)}
#promotion_slider .owl-prev i,#promotion_slider .owl-next i{line-height:44px;line-height:50px}

.TextBanner { width:100%; display:inline-block; text-align:center; margin:10px; max-width: 500px; margin-top: 30px; background: #222; padding-top: 10px; border-radius: 10px; }
.TextBanner * { box-sizing:border-box }
.TextBanner .TextBanner__text { vertical-align:bottom; color:#222 !important; font-size:20px;}
.TextBanner .TextBanner__text--customerssay { font-size:20px; line-height:13px; margin-right:5px; margin-bottom:10px; display:inline-block;}
.TextBanner a { text-decoration:none; color:inherit}
.TextBanner .TextBanner__stars { font-family:reviews-widget-icons; color:#f47e27; display:inline-block; vertical-align:bottom}
.TextBanner .TextBanner__stars.RatingStars { font-family:reviews-widget-icons; display:inline-block; margin-top:-5px; margin-right:5px}
.TextBanner .TextBanner__stars.RatingStars i.RatingStars__star { display:inline-block; float:left; color:#f47e27}
.TextBanner .TextBanner__stars.RatingStars--small i.RatingStars__star { font-size:17px; margin:0 1px}
.TextBanner .TextBanner__stars.RatingStars--medium i.RatingStars__star { font-size: 15px; line-height: 38px; }
.TextBanner .TextBanner__stars.RatingStars--large i.RatingStars__star { margin:0 4px;font-size: 15px; line-height: 35px; }
.ruk_rating, .ruk_count {display: inline-block;}
.TextBanner .ReviewsLogo {display: inline-block; vertical-align: top;}

.newsletter-form p {font-size: 22px;}
.btn_submit_news {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.newsletter-form .input-group {margin-top: 30px;}

footer {color: var(--white); background-image: url(images/footer_bg.png); background-color: var(--dark); background-repeat: no-repeat; background-size: 650px; background-position: right bottom; position: relative; overflow: hidden; font-size: 14px; padding-bottom: 0;}
.footer_text {padding-right: 100px;}
.pay_card { margin-top: 50px;}
.footer_title{margin:0 0 25px; text-transform: uppercase;}
h4.footer_title{font-size: 16px;}

ul.footer_list{padding:0;margin:0;list-style:none}
ul.footer_list li{position:relative;margin:0 0 10px}
ul.footer_list li a{color:#fff}
ul.footer_list li a:hover{color: var(--primary)}

.footer_wrapper {padding: 100px 0 50px;}

ul.footer_social{padding:0;margin:0 0 30px;list-style:none; }
ul.footer_social li{display:inline-block;margin-right:5px}
ul.footer_social li a{display:block;color:#fff}
ul.footer_social li a i.icon{border-radius:50%;width:40px;height:40px;line-height:40px;text-align:center; border: rgba(255,255,255,0.6) 1px solid; color:  rgba(255,255,255,0.6); display: block;}
ul.footer_social li a:hover i.icon {color: rgba(0,0,0,0.95);  border-color:  rgba(0,0,0,0.6); background-color: var(--primary_hover);}

.footer_bottom {border-top: rgba(255,255,255,0.2) 1px solid; margin-top: 40px; padding-top: 40px; }'
.footer_links a {color: #fff;}
.footer_links a:hover {color: #fff;}

.newsletter_form .form-control{min-height:48px}
.newsletter_form form{position:relative;margin-top:30px}
.newsletter_form input{height:auto;border-radius:0}
.newsletter_form input,.newsletter_form .btn{padding:17px 20px}
.newsletter_form .btn{position:absolute;right:0;top:0;height:auto}

.footer_img{margin:0 0 40px}
.facebook_widget{height:270px;overflow:auto;border:1px solid #ddd}

.copyright_text {text-align: right;}

.free_shipping_label {
    display: inline-block;
    margin-bottom: 14px;
    padding: 5px 6px;
    font-size: 14px;
    line-height: 1;
    color: var(--primary);
    border: 1px solid var(--primary);
    border-radius: 3px;
}

.grecaptcha-badge {visibility:hidden;}

.age-gate__challenge { font-size:16px; font-weight:500;}
.age-gate__submit { padding:8px 40px !important; border-radius:8px !important; color:var(--white); border:0;}
.age-gate__submit--yes {background:var(--primary) !important;}
.age-gate__submit--yes:hover, .age-gate__submit--yes:focus {background:var(--primary_hover) !important;}
.age-gate__submit--no {background:#ccc !important;}