/*
Theme Name: SS child
Theme URI: https://superseedstudio.com
Template: hello-elementor
Author: Superseed
Author URI: https://superseedstudio.com
Description: SS child theme based on Hello.
Version: 2.3.1.1611238454
Updated: 2021-01-21 14:14:14

*/

:root {
	--color-white: #fff;
	--color-red: #E6352B;
	--color-black: #333333;
	--color-grey: #707070;
}

/* Buttons */

#btn-white {
	background-color: var(--color-white);
	color: var(--color-grey);
	border: 1px solid var(--color-grey);
	border-radius: 7px;
	text-transform: uppercase;
	padding: 1rem 1.5rem;
	font-weight: 300;
	transition: all 350ms ease-in-out;
}

#btn-white:hover {
	background-color: var(--color-red);
	border: 1px solid var(--color-red);
	color: var(--color-white);
}

#btn-red {
	background-color: #4b4b4b;
	color: var(--color-white);
	border: 1px solid #4b4b4b;
	border-radius: 7px;
	padding: 1rem 1.5rem;
	font-weight: 400;
	transition: all 350ms ease-in-out;
	text-transform: uppercase;
}

#btn-red:hover {
	background-color: var(--color-white);
	color: var(--color-grey);
	border: 1px solid var(--color-grey);
}

#btn-txt {
	background-color: transparent;
	padding: 0;
	color: var(--color-black);
	text-transform: uppercase;
	font-weight: 500;
	transition: all 350ms ease-in-out;
}

#btn-txt:hover {
	transform: translatex(5px);
}

#btn-txt svg {
	width: 5em;
    margin-bottom: 3px;
}

#btn-clear {
	background-color: transparent;
	color: var(--color-white);
	border: 1px solid var(--color-white);
	border-radius: 7px;
	text-transform: uppercase;
	padding: 1rem 1.5rem;
	transition: all 350ms ease-in-out;
	font-weight: 500;
}

#btn-clear:hover {
	background-color: var(--color-white);
	color: var(--color-red);
}

/* Text Components */

.strong {
	font-weight: 500;
}

/* Home */

.i-pad-left img {
	transform: rotate(-15deg);
}

.i-pad-right img {
	transform: rotate(15deg);
}

.nutrigen-card-wrapper {
	min-height: 200px !important;
    max-width: 250px !important;
	cursor: pointer;
}

.nutrigen-card-wrapper:hover {
	border-bottom: 2px solid var(--color-red);
	border-radius: 20px;
}


@media screen and (min-width: 426px) and (max-width: 768px) {
	.off-canvas-wrapper img {
		position: absolute !important;
		bottom: 0;
		left: 1rem;
	}
	
}

@media screen and (min-width: 320px) and (max-width: 767px) {
	.off-canvas-wrapper img {
		position: absolute !important;
		top: -3.5rem;
   	 	left: 1rem;
	}
	
	.nutrigen-container {
		display: flex;
		justify-content: center !important;
	}
	
	.footer-nav ul{
		display: flex;
		justify-content: center !important;
		flex-direction: column;
		align-items: center;
	}
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{
	border:1px solid #efefef!important;
	background-color:#fff!important;
}
.gform_required_legend{
	font-size: 0.8em;
    font-style: italic;
    margin-bottom: 30px;
}


.bdt-modal-dialog button.bdt-close, .bdt-modal-dialog button.bdt-close:hover{
	background-color:transparent!important;
	border-color:#333!important
}