/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

.sticky-btn{
	position: fixed;
	right: 5vh;
	bottom: 5vh;
	z-index: 999;
}

.sticky-btn a button{
	width: fit-content;
	font-size: 16px;
	font-weight: 300 !important;
	padding: 14px 35px;
	color: #fff;
	background-color: #ed8902;
	border-radius: 50px;
	cursor: pointer;
	transition: transform 0.4s ease, box-shadow 0.4s ease, color 0.4s ease, background-color 0.2s ease;
	border: none;
}

.sticky-btn a button:hover{
	border: 1.6px solid #fff;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
	transform: scale(1.015);
}

@media only screen and (max-width: 1000px){
	.sticky-btn{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		bottom: 0;
		right: 0;
	}

	.sticky-btn a{
		width: 100%;
		height: fit-content;
	}

	.sticky-btn a button{
		width: 100%;
		border-radius: 0;
		border: none;
		box-shadow: 0px -9px 33px -10px rgba(0, 0, 0, 0.5);
	}
	
	.sticky-btn a button:hover{
		box-shadow: none;
		transform: none;
	}
}