/*
	Add theme customisations here
	
	If you need to override a class and your definition is being overriden by Elementor defaults
	theres an id on the body tag "mit" which should take precedence over default Elementor styles. 
	So if you precede your class with 'body' you should be able to override defaults.
	E.G. 'body h1' to override h1.
*/
*:focus {
    outline: 1px solid var( --e-global-color-primary );
}
*:focus-visible {
    box-shadow: 0 0 0 2px var( --e-global-color-primary );
    outline: 1px solid var( --e-global-color-primary );
}
html
{
	font-size:16px;
}
body
{
	margin:0;
	font-weight:400;
	font-size:1em;
	line-height:1.5em;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.elementor-search-form__container {
	min-height: 32px!important;
	border-radius: 6px;
	border: 1px solid #716795;
}
.elementor-search-form .search_input, .elementor-search-form button {
	box-sizing: content-box;
	border-radius: 6px;
	margin: 0;
	font-size: inherit;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
.elementor-search-form .search_input {
	min-width: 180px!important;
	background-color: #FFF!important;
	border-style: solid;
	border-color: #F0F2F5!important;
	border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
	padding: .3em .4em!important;
}
.elementor-search-form .search_button, .elementor-search-form button {
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
	background-color: #9a89b8 !important;
	border-color: #9a89b8 !important;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	padding: .3em 1em .3em 1em;
}
.elementor-search-form button i {
	font-size: 1.02em;
}
/* FOOTER FORM */
.newsletter-signup .gform_required_legend {
	display: none;
}
.newsletter-signup {
	font-size: 1.1em;
}
.newsletter-signup input, .newsletter-signup select {
    background-color: #fff;
    padding: 0.5em 0.6em!important;
	border-style: solid;
	border-color: #F0F2F5!important;
	box-sizing: content-box;
	border-radius: 4px;
	margin: 0;
	font-size: inherit;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	width: 100%!important;
}
.newsletter-signup select option {
	color: #414141;
}
.newsletter-signup .gform_wrapper.gravity-theme .gform_footer {
	margin: 0;
	padding: 6px 0;
}
#gform_4 select {
	min-height: 40px;
	border-color: #4141417A;
} 
.gform_title {
	font-size: 1.4em;
}
.wp-element-button {
    background-color: #8B7CA5!important;
    color: #fff!important;
    border-radius: 6px;
}
/* STARS */
.stars-right .elementor-container {
	background: url(sos-banner-right.png) no-repeat 30% 0;
	background-size: contain;
}

/* TINY TEMPLATES */
.two-columns, .three-columns {
    display: grid;
    grid-template-columns: 220px auto;
}
.three-columns {
    grid-template-columns: 30% 30% 30%;
}
.two-columns div, .three-columns div {
    padding: 5px!important;
}
.two-columns:nth-child(even), .three-columns:nth-child(even) {
    background-color: #f4f4f4;
}
/* SHIPPING CALCULATOR */
.scpp-shipping-calculator-container .scpp-calculator-open-button {
    text-decoration: none!important;
    font-size: 1em;
    font-weight: 400;
    display: none!important;
}
.scpp-calculate-button, .js--scpp-different-address-container .scpp-calculator-open-button {
    background-color: var( --e-global-color-secondary );
    color: #fff!important;
    padding: 10px 15px;
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none!important;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 400;
    border: 0;
    display: inline-block!important;
}
.scpp-calculate-button:hover {
    background-color: var( --e-global-color-primary )!important;
}
.cart-qty {
    font-size: .8em;
    background-color: #d9534f;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -30px;
    margin-bottom: 20px;
}
.cart-qty a {
    color: #fff!important;
}
.wdr_bulk_table_msg.sar-table td, .wdr_bulk_table_msg.sar-table th {
    border: 0!important;
}
.wdr_bulk_table_msg.sar-table td {
    padding: 5px;
}
.wdr_bulk_table_thead th {
    background-color: #B3D0EA;
    color: #fff;
    font-weight: 400;
    padding: 5px;
    text-align: left;
}
@media (min-width: 769px) {
	/* hide the button in desktop view */

}
@media (max-width: 768px) {
	.stars-right {
		background-image: url();
	}
}
@media (max-width: 600px) {
	.home-slider .elementor-slide-button {
		color: #fff!important;
		background-color: #7C6992!important;
		text-shadow: none;
	}
}