/*
Theme Name: Extendable Child
Theme URI: https://github.com/extendify/extendable
Author: Extendify
Author URI: https://extendify.com
Description: Extendable is a distinct, dynamic block theme designed as a canvas for your next online venture. Sporting multiple style variations, Extendable is the most expressive block theme yet. Go fresh, bold, bohemian or minimal — with a single click.
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
Version: 2.0.26
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: extendable
Tags: one-column, custom-colors, custom-menu, custom-logo, e-commerce, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments

Extendable is a derivative work of the code from the
Twenty Twenty-Two WordPress Theme, which is licensed GPLv2.

Extendable WordPress Theme, (C) 2022 Extendify Inc.
Extendable therefore is also distributed under the terms of the GNU GPL.
*/

.wp-block-heading {
	hyphens: none !important;
}


/*

p {
  max-width: unset !important;
}
*/
.hide {
	display: none !important;
}

.wp-block-site-title,
.wp-block-site-logo {
	display: inline-block;
	margin: 0 !important;
	vertical-align: middle;
}

.bgl {
	background-position: left center;
}

.bgc {
	background-position: center center;
}

.bgr {
	background-position: right center;
}


#details::before {
	content: '';
	display: block;
	background: linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	width: 100%;
	height: 40px;
	position: absolute;
	top: 0;
}

#details::after {
	content: '';
	display: block;
	background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	width: 100%;
	height: 40px;
	position: absolute;
	bottom: 0;
}
/*
.scroll {
	overflow-x: scroll;
	max-height: 400px;
	min-height: 300px;
	-ms-overflow-style: none;
    scrollbar-width: none;
	padding-bottom: 100px !important;
}


.start .wp-block-column:last-of-type > .wp-block-group::after {
	content: '';
	display: block;
	background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(247, 232, 217, 1) 100%);
	width: 100%;
	height: 150px;
  position: absolute;
  left: 0;
  margin-top: -150px;
}

.scroll::-webkit-scrollbar {
  display: none;
}*/


@keyframes movbgr {
   
    0% {
		background-position: 0% 50%;
	}
	
	
	50% {
		background-position: 100% 50%;
	}
	
	100% {
		background-position: 0% 50%;
	}

}
@keyframes movbgl {
   
    0% {
		background-position: 100% 50%;
	}
		
	50% {
		background-position: 0% 50%;
	}
	
	100% {
		background-position: 100% 50%;
	}

}

@keyframes movbgt {
   
    0% {
		background-position: 50% 0%;
		

	}
	
	100% {
		background-position: 50% 100%;

	}

}

@keyframes kbfa {
   
    0% {
		transform: scale(1.1);
		opacity: 1;
	}
	
	3% {
		transform: scale(1.1);
		opacity: 1;
	}
	
	60% {
		opacity: 1;
	}
	
	100% {
		transform: scale(1);
		opacity: 1;
	}

}

.kbf img {
	animation: kbfa 15s;
    animation-iteration-count: 1;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	animation-timing-function: ease-out;
	z-index: 1;
	transform-origin: left center;
}

.kbf .wp-block-cover__background {
	opacity: 1 !important;
	background-color: #f7e8d9 !important;
	z-index: 0;
}

.movt {
	/*background-size: 100% auto !important;*/
	will-change: background-position;
	background-position: 50% 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
}

.movt::after {
	content: '';
	display: block;
	background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	width: 100%;
	height: 40px;
	position: absolute;
	bottom: 0;
}

/*.movt::after {
  content: '';
  display: block;
  background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(247, 232, 217, 0.6) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}*/

.movt.active {
	animation: movbgt 10s;
    animation-iteration-count: 1;
	animation-timing-function: linear;
	
}

.movr {
	will-change: background-position;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
	
.movr.active {
	animation: movbgr 800s;
    animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.movl {
	
	animation: movbgl 500s;
    animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

/*
.movr::before {
	position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%;
  z-index: 0;

  background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
*/




.brd,
.brdo {
	position: relative;
	overflow: visible;
}

.brd::before {
	content: '';
	border: 1px solid #E3E3E3;
	width: 90%;
	height: 90%;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.brdo::before {
	content: '';
	border: 10px solid #fff;
	  width: calc(100% - 20px);
	  height: calc(100% - 20px);
	  display: block;
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  transform: translate(-50%,-50%);
	  box-shadow: 2px 2px 6px 6px #eee;
	  z-index: 99;
}

.shadow_1 {
	 box-shadow: 1px 1px 6px 6px #ddd;
}

.shadow_2 {
	 box-shadow: 1px 1px 6px 6px #ccc;
}

/*.brdo::before {
	content: '';
	border: 1px solid #E3E3E3;
	width: 105%;
	height: 105%;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	box-shadow: 0px 0px 4px 6px #eee;
}*/

#countdown {
	font-family: var(--wp--preset--font-family--libre-baskerville);
	/*font-family: var(--wp--preset--font-family--montserat);*/
	color: var(--wp--preset--color--secondary);
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	letter-spacing: 2px;
}

.sib_signup_form {
	margin: auto;
	margin-top: 40px;
	text-align: center;
}

.sib_signup_form input[type="email"] {
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: var(--wp--preset--font-size--medium);
	width: 200px;
	outline: 0;
	margin-left: 10px;
}
  
.sib_signup_form .small {
	font-size: var(--wp--preset--font-size--small);
}

.sib-default-btn {
	margin-top: 15px;
	border-radius: 6px;
	color: #fff;
	background-color: var(--wp--custom--elements--button--color--background);
	border: 0;
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: var(--wp--preset--font-size--small);
	  font-style: normal;
	  font-weight: 600;
	  padding-top: var(--wp--preset--spacing--20);
	  padding-right: var(--wp--preset--spacing--40);
	  padding-bottom: var(--wp--preset--spacing--20);
	  padding-left: var(--wp--preset--spacing--40);
	  cursor: pointer;
}