/* 
Custom styles for home page 

Version  1.1
Last change: new section for about intro and SEO title improvements
*/

/* General and non categoriesed */

.home-banner-2 {
	margin-right: var(--wp--preset--spacing--70);
	margin-left: var(--wp--preset--spacing--70);
}
.bendie-imglink-hover1 a {
	transition: transform 0.1s ease;
}
.bendie-imglink-hover1 a:hover {
	transform: rotate(-3deg) scale(1.1);
}
.bendie-imglink-hover1 a:active {
	transform: rotate(-3deg) scale(0.995);
}
.bendie-imglink-hover1 a:focus,
.bendie-imglink-hover1 a:focus-visible {
	outline: none;
}
.bendie-imglink-hover2 a {
	transition: transform 0.1s ease;
}
.bendie-imglink-hover2 a:hover {
	transform: rotate(+3deg) scale(1.1);
}
.bendie-imglink-hover2 a:active {
	transform: rotate(+3deg) scale(0.995);
}
.bendie-imglink-hover2 a:focus,
.bendie-imglink-hover2 a:focus-visible {
	outline: none;
}

.home-about-intro-section {
	gap: 0px !important;
}
.home-about-intro-section h2 {
	white-space: nowrap;
	overflow-wrap: normal;
	overflow: visible;
}
.home-page-party-scene-container {
	position: relative;
}
.home-page-party-scene {
	position: relative;
	left: -50px;
	max-width: unset !important;
	width: 550px;
}
.home-about-shop-links {
	position: absolute;
	bottom: 30px;
	width: 60%;
	left: 50%; 
	transform: translateX(-50%);
}
/* transition and ipad responsive */
@media (max-width: 1300px) {

}

/* Phone screen settings */
@media (max-width: 980px) {
	/* home page responsive styles */
	.home-spacer-responsive1 {
		height: 150px !important;
	}
	.home-animation-responsive {
		width: 70% !important;
	}

	.home-see-thru-picture {
		display: none !important;
	}
	.home-about-intro-section {
		padding-bottom: 100px !important;	
	}
	.home-about-intro-section h2 {
		white-space: unset;
		overflow-wrap: unset;
		overflow: unset;
	}
	.home-about-shop-links {
		position: absolute;
		bottom: 30px;
		width: 80%;
		left: 50%; 
		transform: translateX(-50%);
	}	
	.home-page-faq-doggy {
		width: 60% !important;
		height: auto !important;
	}
	.home-page-faq-column {
		padding: 0 !important;
		margin-bottom: 100px !important;
	}
	.home-page-less-padding-responsive {
		padding-top: var(--wp--preset--spacing--50) !important;
	}
}

/* home-about-section responsive */
@media (max-width: 780px) {
	.home-about-intro-section {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.home-page-party-scene {
		position: relative;
		width: clamp(70vw, 70vw, 400px);
		left: 50%;
		transform: translateX(-50%);
	}
	.home-about-shop-links {
		width: 80%;
		gap: 2px;
	}
	.home-about-shop-links p {
		font-size: clamp(1em, calc(2vw + 5px), 30px) !important;
	}
}

/* smaller phones */
@media (max-width: 550px) {
	
	.home-about-shop-links p {
		font-size: clamp(0.5em, 3vw, 18px) !important;
	}
	.home-about-shop-links .bendie-button1 {
		font-size: clamp(0.8em, calc(2vw + 5px), 30px) !important;
        padding-top: 0.6rem !important;
        padding-right: 1.1rem !important;
        padding-bottom: 0.6rem !important;
        padding-left: 1.1rem !important;
	}
}