/*
Theme Name:   Devix
Author:       Devix
Author URI:   http://www.devix.net
Text Domain:  devix
*/

@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;600;700&display=swap');

/* General */
html,
body{
	min-height: 100vh;
	margin: 0;
	padding: 0;
}

body,
input,
textarea,
button{
	font-family: 'Assistant', sans-serif;
}

.main{
	padding: 0 10px;
}

ul.nolist{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* Buttons */
button{
	cursor: pointer;
}

.button{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: fit-content;
	max-width: 100%;
	height: 47px;
	padding: 0 40px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.1;
	color: #FFFFFF;
	background-color: #06D9FA;
	border: 1.5px solid #06D9FA;
	
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.button.size-lg{
	height: 64px;
	font-size: 24px;
	padding: 0 55px;
}

.button.size-sm{
	height: 36px;
	font-size: 15px;
	padding: 0 25px;
}

.button:focus,
.button:hover{
	color: #FFF;
	background-color: #4632da;
	border-color: #4632da;
}

.button.color-dark{
	background-color: #4632da;
	border-color: #4632da;
}

.button.color-dark:focus,
.button.color-dark:hover{
	background-color: #06D9FA;
	border-color: #06D9FA;
}

.button.secondary{
	background-color: transparent !important;
}

.button .button-icon{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;

	margin-left: 15px;
	width: auto;
	height: 40%;
	text-align: center;
}

.button .button-icon svg{
	width: auto;
	height: 100%;
	fill: currentColor;
}

.button.size-lg .button-icon{
	margin-left: 20px;
}

.button.size-sm .button-icon{
	margin-left: 10px;
}

@media (max-width: 767px){
	.button{
		height: 36px;
		font-size: 15px;
		padding: 0 25px;
	}

	.button.size-lg{
		height: 47px;
		padding: 0 40px;
		font-size: 18px;
	}

	.button .button-icon{
		margin-left: 10px;
	}

	.button.size-lg .button-icon{
		margin-left: 15px;
	}
}