/*!
Theme Name: bookeasy
Theme URI: https://www.impartmedia.com/
Author: impartmedia
Author URI: https://www.impartmedia.com/
Description: Bookeasy template based on Mitech theme.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bookeasy
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

bookeasy is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.skip-link.screen-reader-text { display: none; }
img { max-width: 100%; height: auto; border-radius: var(--img-border-radius, 0); }
.grecaptcha-badge { display: none; }
.navigation-menu > ul > li a { letter-spacing: 1px; }

.search-overlay input[type="search"]::-webkit-input-placeholder { color: rgb(var(--primary-color)); }
.search-overlay input[type="search"]::-moz-placeholder { color: rgb(var(--primary-color)); }
.search-overlay input[type="search"]:-ms-input-placeholder { color: rgb(var(--primary-color)); }
.search-overlay input[type="search"]:-moz-placeholder { color: rgb(var(--primary-color)); }
.search-overlay form .screen-reader-text { display: none; }
.search-overlay .search-submit { display: none; }
.search-overlay form > label { width: 100%; }

body.admin-bar .header-bottom-wrap.header-sticky { margin-top: 1.5rem; }
/* Header */
.header-static-white .header__logo .light-logo { display: none; }
.header-static-white .header__logo .dark-logo { display: block; }
.header-static-white .navigation-menu li a[role="button"].btn--white { 
	background-color: rgb(var(--primary-color)); 
	color: var(--text-color-light);
}

.header-top-bar-info {
	padding: 1.25rem;

	.top-bar-left .top-bar-text {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: fit-content;
	}

	.top-bar-right,
	.top-bar-info {
		display: flex;
		align-items: center;
		gap: 1rem;
	}
}

/* Contact form 7 */
.wpcf7 textarea { resize: none; height: 150px; padding-top: 16px; padding-bottom: 16px; }
.wpcf7-form-control-wrap { display: inline-block; width: 100%; margin-bottom: 20px; }

/* Panels */
.row > h1,
.row > h2,
.row > h3,
.row > h4,
.row > h5,
.row > h6,
.row > p,
.row > ul,
.row > ol { flex:0 0 100%; }

/* panel - simple content banner with breadcrumb */
.panel-simple-banner.text-colour-white h2 { color: #FFF; }

.breadcrumb-list a { position: relative; display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: 2px; line-height: 1.58; text-transform: uppercase; }
.breadcrumb-list a::after { content: ''; width: 0; height: 1px; bottom: 0; position: absolute; left: auto; right: 0; z-index: -1; -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; -o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; background: currentColor; }
.breadcrumb-list a:hover::after { width: 100%; left: 0; right: auto; z-index: 0; }
.breadcrumb-list span.current { color: rgb(var(--primary-color)); display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: 2px; line-height: 1.58; text-transform: uppercase; }
.breadcrumb-list .delimiter { padding-left: .5rem; padding-right: .5rem; }

.panel-simple-banner.text-colour-white .breadcrumb-list a,
.panel-simple-banner.text-colour-white .breadcrumb-list .delimiter { color: #FFF; }

/* panel - general content text */
.background-color-primary { background-color: rgb(var(--primary-color)); }
.background-color-secondary { background-color: rgb(var(--secondary-color)); }
.background-color-white { background-color: #ffffff; }
.background-color-f8f8f8 { background-color: #f8f8f8; }
.panel-general-content-text h3 { text-align: center; margin-bottom: 40px; }

/* panel - home banner */
.hero-button-group .ht-btn.btn--white .btn-icon { -webkit-transition: none; -o-transition: none; transition: none; }
.typed-cursor { color: transparent; border-left: 2px solid white; }
.typed-text-wrap span.item { display: none; }
.service-hero-wrapper .cd-words-wrapper b i { font-style: normal; }
@media (max-width: 480px) {
	.service-hero-text h3 { font-size: 18px; }
	.service-hero-text h1 { font-size: 30px; }
}

/* panel - feature tiles */
.feature-images-wrapper .section-title { margin-bottom: 50px; }
.feature-images-wrapper.panel-class-home-features .button-text { -webkit-transition: none; -o-transition: none; transition: none; }
.feature-images-wrapper .description a:hover { color: #FFF; text-decoration: underline; }
@media (max-width: 1199px) {
	.feature-images-wrapper.panel-class-home-features .description { min-height: 0; }
	.feature-images-wrapper.panel-class-home-features .image-box-wrap { min-height: 0; }
}
/*panel team-member-wrapper */
.team-member-wrapper h3 { font-size: 40px; }
.team-member-wrapper h3 span { color: rgb(var(--primary-color)); }

@keyframes pulseicon {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  50% {
      -webkit-transform: scale(1.15);
      transform: scale(1.15);
  }
  100% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
}
/* panel - tiles icon text */
.panel-tiles-icon-text { text-align: center; padding-bottom: 110px; padding-top: 90px; }
.panel-tiles-icon-text .container > h2 { font-size: 80px; margin-bottom: 40px; }
.panel-tiles-icon-text .item { margin-bottom: 25px; }
.panel-tiles-icon-text .fontawesome-code { height: 80px; }
.panel-tiles-icon-text .fontawesome-code i { color: rgb(var(--primary-color)); font-size: 48px; }
.panel-tiles-icon-text .icon-box-wrap:hover .fontawesome-code i { -webkit-animation: pulseicon 2s linear infinite; animation: pulseicon 2s linear infinite; }
.panel-tiles-icon-text h3 { font-size: 25px; color: var(--text-color); font-weight: 500; margin-bottom: 10px; }
.panel-tiles-icon-text .description p { font-size: 16px; }
@media (max-width: 1199px) {
	.panel-tiles-icon-text .container > h2 { font-size: 70px; }
	.panel-tiles-icon-text .description p br { display: none; }
}
@media (max-width: 991px) {
	.panel-tiles-icon-text { padding-top: 60px; padding-bottom: 60px; }
	.panel-tiles-icon-text .container > h2 { font-size: 50px; }
}
@media (max-width: 480px) {
	.panel-tiles-icon-text .container > h2 { font-size: 40px; }
}
@media (max-width: 360px) {
	.panel-tiles-icon-text .container > h2 { font-size: 36px; }
}

/* panel - image middle list items on sides */
.panel-image-middle-list-items-on-sides { padding: 50px 0 80px 0; }
.panel-image-middle-list-items-on-sides .col-list i { font-size: 48px; color: rgb(var(--primary-color)); width: 66px; }
.panel-image-middle-list-items-on-sides .col-list li { 
	-webkit-transition: .3s cubic-bezier(.23,1,.32,1); -moz-transition: .3s cubic-bezier(.23,1,.32,1); transition: .3s cubic-bezier(.23,1,.32,1); 
	-webkit-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms;  
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	opacity: 0; line-height: 1.1; letter-spacing: 1px; margin-bottom: 90px; }
.panel-image-middle-list-items-on-sides .col-list li:nth-of-type(2) { -webkit-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms;  }
.panel-image-middle-list-items-on-sides .col-list li:nth-of-type(3) { -webkit-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms;  }

.panel-image-middle-list-items-on-sides .col-list li span { font-size: 25px; font-weight: 500; color: var(--text-color); }
.panel-image-middle-list-items-on-sides .col-list li a:hover span { color: rgb(var(--secondary-color)); }
.panel-image-middle-list-items-on-sides .col-list-left li { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-transform: translateX(-70px); -moz-transform: translateX(-70px); transform: translateX(-70px); padding-right: 20px; text-align: right; }
.panel-image-middle-list-items-on-sides .col-list-right li { -webkit-transform: translateX(70px); -moz-transform: translateX(70px); transform: translateX(70px); padding-left: 20px; }
.panel-image-middle-list-items-on-sides .col-image { margin-top: 48px; }
.panel-image-middle-list-items-on-sides .col-image.mobile { display: none; }
.panel-image-middle-list-items-on-sides .appeared li { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); opacity: 1; }

@media (max-width: 1199px) {
	.panel-image-middle-list-items-on-sides { padding-bottom: 40px; }
	.panel-image-middle-list-items-on-sides .col-list li span { font-size: 17px; margin-top: 6px; }
}
@media (max-width: 991px) {
	.panel-image-middle-list-items-on-sides .col-list i { font-size: 28px; width: 50px; }
	.panel-image-middle-list-items-on-sides .col-list li { margin-bottom: 50px; }
	.panel-image-middle-list-items-on-sides .col-list li span { margin-top: 0; }
}
@media (max-width: 767px) {
	.panel-image-middle-list-items-on-sides .col-list li { opacity: 1; }
	.panel-image-middle-list-items-on-sides .col-list-left li,
	.panel-image-middle-list-items-on-sides .col-list-right li { -webkit-transform: none; -moz-transform: none; transform: none; }
	.panel-image-middle-list-items-on-sides .col-image img { width: 100%; }
	.panel-image-middle-list-items-on-sides .col-image.mobile { display: block; margin-top: 0; }
	.panel-image-middle-list-items-on-sides .col-image.desktop { display: none; }
	.panel-image-middle-list-items-on-sides .col-list i { font-size: 48px; width: auto; margin-right: 20px; }
	.panel-image-middle-list-items-on-sides .col-list-left { margin-top: 30px; }
	.panel-image-middle-list-items-on-sides .col-list li span { font-size: 24px; }
	.panel-image-middle-list-items-on-sides .col-list-left li { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-align: left; }
	.panel-image-middle-list-items-on-sides .col-list-right li { padding-left: 0; padding-right: 20px; }
}
@media (max-width: 400px) {
	.panel-image-middle-list-items-on-sides .col-list i { font-size: 42px; }
	.panel-image-middle-list-items-on-sides .col-list li span { font-size: 19px; }
}
@media (max-width: 340px) {
	.panel-image-middle-list-items-on-sides .col-list i { font-size: 37px; }
	.panel-image-middle-list-items-on-sides .col-list li span { font-size: 17px; }
	.panel-image-middle-list-items-on-sides .col-list li span br { display: none; }
}

/* panel - tabs wrapper */
.tabs-wrapper .general-three-cols .item { margin-bottom: 12px; }
.brand-logo-slider__one .brand-logo,
.brand-logo-slider__one .brand-logo:hover .brand-logo__image-hover { padding-left: 18px; padding-right: 18px; }
.brand-logo-slider__one .brand-logo img { width: 100%; }

/* Counter that animates numbers */
.fun-fact-wrapper .fontawesome-code i { font-size: 35px; color: #FFF; }
.fun-fact-wrapper .number-wrapper { line-height: 1.4; }
.fun-fact--two .fun-fact__text { text-transform: none; color: #FFF; font-weight: 300; font-size: 20px; }
.fun-fact--two .number-wrapper span { font-size: 55px; font-weight: 400; color: #FFF; }

/* panel - call to action title description button */
.panel-call-to-action-title-description-button { text-align: center; background-repeat: no-repeat; background-size: cover; background-position: var(--background-position-x) var(--background-position-y); }
.panel-call-to-action-title-description-button h3,
.panel-call-to-action-title-description-button p { color: #FFF; }
.panel-call-to-action-title-description-button h3 { font-size: 50px; letter-spacing: 1px; margin-bottom: 20px; }
.panel-call-to-action-title-description-button p { font-size: 25px; font-weight: 300; }
.panel-call-to-action-title-description-button .description { margin-bottom: 40px; }
.panel-call-to-action-title-description-button .btn--white { color: rgb(var(--primary-color)); font-size: 18px; height: 70px; line-height: 70px; width: 250px; }
@media (max-width: 767px) {
	.panel-call-to-action-title-description-button h3 { font-size: 42px; }
	.panel-call-to-action-title-description-button p { font-size: 20px; }
	.panel-call-to-action-title-description-button br { display: none; }
}

/* panel - two column logo list */
.panel-two-column-logo-list { padding: 100px 0 110px 0; text-align: center; }
.panel-two-column-logo-list h3 { margin-bottom: 35px; }
.panel-two-column-logo-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.panel-two-column-logo-list ul li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; min-height: 90px; padding-left: 10px; padding-right: 10px; }
.panel-two-column-logo-list ul li:nth-last-child(2),
.panel-two-column-logo-list ul li:last-child { min-height: 0; }
.panel-two-column-logo-list img { -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); }
.panel-two-column-logo-list img:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }
.panel-two-column-logo-list .col-one { border-right: 1px solid #d6d8d9; padding-right: 80px; }
.panel-two-column-logo-list .col-two { padding-left: 36px; }
@media (max-width: 1280px) {
	.panel-two-column-logo-list .col-one { padding-right: 90px; }
	.panel-two-column-logo-list .col-two { padding-left: 70px; }
}
@media (max-width: 1199px) {
	.panel-two-column-logo-list h3 br { display: none; }
	.panel-two-column-logo-list .col-one { padding-right: 80px; }
	.panel-two-column-logo-list .col-two { padding-left: 60px; }
}
@media (max-width: 767px) {
	.panel-two-column-logo-list .col-one { padding-right: 15px; border-right: 0; margin-bottom: 50px; }
	.panel-two-column-logo-list .col-two { padding-left: 15px; }
}

/* panel - feature images wrapper */
.disable-arrows .ht-box-images.style-05 .image-box-wrap .content .box-images-arrow { display: none; }
.feature-images-wrapper:not:has(.feature-images__color) { text-align: center; }
.feature-images-wrapper:not:has(.feature-images__color) .fontawesome-code { height: 128px; }
.feature-images-wrapper .fontawesome-code i { font-size: 60px; color: rgb(var(--primary-color)); --fa-primary-color: rgb(var(--primary-color)); --fa-secondary-color: rgb(var(--secondary-color)); -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); }
.feature-images-wrapper:not:has(.feature-images__color) .description { min-height: 155px; }
.feature-images-wrapper:not:has(.feature-images__color) .description p { font-size: 14px; }
.feature-images-wrapper .feature-images__five .col-lg-4 { margin-bottom: 50px; }
.feature-images-wrapper .ht-box-images:hover .description p { color: var(--panel-text-color); }
.feature-images-wrapper .ht-box-images:hover .fontawesome-code i { color: var(--panel-text-color); }
.feature-images-wrapper .image-wrapper { margin-bottom: 12px; }
.feature-images-wrapper .feature-images__color {
	.grid-tiles {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 1.5rem;

		@media (min-width: 768px) {
			grid-template-columns: repeat(calc(var(--grid-columns) / 2), minmax(0, 1fr));
		}

		@media (min-width: 1024px) {
			grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
		}

		& > .grid-tile {
			display: contents;
		}
		
		.color-box-wrap {
			--gap: 1.5rem;
			display: grid;
			grid-template-rows: auto auto minmax(0, 1fr);
			justify-items: start;
			align-items: center;
			gap: var(--gap);
			padding: 1.5rem 2rem;
			min-height: 100%;
			background-color: rgb(var(--white-color));
			border: 1px solid rgb(var(--neutral-400));
            border-radius: .5rem;
			box-shadow: 0 1px 4px 0 var(--shadow-color-02);
			
			.fontawesome-code { 
				margin: 0 auto;
			}
			.content { 
				display: contents;
				a { margin-top: auto;}
			}

			.description { 
				position: relative;
				border-top: 1px solid rgb(var(--neutral-300));
				padding-top: var(--gap);
			}
		}
	}
}

@media (max-width: 1199px) {
	.ht-box-images.style-05 .content .text br { display: none; }
}

/* panel - text left contact form right */
.panel-text-left-contact-form-right form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.panel-text-left-contact-form-right .col-disclaimer p { font-size: 11px; margin-bottom: 20px; }
.panel-text-left-contact-form-right .col-terms { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px; }
.panel-text-left-contact-form-right .col-terms p:empty { margin: 0; }
.panel-text-left-contact-form-right .col-terms .wpcf7-form-control-wrap.terms { width: 70px; }
.panel-text-left-contact-form-right .col-terms .wpcf7-form-control-wrap.terms p { font-size: 13px; }
.panel-text-left-contact-form-right .col-terms .wpcf7-form-control-wrap.terms p a { color: rgb(var(--primary-color)); }
.panel-text-left-contact-form-right .col-terms .wpcf7-form-control-wrap.terms .wpcf7-list-item { margin-left: 0; }
.panel-text-left-contact-form-right .col-terms .wpcf7-form-control-wrap.terms input[type="checkbox"] { vertical-align: top; margin-top: 7px; height: auto; }
.panel-text-left-contact-form-right .col-terms .term-text { font-size: 13px; }
.heading-40 { font-size: 40px; }
.heading-40 span { color: rgb(var(--primary-color)); }
@media (max-width: 1199px) {
	.heading-40 { font-size: 32px; }
}
@media (max-width: 991px) {
	.heading-40 { font-size: 28px; }
}
@media (max-width: 767px) {
	.heading-40 { font-size: 25px; }
}
@media (max-width: 480px) {
	.conact-us-wrap-one .heading br { display: none; }
}

/* Panel - Testimonials */
.testimonial-slider {
	color: var(--swiper-body-color, rgb(var(--text-color)));
}
.testimonial-slider-area.threecol .testimonial-slider__media img { width: 70px; height: 70px; }
.testimonial-slider__media img { width: 90px; height: 90px; -o-object-fit: cover; object-fit: cover; }
.testimonial-rating.stars-1 span:last-of-type,
.testimonial-rating.stars-2 span:last-of-type,
.testimonial-rating.stars-3 span:last-of-type,
.testimonial-rating.stars-4 span:last-of-type,
.testimonial-rating.stars-5 span:last-of-type { display: none; }

.testimonial-rating.stars-05 span, 
.testimonial-rating.stars-15 span:nth-child(-n+4),
.testimonial-rating.stars-25 span:nth-child(-n+3),
.testimonial-rating.stars-35 span:nth-child(-n+2),
.testimonial-rating.stars-45 span:nth-child(-n+1) { display: none; }

.testimonial-rating.stars-1 span:nth-child(n+2), 
.testimonial-rating.stars-2 span:nth-child(n+3), 
.testimonial-rating.stars-3 span:nth-child(n+4), 
.testimonial-rating.stars-4 span:nth-child(n+5) { display: none; }

.testimonial-rating.stars-05 span:last-of-type,
.testimonial-rating.stars-15 span:last-of-type,
.testimonial-rating.stars-25 span:last-of-type,
.testimonial-rating.stars-35 span:last-of-type,
.testimonial-rating.stars-45 span:last-of-type { display: inline-block; }

/* Case Studies Landing */
.projects-wrap.style-01 .content .post-categories span:last-of-type { display: none; }
.projects-wrap .projects-image {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--image-project-padding, 0);
}

@media (max-width: 767px) {
	.projects-image-box .projects-image img { width: 100%; }
}

/* Blog Landing */
.blog-pages-wrapper .blog-thumbnail a { width: 100%; }
.blog-pages-wrapper .blog-thumbnail a img { width: 100%; }

/* Single Blog Post */
.post-feature.blog-thumbnail img { width: 100%; }
.entry-post-share { margin-top: 40px; }
.blog-posts-next-prev-wrapper h2 { display: none; }
.blog-posts-next-prev-wrapper .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.blog-posts-next-prev-wrapper .nav-links > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 15px; }
.blog-posts-next-prev-wrapper .nav-previous i { margin-right: 8px; }
.blog-posts-next-prev-wrapper .nav-next { text-align: right; }
.blog-posts-next-prev-wrapper .nav-next i { margin-left: 8px; }

/* Footer */
.footer-area-wrapper {
	background-color: rgb(var(--primary-color));
	color: var(--text-color-light);
}
.footer-copyright-area {
	& > .container > .row {
		border-top: 1px solid rgb(var(--neutral-400));
		padding: 1.5rem 0;
	}

	.copyright-text {
		display: flex;
		gap: 1.5rem;

		span { position: relative; }
		span:nth-child(2n):before {
			content: '|';
			position: absolute;
			left: -.75rem;
			top: 0;
			bottom: 0;
		}
	}

	a:not([role="button"]) { 
		color: rgb(var(--secondary-color)); 
		text-decoration: underline;
	}

	.list {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 1rem;

		a { 
			width: 1.5rem; 
			height: 1.5rem;
			padding: 0;
		}

		@media (min-width: 768px) {
			justify-content: end;
		}
	}
}
.footer-copyright-area .ht-social-networks a i { color: rgb(var(--primary-color)); }
.footer-copyright-area .ht-social-networks a:hover i { color: #FFF; }
.footer-copyright-area .ht-social-networks a.social-link:hover { background-color: rgb(var(--primary-color)); }

/* Mailchimp */
.mailchimp-form {
	#mc_embed_shell {
		max-width: 420px;
		margin: 2rem auto;
	}

	#mc_embed_signup {
		background: transparent;
	}

	.mc-field-group {
		display: flex;
		gap: 1rem;
		padding: .5rem;
		background: rgb(var(--white-color));
		border-radius: var(--border-radius);
		border: 1px solid rbg(var(--neutral-300));
		align-items: center;
		justify-content: space-between;
	}

	input[type="email"] {
		flex: 1;
		border: none;
		outline: none;
		padding: 0 .5rem;
		color: var(--text-color);

		&.mce_inline_error {
			color: rgb(var(--error-color));
		}
	}

	div.mce_inline_error {
		position: absolute;
		left: 0;
		top: 120%;
		width: 100%;
		opacity: 1;
		background: rgb(var(--error-color));
		border-radius: var(--border-radius);
		border: 2px solid rgb(var(--white-color) / .75);
		transition: all .3s ease-in-out;

		@starting-style {
			opacity: 0;
			left: 0;
			top: 0;
		}
	}
}