@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Karla:wght@200;300;400;500;600;700;800&display=swap');

* {
	transition: 0.3s all ease;
}

html {
	overflow-x: hidden;
}
body.modal-open{
	padding-right:0 !important;
}
b, strong {
    font-weight: bold;
}
html.locked,
body.locked {
	overflow: hidden;
}
.custom-button,
.custom-button:hover,
.custom-button:active,
.custom-button:focus{
	position: relative;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	padding: 2px 20px;
	border: 1px solid;
	line-height: 35px;
	font-weight: 500;
	font-family: 'Karla', sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
}
.light-theme .custom-button{
	background-color:#007b68;
	border-color:#007b68;
	color:#ffffff;
}
.dark-theme .custom-button{
	background-color:#aa883e;
	border-color:#aa883e;
	color:#dedede;
}
.light-theme .custom-button:hover,
.light-theme .custom-button:active,
.light-theme .custom-button:focus{
	background-color:transparent;
	color:#007b68;
	border-color:#007b68;
}
.dark-theme .custom-button:hover,
.dark-theme .custom-button:active,
.dark-theme .custom-button:focus{
	background-color:transparent;
	color:#aa883e;
	border-color:#aa883e;
}