/**
 * Theme Name:     Curalife
 * Author:         Rockit
 * Template:       hello-elementor
 * Text Domain:	   curalife
 * Description:    Curalife is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 * Author URI:     https://rockit.rs
 * Version:        1.0
 */

/****** GENERAL ******/

		html, body {
			max-width: 100%;
			overflow-x: hidden;
			background-color: #fff;}

		.elementor-section.elementor-section-boxed > .elementor-container, .e-con>.e-con-inner {max-width: 1200px;}

		hr {
			margin: 10px 0px !important;
    		background-color: #CFCFCF !important;
    		height: 1px !important;
			border: none !important;}

	/*** Fonts ***/

		html, body {font-size: 16px;}
		body {
			font-family: 'DM Sans', sans-serif;
			font-weight: 300;
			font-size: 1em;}
		p, a {font-size: 1rem;}
		a {font-weight: 600;}
		h1, h2, h3, h4, h5, h6 {
			font-family: "PP Radio Grotesk", Sans-serif;
			line-height: 1;
			font-weight: 700;}
		h1 {font-size: 3.5rem;}
		h2 {font-size: 2.5rem;}
		h3 {font-size: 2.5rem;}
		h4 {font-size: 2rem;}
		h5 {font-size: 1.5rem;}
		h6 {font-size: 1.3rem;}

	/*** End of Fonts ***/

	/*** Colors ***/
		
		/* Text Colors */

			html, body, p {color: #222222;}
			a {color: #3A7684;}
			h1 {}
			h2, h3, h4, h5, h6 {color: #222222 !important;}
			.colorwhite, .colorwhite p, .colorwhite h2, .colorwhite h3, .colorwhite h3>a, .colorwhite h4, .colorwhite h5, .colorwhite h6 {color: #FFF !important;}
			.colorgreen, .colorgreen p, .colorgreen a, .colorgreen h1, .colorgreen h2, .colorgreen h3, .colorgreen h4 {color: #3A7684 !important;}
			.colorgreendark, .colorgreendark p, .colorgreendark a, .colorgreendark h1, .colorgreendark h2, .colorgreendark h3 {color: #346A77 !important;}
			.colorgreenish, .colorgreenish p, .colorgreenish a, .colorgreenish h1, .colorgreenish h2, .colorgreenish h3 {color: #DDE9C2 !important;}
			.colorcyan, .colorcyan p, .colorcyan h1, .colorcyan h2, .colorcyan h3 {color: #1CCEC8 !important;}
			.colorcyandark, .colorcyandark p, .colorcyandark h1, .colorcyandark h2, .colorcolorcyandarkcyan h3 {color: #007575 !important;}
			.colorsunny, .colorsunny p, .colorsunny a, .colorsunny h1, .colorsunny h2, .colorsunny h3, .colorsunny h4, .colorsunny h5, .colorsunny h6 {color: #FFB22D !important;}
			.colormoony, .colormoony p, .colormoony a, .colormoony h1, .colormoony h2, .colormoony h3, .colormoony h4 {color: #DF9619 !important;}	
			.colorgray, .colorgray p, .colorgray a, .colorgray h1, .colorgray h2, .colorgray h3, .colorgray h4 {color: #CFCFCF !important;}
			.colorblue, .colorblue p  {color: #0f7cbf !important;}
			.colorbluelight {color: #EBF1F3 !important;}		

		/* Backgound Colors */
	
			.white {background-color: #FFFFFF;}
			.green {background-color: #3A7684;}			
			.greendark {background-color: #346A77;}
			.greenish {background-color: #DDE9C2;}
			.cyan {background-color: #1CCEC8;}
			.cyandark {background-color: #007575;}
			.sunny {background-color: #FFB22D;}
			.moony {background-color: #DF9619;}
			.blue {background-color: #0f7cbf;}
			.bluelight {background-color: #EBF1F3;}
			.gray {background-color: #CFCFCF;}
			.graydark {background-color: #808285;}
			.grayer {background-color: #EBEBEB;}
			.graylight {background-color: #F8F8F8;}
			.grayish {background-color: #FFF9F5;}

	/*** End Colors ***/

	/*** Buttons ***/

		.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button {
			margin: 10px 0;
			padding: 15px 30px 15px 30px !important;
			border: 1px solid #346A77;
			border-radius: 25px 25px 25px 25px;
			background-color: #3A7684;
			font-size: 1.1em;
			font-weight: 600;
			color: #fff;}

		.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover {
			color: #fff;
			background-color: #346A77;}

		/* Slider*/
		.button-slider .elementor-button {
			background-color: #ffb22d !important;
			color: #3A7684 !important;}
		.button-slider:hover .elementor-button{background-color: #df9619 !important;}

		/* Curalin*/
		.button-curalin .elementor-button {
			background-color: #ffb22d !important;
			color: #3A7684 !important;}
		.button-curalin:hover .elementor-button{background-color: #df9619 !important;}

		/* About Us */
		.curalife-about {}
		.curalife-about .cura-dot {color: #ffb22d;}

		/* Add to Cart */
		.elementor-button, .elementor-widget-woocommerce-product-add-to-cart a {color: #fff !important;}
		/*.elementor-widget-button, .elementor-add-to-cart.elementor-product-simple {margin: 10px 0;}*/
		.woocommerce .product .cart {width:100%}
		.woocommerce .cart .button, .woocommerce .cart input.button {
			color: #fff !important;
			width: 100% !important;}
		
		/* Cart */
		.elementor-button.elementor-button--view-cart.elementor-size-md, .elementor-button.elementor-button--checkout.elementor-size-md {
			font-size: .8rem !important;
			color: #fff !important;
			border: none;
			border-radius: 10px !important;}

		.elementor-button.elementor-button--checkout.elementor-size-md {background-color: #FFB22D;}
		.elementor-button.elementor-button--checkout.elementor-size-md:hover, 
		.elementor-button.elementor-button--checkout.elementor-size-md:focus,
		.elementor-button.elementor-button--checkout.elementor-size-md:active {background-color: #DF9619;}

		.elementor-button.elementor-button--view-cart.elementor-size-md {background-color: #3A7684;}
		.elementor-button.elementor-button--view-cart.elementor-size-md:hover, 
		.elementor-button.elementor-button--view-cart.elementor-size-md:focus,
		.elementor-button.elementor-button--view-cart.elementor-size-md:active {background-color: #346A77;}

		/* Product image */
		button.pswp__button, button.pswp__button--arrow--left::before, button.pswp__button--arrow--right::before, button.pswp__button:hover {
			padding: 15px;
			margin: 10px;}

		/* Contact */
		.wpcf7 input[type=submit] {padding: 15px 30px 15px 30px !important;}


/****** END OF GENERAL ******/

/****** HEADER ******/

	.elementor-location-header {z-index: 999;}
	.elementor-location-header a, .elementor-location-header li a {color: #222 !important;}
	.elementor-location-header li ul li a {font-size: 1.1rem !important;}

	#elementor-menu-cart__toggle_button:focus {background-color: transparent;}

/****** END OF HEADER ******/

/****** CONTENT ******/

	/*** Titles & Text ***/

		/* General */

			.first-title, .first-title h1, .first-title h2 {font-size: 2.5rem !important;}

			.section-title, .section-title p, .section-title h1, .section-title h2, .section-title h3, .section-title h4 {
				font-size: 1.8rem;
				font-weight: 700;}

			.slogan, .slogan p {
				font-size: 1.1rem;
				font-weight: 600;}

			.subslogan, .subslogan p {
				font-size: 0.9rem;
				font-weight: 600;}

			.emphasize, .emphasize p {font-weight: 600;}

			.disclamer, .disclamer p, .disclamer em {
				opacity: .5;
				font-size: .8rem;}

			.justifythis, .justifythis p {text-align: justify;}
		
		/* Slider Text */

			.title-slider, .title-slider h1 {
				font-family: "PP Radio Grotesk", Sans-serif;
				font-size: 2.2rem !important;
				line-height: 1;
				font-weight: 700;}
			.subtitle-slider, .subtitle-slider h2 {
				font-family: "PP Radio Grotesk", Sans-serif;
				font-size: 1.5rem !important;
				line-height: 1;
				font-weight:600;}
			.slider-disclamer {
				opacity: .3;
				font-size: .8rem;}

	/*** Pages ***/
	
		/* Home page */
		
			/* Home page Main Slider */

			/* Home page Tabs */

			/* Icons */
			.home-icons-text .elementor-image-box-title {
				font-size: 1rem !important;
				line-height: 1.2;
				font-weight: 800;}

			/* Testemonials */
			.elementor-testimonial__image {
				max-width: 128px;
				margin: auto;}

		/* Curalin */

			/* Icons */
			.curalin-icons-text .elementor-image-box-title {
				font-size: 1.6rem !important;
				line-height: 1.2;
				font-weight: 800;}

			.curalin-icons-text p {font-size: 1.2rem;}

		.text-expander .e-n-accordion-item span.read-less {display: none;}
		.text-expander.elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title span.read-more {display: none;}
		.text-expander.elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title span.read-less {display: inline;}

		/* About Us */

			.curalife-team .elementor-image-box-content {
				border: 1px solid #CFCFCF;
				border-radius: 15px;
				padding: 5em 1em 1em 1em;
				margin-top: -5em;}
		
		/* Stories */

			.banner-iskustva img {filter: drop-shadow(-21px 22px 21px rgba(0, 0, 0, 0.2));}

			.curalife-iskustva .elementor-image-box-content {
				border: 1px solid #CFCFCF;
				border-radius: 15px;
				padding: 5em 1em 1em 1em;
				margin-top: -5em;
				min-height: 250px;}

		/* Media */

			.ast-separate-container .ast-article-single img {margin-bottom: 0 !important;}

			.media-upper-margin {margin-top: 1em;}

			.media-top-right {
				position: absolute;
				max-width: 50px;
				height: auto;
				top: 25px;
				right: 5px;}

	/*** Specific elements ***/

		[data-test-id="chat-widget-launcher"] button {
			box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    		transform: scale(1);
    		animation: pulse 2s infinite;}

			@keyframes pulse {
				0% {
					transform: scale(0.95);
					box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);}

				70% {
					transform: scale(1);
					box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);}

				100% {
					transform: scale(0.95);
					box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}
			}

		/* News block */

			.elementor-post__text {padding: 0 10px !important;}

		/* Links */

		/* Contact */

			.wpcf7 input[type="text"], 
			.wpcf7 input[type="email"], 
			.wpcf7 input[type="url"], 
			.wpcf7 input[type="password"], 
			.wpcf7 input[type="search"], 
			.wpcf7 input[type="number"], 
			.wpcf7 input[type="tel"], 
			.wpcf7 textarea {
				width: 100%;
				border: 1px solid #cfcfcf;
				border-radius: 2em;}

			input.wpcf7-form-control.wpcf7-quiz {margin-top: 10px !important;}

		/* Klavyo */

			button.needsclick.klaviyo-close-form.go1982198487.kl-private-reset-css-Xuajs1 {
				background: transparent;
				padding: 0px;}


/****** END OF CONTENT ******/

/****** SHOP ******/

	/*** Shop General ***/

		ins {text-decoration: none !important;}
		p.e-woocommerce-login-nudge.e-description {display: none;}
		del {color: #CA0000;}

	/*** Product Archive ***/

		.woocommerce .product h2.product_title {
    		font-size: 1.5rem;
			line-height: 1;}
		.product-featured-text {
			font-weight:600;
			color: #fff;}
		.product-pbp, .product-dos {
			font-size: 0.8rem;
			font-weight: 600;}

	/*** Product Page ***/

		.product h1.product_title {
			font-size: 3rem;
			line-height: 1;
			color: #222222;}

		.woocommerce span.onsale {
			padding: 10px !important;
			background-color: #3A7684;}

	/*** Cart ***/

	#elementor-menu-cart__toggle_button {
		background: none;
		border: none;
		padding: 0;}

	.woocommerce-message {border-top-color: #FFB22D;}
	.elementor-menu-cart__product-price {color: #222 !important;}
	
	/*** Checkout ***/
	
	    .woocommerce-shipping-totals.shipping, .cart-subtotal {display: none !important;}

/****** END OF SHOP ******/

/****** FOOTER ******/

	.elementor-location-footer a {
		color: #fff !important;
		font-weight: 400;}
	.copy {font-size: .8rem;}

/****** END OF FOOTER ******/

/****** RESPONSIVE BLOCK ******/

	@media (max-width: 767px) {
		
		/* GENERAL */

			h1 {font-size: 3rem;}
			h2 {font-size: 2rem;}
			h3 {font-size: 1.5rem;}
			h4 {font-size: 1.3rem;}
			h5 {font-size: 1.2rem;}
			h6 {font-size: 1rem;}
		
		/* CONTENT */
		
			.title-slider, .title-slider h1 {font-size: 1.5rem !important;}
			.subtitle-slider, .subtitle-slider h2 {font-size: 1.2rem !important;}
		
			.first-title, .first-title h1, .first-title h2 {font-size: 1.5rem !important;}
			.section-title, .section-title p, .section-title h1, .section-title h2, .section-title h3 {font-size: 1.3rem;}
		
			.curalin-icons-text .elementor-image-box-title {font-size: 1.1rem !important;}
			.curalin-icons-text p {font-size: 1rem;}
		
		/* SHOP */
		
			.product h1.product_title {font-size: 2rem;}
		
			.mob-product-cat-title h2.product_title {font-size: 1rem !important;}
		
			.mob-product-cat-price .elementor-heading-title {
				font-size: .8rem !important;}
		
	}

/****** END OF RESPONSIVE BLOCK ******/