/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/*.alert{
  background: #6ecbb8;
  padding: 20px 40px;
  min-width: 420px;
  position: absolute;
  right: 0;
  border-radius: 4px;
  border-left: 8px solid #6ecbb8;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.alert.extra {
 top:-55px;
}*/

.alert.extra {
    top: -40px;
}

.alert {
    background: #6ecbb8;
    padding: 10px 60px 10px 0px;
    min-width: 330px;
    position: absolute;
    right: 0;
    border-radius: 4px;
    border-left: 8px solid #6ecbb8;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.alert.showAlert{
  opacity: 1;
  pointer-events: auto;
}
.alert.show{
  animation: show_slide 1s ease forwards;
  z-index:999999;
}
@keyframes show_slide {
  0%{
    transform: translateX(100%);
  }
  40%{
    transform: translateX(-10%);
  }
  80%{
    transform: translateX(0%);
  }
  100%{
    transform: translateX(-10px);
  }
}
.alert.hide{
  animation: hide_slide 1s ease forwards;
   z-index:999999;
   display: none;
}
@keyframes hide_slide {
  0%{
    transform: translateX(-10px);
  }
  40%{
    transform: translateX(0%);
  }
  80%{
    transform: translateX(-10%);
  }
  100%{
    transform: translateX(100%);
  }
}
.alert .fa-exclamation-circle{
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #d9f1ec;
  font-size: 30px;
}
/*.alert .msg{
  padding: 0 20px;
  font-size: 18px;
  color: #fff;
}*/
.alert .msg {
    padding: 0px 7px;
    font-size: 13px;
    color: #fff;
}
.alert .close-btn{
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  padding: 20px 18px;
  cursor: pointer;
  background: #004e59;
}
.alert .close-btn:hover{
  background: #cbc6c6;
}
.alert .close-btn .fas:hover{
  color: gray;
}
.alert .close-btn .fas{
  color: #fff;
  font-size: 22px;
  line-height: 40px;
}

.cls_cls{
    display: inline-block;
}
.cls_cls a.cart-contents{
    top: 9px;
    position: relative;
    left: 12px;
}

.cls_cls a.cart-contents .cart-wrap span {
	border-radius: 99px;
	font: bold 11px/16px Arial;
	line-height: 18px;
	width: 18px;
	padding: 0 1px;
	box-shadow: 0 5px 12px rgba(0,0,0,0.2);
}

.cls_cls a.cart-contents .cart-wrap span {
	border-radius: 99px;
	color: #FFFFFF;
	display: inline-block;
	font-size: 11px;
	font-weight: normal;
	line-height: 17px;
	/*right: 7px;*/
	margin-left: 4px;
	text-align: center;
	width: 17px;
	height: 17px;
    background: #6ecbb8;
    position: absolute;
	margin-top: -33px;
    -webkit-animation: .6s ease-in-out .12s normal both 1 bounce_in_animation;
    
}


.cls_cls .cart-wrap {
	margin-right: 0;
	top: 0px;
	right: 0px;
	color: #fff;
    position: relative;
}

.cls_cls .cart-wrap {
	font-size: 11px;
}

.cls_cls .cart-icon-wrap {
	width: auto;
	height: 20px;
}

.cls_cls .cart-menu .cart-icon-wrap {
	margin-left: 0;
	height: 24px;
	line-height: 18px;
	position: relative;
}

.cls_cls .cart-contents {
	padding-left: 0;
	position: relative;
}

#profile {
	width: 100%;
}

#profile iframe {
	width: 100%;
}

/*Product page*/
.woocommerce-product-details__short-description p {
	transition-duration: .1s;
}

.woocommerce-product-details__short-description p strong {
	transition-duration: .1s;
	font-size: inherit;
}

body > aside.country-selector.weglot-inline.weglot-default.location-not-found.weglot-invert {
	display: none;
}

.container-wrap select {
	background-color: rgba(0,0,0,0.035) !important;
	color: #555 !important;
	border-bottom: 2px solid #e0e0e0 !important;
}

.container-wrap .customPriceText {
	color: #6ecbb8 !important;
}

.container-wrap .tonnesInput {
	color: #555 !important;
}

@media screen and (max-width: 500px) {
	@supports (-webkit-touch-callout: none) {
		.woocommerce-product-details__short-description p {
			font-size: 0.6rem !important;
		}

		.woocommerce-product-details__short-description p strong {
			font-size: 0.6rem !important;
		}

		.sft-summary > .woocommerce-product-details__short-description > p {
			font-size: 0.6rem;
		}
	}
	
	@supports not (-webkit-touch-callout: none) {
		.woocommerce-product-details__short-description p {
			font-size: 16px !important;
		}

		.woocommerce-product-details__short-description p strong {
			font-size: 16px !important;
		}

		.sft-summary > .woocommerce-product-details__short-description > p {
			font-size: 16px;
		}
	}
	
}


#header-secondary-outer > div > nav > ul.sf-menu.sf-js-enabled.sf-arrows > aside {
	display: none !important;
}