@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');


body * {
	font-family: 'Open Sans';
}




@keyframes kenBurnsEffectAdjusted {
  0% {
    transform: scale(1.1) translate(0px, 0px); /* Increased initial scale */
  }
  25% {
    transform: scale(1.15) translate(-20px, -20px); /* Reduced translation distance */
  }
  50% {
    transform: scale(1.25) translate(20px, 20px); /* Slightly larger maximum scale */
  }
  75% {
    transform: scale(1.15) translate(-20px, 20px); /* Consistent with reduced translation */
  }
  100% {
    transform: scale(1.1) translate(0px, 0px); /* Returns to the initial scale */
  }
}

.n2-ss-slide-background-image img {
  animation: kenBurnsEffectAdjusted 24s ease-in-out infinite;
  object-fit: cover;
  width: 100%;
  height: 100%;
  overflow: hidden; /* Adding overflow hidden to the image might not be effective, 
                       adjust the container instead */
}

.big-turncraft-mobile-header-logo {
		display: none;
}

.turncraft-desktop-header-logo {
		min-width: 230px;
}

.product-buttons-header {
				justify-content: space-evenly !important;
}

.open-header-mobile-button {
		display: none !important;
}


.frp-triple-gradient-bg {
		background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(122,35,39,1) 35%, rgba(0,0,0,1) 100%);
}
.duraglass-triple-gradient-bg {
		background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(170,152,104,1) 35%, rgba(0,0,0,1) 100%);
}
.craftsman-triple-gradient-bg {
		background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(160,80,39,1) 35%, rgba(0,0,0,1) 100%);
}
.colonial-triple-gradient-bg {
		background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(38,71,128,1) 35%, rgba(0,0,0,1) 100%);
}
.capital-triple-gradient-bg {
		background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(89,186,214,1) 35%, rgba(0,0,0,1) 100%);
}

.text-overlay {
    position: absolute;
    top: 0;
    right: 0; /* Align to the right side */
    width: 33.33%; 
    height: 100%;
    display: flex;
    justify-content: center; /* Center content horizontally */
    align-items: center; /* Center content vertically */
    background-color: rgba(255,255,255,0.8); 
    color: white; /* Text color */
    text-align: center;
    z-index: 9999; /* Keep on top */
		user-select: text;
}

.text-overlay ul {
    color: black; /* Set text color to black */
    list-style-type: none; /* Remove bullet points */
    line-height: 1.7; /* Set the line height */
    padding-left: 0; /* Remove the default padding */
		text-align: left;
		font-size: 14px;
		margin-top: 5px;
}

.text-overlay h2 {
    margin-top: 20px;
		font-size: 18px;
}

.text-overlay h3 {
    margin: 0px 0px;
		font-family: "Italianno", cursive;
		font-weight: 700;
		font-size: 45px;
}

.n2-ss-text {
		font-family: "Italianno", 'Open Sans' !important;
		font-weight: 700;
}

@media (min-width: 770px) {
		.mobile-sliding-menu {
		display: none !important;
		}
}

		 

@media (max-width: 770px) {
    .text-overlay {
        right: auto; /* Reset the right positioning */
        left: 50%; /* Center the overlay */
        transform: translateX(-50%); /* Adjust horizontal position to truly center */
        width: 63%; 
    }
		.big-turncraft-mobile-header-logo {
				display: block;
		}
		.turncraft-desktop-header-logo {
				display: none;
		}
		.open-header-mobile-button {
				display: block !important;
		}
		.desktop-header-bar {
				display: none;
		}
		header .wp-block-navigation-item__label {
				font-size: 18px !important;
		}
		.hide-me-on-mobile {
				display: none !important;
		}
}

@media (min-width: 770px) and (max-width: 1350px) {
  .info-box-media-queries {
    flex-direction: column-reverse !important;
  }
}


.wp-block-navigation-item__content:hover .wp-block-navigation-item__label {
    color: #774e29;
}

.wp-block-navigation-item__content:hover {
    text-decoration: none !important;
}

.display-none-initially {
		display: none;
}

.clickable-div {
  cursor: pointer; 
}

.btn-hover-effect:hover {
		opacity: 0.5 !important;
}