/*
Theme Name: PURA
Theme URI: https://livealittlepura.com/
Template: hello-elementor
Author: Superseed
Author URI: https://superseedstudio.com
Version: 1.1647932945
Updated: 2022-03-22 07:09:05

*/

/* INDEX
 * PADDING 
 * GLOBAL
 * BUTTONS
 * GRAVITY FORMS
 * HOME
 * Live a little
 * PRODUCT
 * MIXABILITY
 * STOCKIST
 * SINGLE POST
 * Media Queries
 * */

:root {
	--color-white: #ffffff;
	--color-black: #333333;
	--color-pink: #A0222F;
	--color-pink-alt: #C52F54;
	--color-grey: #768591;
}

body p,
body li,
body a,
body ol{
	font-size: 15px;
}

/* PADDING */

.pad-hero {
	padding:1em 6em;
}

.pad-topbar {
	padding:0.5em 3em;
}

.pad-nav {
	padding:1em 3em;
}

.standard-pad {
	padding:4em 6em;
}

.pad-left-right {
	padding-left: 6em;
	padding-right: 6em;
}

.pad-top-bot {
	padding-top: 6em;
	padding-bottom: 6em;
}

/* GLOBAL */

#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a {
	border-radius: 100px;
	font-weight: 900;
}

.content-links-white a {
	color: var(--color-white) !important;
}

.color-grey {
	color: var(--color-grey);
}

/* BUTTONS */

.btn-newsletter a {
	color: var(--color-black) !important;
	background-color: transparent;
	border: 5px solid #768591;
	border-radius: 0 !important;
	text-transform: uppercase;
	padding: 1.5rem 0;
}

.btn-newsletter a:hover,
.btn-newsletter a:active{
	background-color: var(--color-grey);
	color: var(--color-white) !important;
}

.btn-white a {
	background-color: var(--color-white);
	color: var(--color-black) !important;
	border: 1px solid var(--color-white);
}

.btn-white a:hover,
.btn-white a:active {
	background-color: transparent;
	color: var(--color-white) !important;
}

.btn-pink a {
	background-color: var(--color-pink);
	color: var(--color-white);
	border: 1px solid var(--color-pink);
}

.btn-pink a:hover,
.btn-pink a:active {
	background-color: transparent !important;
	color: var(--color-pink) !important;
}

.btn-pink-alt a {
	background-color: var(--color-pink-alt) !important;
	color: var(--color-white) !important;
	border: 1px solid var(--color-pink-alt) !important;
}

.btn-pink-alt a:hover,
.btn-pink-alt a:active {
	background-color: transparent !important;
	color: var(--color-pink-alt) !important;
}

.btn-grey-big a {
	background-color: transparent;
	color: var(--color-grey) !important;
	text-transform: uppercase;
	border: 3px solid var(--color-grey);
	border-radius: 0;
}

.btn-grey-big a {
	background-color: transparent;
	color: var(--color-grey) !important;
	text-transform: uppercase;
	border: 4px solid var(--color-grey);
	border-radius: 0 !important;
	font-size: 20px;
	padding: 1rem 2rem;
}

#cranberry .btn-pink a {
    border: 1px solid var(--color-white);
}

#cranberry .btn-pink a:hover {
    color: var(--color-white) !important;
}

/* GRAVITY FORMS */

.gform_required_legend {
	display:none !important;
}

#input_1_3,
#input_1_4 {
	background: transparent;
	border: 3px solid var(--color-white);
	border-radius: 0;
	color: var(--color-white);
}

#input_2_3,
#input_2_4 {
	background: transparent;
	border: 3px solid var(--color-black);
	border-radius: 0;
	color: var(--color-black);
}

#input_1_3:placeholder,
#input_1_4:placeholder {
	color: #CDDBE8 !important;
}

/*NAV*/

.top-bar {
	background-color:#fff;
}

#main-menu {
	position: absolute;
    z-index: 999;
	width: 100%;
}

.pad-nav .elementor-sticky--active {
	background-color: var{--color-white} !important;
}

h1, h2 {
	line-height: 0.8 !important;
}

.nobreak {
		white-space: nowrap !important;
}

/* HOME */

.awards-gal {
	width: 80% !important;
}

.awards-gal img {
	width: 200px;
}

#ff-stream-1 .ff-item-cont {
    height: auto !important
}

#ff-stream-1 .ff-item-bar {
	display:none !important;
}

#ff-stream-1 .ff-loadmore-wrapper .ff-btn {
    background-color: #fff !important; 
	border: 1px solid #333;
    color: #333;
    text-transform: none;
	font-family: "proxima-nova", Sans-serif;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 2px;
    border-radius: 50px 50px 50px 50px;
}


/* LIVE A LITTLE */

.live-hero .elementor-background-overlay{
	z-index: 90 !important;
}

.faq-acc p {
	padding-bottom: 14px;
}

.faq-acc .bdt-accordion-content {
	margin-top: -10px !important;
}

/* PRODUCT */

.product-hero .elementor-background-overlay {
	transform: rotate(20deg);
	width: 90% !important;
}

.prod-header-text h1 {
	word-wrap: normal;
}

#prod-header-text h3 {
	word-wrap: normal;
}

/* SODA */

#ginger-lemon {
	background-color: #CB9A2C !important;
}

#lemon-elderflower {
	background-color: #EBDA5C !important;
}

#cucumber-lime {
	background-color: #608059 !important;
}

#seville-orange {
	background-color: #F08E30 !important;
}

#pomegrante {
	background-color: #C3375B !important;
}

#juniper {
	background-color: #5A87B4 !important;
}

#cranberry {
	background-color: #A0222F !important;
}

.ginger-lemon h3 {
	color: #CB9A2C !important;
}

.lemon-elderflower h3 {
	color: #EBDA5C !important;
}

.cucumber-lime h3 {
	color: #608059 !important;
}

.seville-orange h3 {
	color: #F08E30 !important;
}

.pomegrante h3 {
	color: #C3375B !important;
}

.juniper h3 {
	color: #5A87B4 !important;
}

.cranberry h3 {
	color: #A0222F !important;
}

.content-block-list li {
	list-style: none;
}

.content-block-list ul {
	padding: 0 !important;
}

/* BUZZ */

#lemon-lime-mint {
	background-color: transparent;
	background-image: linear-gradient(80deg, #788F2A 0%, #B0C833 100%);
}

#pineapple-coconut {
	background-color: transparent;
	background-image: linear-gradient(80deg, #FAD400 0%, #DF9A00 100%);
}

#watermelon-mint {
	background-color: transparent;
	background-image: linear-gradient(80deg, #EA5C6C 0%, #B72839 100%);
}

.lemon-lime-mint h3 {
	color: #B0C833 !important;
}

.pineapple-coconut h3 {
	color: #FAD400 !important;
}

.watermelon-mint h3 {
	color: #EA5C6C !important;
}

/* KIDS */

#pink-lady-apple {
	background-color: transparent;
	background-image: radial-gradient(at center center, #FEE271 0%, #BA4154 100%);
}

#mixed-berry {
	background-color: transparent;
	background-image: radial-gradient(at center center, #C5434C 0%, #403A8F 100%);
}

#lemonade {
	background-color: transparent;
	background-image: radial-gradient(at center center, #FEE271 0%, #C5434C 100%);
}

#peach {
	background-color: transparent;
	background-image: radial-gradient(at center center, #F7B560 0%, #C5434C 100%);
}

#watermelon {
	background-color: transparent;
	background-image: radial-gradient(at center center, #ED6C50 0%, #E52613 100%);
}


.pink-lady-apple h3 {
	color: #DA0D2F !important;
}

.mixed-berry h3 {
	color: #403A8F !important;
}

.lemonade h3 {
	color: #FEE271 !important;
}

.peach h3 {
	color: #F7B560 !important;
}

.watermelon h3 {
	color: #E52613 !important;
}

.nutri-container {
	display: grid !important;
	grid-template-columns: 80% 20% !important;
}

/* MIXABILITY */

.mix-tab .jet-tabs__control-inner {
	display: flex;
	flex-direction: column !important;
}

.mix-tab .jet-tabs__control-inner img {
	padding-bottom: 1.5rem;
}

.mix-tab .jet-tabs__control-wrapper {
	align-items: baseline !important;
}

/* STOCKIST */

.company-logos .brands-list {
	justify-content: center !important;
}

/* SINGLE POST */

.post-content-block p {
	padding: 0.5rem 0;
}

.post-content-block blockquote p {
	font-weight: 600;
	font-size: 1.1rem;
}

.post-content-block a {
	color: var(--color-pink-alt);
	border-bottom: 1px solid var(--color-pink-alt);
}

.content-block a {
	color: var(--color-pink-alt);
	border-bottom: 1px solid var(--color-pink-alt);
}

.content-block ul {
	padding-bottom: 0.5rem;
}

/* Mobile Queries */

@media only screen and (max-width: 1024px)  {
	.positioning {
		position:relative !important;
	}
	.mix-tab  .jet-tabs__label-text {
	display:none !important;
}
	
	.mix-tab  .jet-tabs__control-inner,
	.mix-tab  .jet-tabs__label-image {
		padding-bottom:0 !important;
	}

	.mix-tab .jet-tabs__content {
		padding-top:30px !important;
	}
	
	.intrinsics .elementor-icon-list-item {
		margin: 5px 20% !important;
	}
	
	.kids-image img {
		transform: translateX(25%) !important;
}

}


@media only screen and (min-width: 320px) and (max-width: 425px) {
	.awards-gal img {
		width: 100px;
	}
	
	.awards-gal {
		width: 100% !important;
	}
	
	.awards-gal #gallery-1 {
		display: flex !important;
	}
	
	.prod-list-img img {
		margin: 0 !important;
	}
	
	.nutri-container {
		grid-template-columns: 80% 20% !important;
	}
	
	.product-hero .elementor-background-overlay {
		width: 80% !important;
	}
	h2 span {
	display:block !important;
}

}


@media only screen and (min-width: 375px) and (max-width: 768px) {

	.pad-hero {
		padding: 2rem;
	}
	
	.product-hero .elementor-container {
		/*align-items: center !important;*/
	}
	
	.prod-header-text h1,
	#prod-header-text h3{
		word-wrap: break-word !important;
	}	
	h2 span {
	display:block !important;
}


}