/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

:root {
	--blue: #054769;
	--sky-blue: #8BC7E1;
	--apple-green: #C9D015;
	--gold: #ECB23F;
}

/*** Newsletter Pop-Up ***/
.elementor-field.elementor-size-xl.elementor-field-textual {
	text-align: center;
}

/*** Hero ***/
#down-arrow>div>div>a>svg {
  animation: arrow-down 2s ease infinite;
}
@keyframes arrow-down {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

/*** Tabs ***/
#tab-one .e-n-tab-title-text, #tab-two .e-n-tab-title-text, #tab-three .e-n-tab-title-text, #tab-four .e-n-tab-title-text {
	font-size: 1.875em;
}
#tab-one, #tab-two, #tab-three, #tab-four {
	transform: translateY(20px);
}
#tab-one:hover, #tab-two:hover, #tab-three:hover, #tab-four:hover,
#tab-one[aria-selected=true], #tab-two[aria-selected=true], #tab-three[aria-selected=true], #tab-four[aria-selected=true]{
	transform: translateY(0);
}
#tab-one:hover,
#tab-one.e-n-tab-title[aria-selected=true] {
	background-color: var(--gold);
}
#tab-two:hover,
#tab-two.e-n-tab-title[aria-selected=true] {
	background-color: var(--apple-green);
}
#tab-three:hover,
#tab-three.e-n-tab-title[aria-selected=true] {
	background-color: var(--blue);
	color: #FFFFFF;
}
#tab-four:hover,
#tab-four.e-n-tab-title[aria-selected=true] {
	background-color: var(--sky-blue);
}
.elementor-widget-n-tabs .e-n-tabs-heading {
	flex-wrap: nowrap !important;
}

/*** Recipe Card ***/
/** Carousel **/
.swiper-wrapper {
	justify-content: center;
}
.elementor-widget-n-carousel .e-n-carousel>.swiper-wrapper>.swiper-slide {
	margin-right: -50px;
	margin-left: -50px;
}
@media screen and (max-width: 1200px) {
	.elementor-widget-n-carousel .e-n-carousel>.swiper-wrapper>.swiper-slide {
	margin-right: -25px;
	margin-left: -25px;
}
}
@media screen and (min-width: 451px) and (max-width: 900px) {
	.elementor-widget-n-carousel .e-n-carousel>.swiper-wrapper>.swiper-slide {
	width: 194px !important;
	margin-right: -50px;
	margin-left: -50px;
	}
}
@media screen and (max-width: 450px) {
	.swiper-wrapper {
	justify-content: right;
	flex-direction: row-reverse;
}
	.elementor-widget-n-carousel .e-n-carousel>.swiper-wrapper>.swiper-slide {
	margin-right: 0;
	margin-left: 0;
	}
}
/* Hide buttons on tablet and up */
@media screen and (min-width: 768px) {
	.elementor-9 .elementor-element.elementor-element-76f603c :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {
		display: none;
	}
}
/*** What's Brewing ***/
.tea-recipes-list div,
.whats-brewing-list div {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: stretch;
}
.tea-recipes-list div ul {
	margin-block-end: 0;
}
.whats-brewing-list div ul {
	margin-block-end: .9rem;
}
.tea-recipes-list div ul {
	width: 50%;
}
.whats-brewing-list div ul p {
	margin-block-end: 0;
}
@media screen and (max-width: 900px) {
	.tea-recipes-list div ul {
	width: 100%;
}
}
@media screen and (max-width: 768px) {
	.tea-recipes-list div,
	.whats-brewing-list div {
	flex-direction: column;
}
	.whats-brewing-list div ul {
	margin-block-end: 0;
}
	.whats-brewing-list div ul:last-child {
	margin-block-end: .9rem;
}
}

/*** Footer ***/
.footer-gradient {
	background: linear-gradient(
		145deg,
    #054769 35%,
    #1d5978 35% 35.5%,
    #054769 35.5% 36.5%,
    #1d5978 36.5% 37%,
	#054769 37% 38%,
	#1d5978 38% 38.5%,
	#054769 38.5% 39.5%,
    #1d5978 39.5%
  );
}