/*
 * Custom BlinQ Styles
 * Theme: iRollers
 * Author: https://www.blinq.com.au
 *
 * Note: Customize BlinQ styles to match the iRollers theme branding.
 * Modify these styles with caution and always test thoroughly.
 * Backup your CSS file before making changes.
 */

.menu-item li {
	width: 100%;
}


b {
	font-weight: 600 !important;
}

/* Header Navigation Menu Hide/Show Styles */

.loggedin-only {
	display: none;
}
.loggedout-only {
	display: none;
}

.user-buttons {
	display: none !important;
}

@media screen and (max-width: 1630px) {
	.user-options {
		display: none;
	}
	.user-buttons {
		display: inline-block !important;
	}
	.user-buttons-sub {
		display: inline-block !important;
    	width: 100%;
	}
}

@media screen and (max-width: 1265px) {
	.menu-item-type-custom {
		margin-left: 0.25vw !important;
		margin-right: 0.25vw !important;
	}
	.wpr-pointer-item {
		font-size: 1.42vw !important;
	}
}

@media screen and (max-width: 1025px) {
	.user-buttons {
		width: 100%;
	}
	.wpr-mobile-nav-menu li {
		text-align: left;
	}
	.wpr-mobile-nav-menu a {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
.menu-item {
	display: block !important;
}
}

/* Triangular Styles */

.triangle-left {
	clip-path: polygon(0% 0%, 0% 100%, 100% 50%);
}
.triangle-right {
	clip-path: polygon(100% 100%, 100% 0%, 0% 50%);
}

.about-img-left {
    clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);
}
.about-img-right {
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}

@media only screen and (max-width: 767px) {
	.triangle-left {
		clip-path: unset;
    	position: unset;
    	min-height: 350px;
    	padding: 20px;
	}
	.triangle-right {
		clip-path: unset;
    	position: unset;
    	min-height: 350px;
    	padding: 20px;
	}

	.about-img-left {
	    clip-path: polygon(0 0, 100% 1%, 100% 100%, 0 100%, 0% 50%);
	}
	.about-img-left:hover {
	    filter: grayscale(100%) !important;
	}

	.about-img-right {
	    clip-path: polygon(0% 0%, 100% 0, 100% 50%, 100% 100%, 0% 100%);
	}
	.about-img-right:hover {
	    filter: grayscale(100%) !important;
	}
}

.blinQ-footer a {
	color: var(--e-global-color-primary);
}

/* Contact Form */
#embeddedFrame {
    width: 100%; /* Full width of the container */
    height: 100vh; /* Full height of the viewport */
    border: none; /* Remove iframe border */
    overflow-y: auto; /* Enable vertical scrolling if content exceeds height */
}

/* Contact Form for Product Pages */
.prd-wp-contact {
    width: 100%;
    height: 1050px;
    border: none;
    overflow: hidden;
}
@media (max-width: 1024px) and (min-width: 893px) {
	.prd-wp-contact {
		height: 765px;
	}
}
@media (max-width: 892px) and (min-width: 640px) {
	.prd-wp-contact {
		height: 1120px;
	}
}
@media (max-width: 639px) {
	.prd-wp-contact {
		height: 1050px;
	}
}