.btn {
	-webkit-tap-highlight-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
	#header .header-wrapper .header-columns .header-link {
		transition: color 0.3s ease-in-out;
	}

		#header .header-wrapper .header-columns .header-link:hover {
			color: var(--body-color);
		}

	#header .header-wrapper .header-columns .btn-menu {
		transition: all 0.3s ease-in-out;
	}

		#header .header-wrapper .header-columns .btn-menu:hover {
			border-color: #EE5340;
			background-color: transparent;
			color: #EE5340;
		}

	.btn {
		transition: .3s all ease-in-out;
	}

		.btn:not(.input-group-btn) i {
			-webkit-transition: -webkit-transform .2s ease-in-out;
			transition: -webkit-transform .2s ease-in-out;
			-o-transition: transform .2s ease-in-out;
			transition: transform .2s ease-in-out;
			transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
		}

		.btn:not(.input-group-btn):hover i {
			-webkit-transform: translateX(4px);
			-ms-transform: translateX(4px);
			transform: translateX(4px);
		}

	.btn-bg-dark:hover {
		border-color: var(--body-font-colour);
		background-color: transparent;
		color: var(--body-font-colour);
	}

	.btn-bg-primary:hover {
		border-color: var(--primary-colour);
		background-color: transparent;
		color: var(--primary-colour);
	}

	.btn-bg-secondary:hover {
		border-color: var(--secondary-colour);
		background-color: transparent;
		color: var(--secondary-colour);
	}

	.btn-bg-tertiary:hover {
		border-color: var(--tertiary-colour);
		color: var(--body-font-colour);
		background-color: transparent;
	}

	.btn-bg-white:hover {
		border-color: var(--body-font-colour);
		color: var(--body-font-colour);
		background-color: var(--beige-colour);
	}

	.btn-border-white:hover {
		background-color: white;
		color: var(--blue-colour);
	}

	.link-list .link-item .link-item-box .link-item-btn i {
		-webkit-transition: fill .3s ease-in-out,-webkit-transform .3s ease-in-out;
		transition: fill .3s ease-in-out,-webkit-transform .3s ease-in-out;
		-o-transition: transform .3s ease-in-out,fill .3s ease-in-out;
		transition: transform .3s ease-in-out,fill .3s ease-in-out;
		transition: transform .3s ease-in-out,fill .3s ease-in-out,-webkit-transform .3s ease-in-out;
	}

	.link-list .link-item .link-item-box:hover .link-item-btn i {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.content-list .content-item .content-box {
		-webkit-transition: background-color .3s ease-in-out;
		-o-transition: background-color .3s ease-in-out;
		transition: background-color .3s ease-in-out;
	}

		.content-list .content-item .content-box:hover {
			background-color: var(--blue-colour-2);
		}

		.content-list .content-item .content-box .content-box-content .content-title {
			-webkit-transition: color .3s ease-in-out;
			-o-transition: color .3s ease-in-out;
			transition: color .3s ease-in-out;
		}

		.content-list .content-item .content-box:hover .content-box-content .content-title {
			color: white;
		}

	.blog-slider .blog-slider-nav div {
		-webkit-transition: background-color .3s ease-in-out;
		-o-transition: background-color .3s ease-in-out;
		transition: background-color .3s ease-in-out;
	}

		.blog-slider .blog-slider-nav div:hover {
			background-color: var(--beige-colour);
		}

		.blog-slider .blog-slider-nav div i {
			-webkit-transition: -webkit-transform .2s ease-in-out;
			transition: -webkit-transform .2s ease-in-out;
			-o-transition: transform .2s ease-in-out;
			transition: transform .2s ease-in-out;
			transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
		}

	.blog-slider .blog-slider-nav .blog-slider-prev:hover i {
		-webkit-transform: translateX(-4px);
		-ms-transform: translateX(-4px);
		transform: translateX(-4px);
	}

		.blog-slider .blog-slider-nav .blog-slider-next:hover i {
			-webkit-transform: translateX(4px);
			-ms-transform: translateX(4px);
			transform: translateX(4px);
		}

		#footer .footer-left .footer-links .nav-item .nav-link {
			-webkit-transition: color .3s ease-in-out;
			-o-transition: color .3s ease-in-out;
			transition: color .3s ease-in-out;
		}

		#footer .footer-left .footer-links .nav-item .nav-link:hover {
			color: var(--primary-colour);
		}

	#footer .footer-detail a {
		transition: color 0.3s ease;
	}

		#footer .footer-detail a:hover {
			color: var(--primary-colour);
		}

	#footer .footer-right .footer-links .nav-item .nav-link {
		-webkit-transition: color .3s ease;
		-o-transition: color .3s ease;
		transition: color .3s ease;
		position: relative;
		display: inline-block;
	}

		#footer .footer-right .footer-links .nav-item .nav-link:before {
			content: "";
			-webkit-transition: width .3s ease;
			-o-transition: width .3s ease;
			transition: width .3s ease;
			width: 0;
			height: 1px;
			display: block;
			background: white;
			position: absolute;
			left: 0;
			bottom: 0;
		}

		#footer .footer-right .footer-links .nav-item .nav-link:hover::before {
			width: 100%;
		}

	#footer .footer-right .socials li a{
		-webkit-transition: color .3s ease;
		-o-transition: color .3s ease;
		transition: color .3s ease;
	}

		#footer .footer-right .socials li a:hover {
			color: var(--primary-colour);
		}
}

@media (pointer: coarse) {
	.btn-bg-primary:visited,
	.btn-bg-primary:focus,
	.btn-bg-primary:focus-visible,
	.btn-bg-primary:active {
		background-color: var(--primary-colour)!important;
		color: white!important;
	}

	.btn-bg-secondary:visited,
	.btn-bg-secondary:focus,
	.btn-bg-secondary:focus-visible,
	.btn-bg-secondary:active {
		border-color: var(--secondary-colour)!important;
		color: white!important;
	}

	.btn-bg-tertiary:visited,
	.btn-bg-tertiary:focus,
	.btn-bg-tertiary:focus-visible,
	.btn-bg-tertiary:active {
		color: var(--body-font-colour)!important;
		background-color: var(--tertiary-colour)!important;
	}
}