/*
 ************************************************************
 * FORM
 ************************************************************
 * ----------------------------------------------------------
 * FORM
 * ----------------------------------------------------------
 */
 
/* ELEMENT */

#top form,
#top fieldset
{
	margin: 0;
}

#top form p,
#top form label,
#top form legend
{
	color: var(--color-cvi-1);
}

#top form label
{
	font-weight: 300;
	font-size: 14px;
}

#top input[type="url"],
#top input[type="tel"],
#top input[type="text"],
#top input[type="input"],
#top input[type="email"],
#top input[type="search"],
#top input[type="number"],
#top input[type="password"],
#top textarea,
#top select
{
	font-family: var(--font-body);
	font-weight: 300;
	font-size: 16px;
	height: auto;
	margin: 0px;
	padding: 16px;
	line-height: 18px;
	border-radius: 0 !important;
	-webkit-box-shadow: none !important;
	   -moz-box-shadow: none !important;
	        box-shadow: none !important;
}

#top select,
#top .entry-content-wrapper select
{
	width: 100%;
}

#top textarea
{
	min-height: 120px;
}

/*
 * ----------------------------------------------------------
 * BUTTON
 * ----------------------------------------------------------
 */

/* BASE */

#top .button,
#top .avia-button,
#top .avia-button.avia-color-light
{
	position: relative;
	font-family: var(--font-feat);
	font-weight: 700;
	font-size: 15px;
	text-transform: uppercase;
	opacity: 1;
	margin: 0;
	padding: 8px 32px;
	min-width: auto;
	height: auto;
	line-height: 18px;
	border-width: 1px !important;
	border-radius: 4px;
	border-style: solid;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}

#top .avia-button.avia-color-theme-color-highlight
{
	border-width: 2px !important;
}

/* SIZE */

#top .avia-button.avia-size-small
{
	padding: 12px 28px;
	border-radius: 40px;
	line-height: 18px;
	font-size: 14px;
}

#top .avia-button.avia-size-medium
{
	padding: 16px 32px;
	border-radius: 50px;
	line-height: 18px;
	font-size: 16px;
}

#top .avia-button.avia-size-large
{
	padding: 20px 36px;
	border-radius: 32px;
	line-height: 22px;
	font-size: 18px;
}

#top .avia-button.avia-size-x-large
{
	padding: 24px 40px;
	border-radius: 100px;
	line-height: 24px;
	font-size: 20px;
}

/*
 * ----------------------------------------------------------
 * BUTTON-COLOR
 * ----------------------------------------------------------
 */

/* MAIN */

#top .main_color .avia-button,
#top .main_color .avia-button.avia-color-theme-color
{
	background: var(--color-cvi-1);
	border-color: var(--color-cvi-1);
	color: var(--color-white);
}

#top .main_color .avia-button:hover,
#top .main_color .avia-button.avia-color-theme-color:hover
{
	background: var(--color-cvi-2);
	border-color: var(--color-cvi-2);
	color: var(--color-white);
}

#top .main_color .avia-button.avia-color-theme-color-highlight
{
	background: transparent;
	border-color: var(--color-cvi-2);
	color: var(--color-cvi-2);
}

#top .main_color .avia-button.avia-color-theme-color-highlight:hover
{
	background: var(--color-cvi-2);
	border-color: var(--color-cvi-2);
	color: var(--color-white);
}

#top .main_color .avia-button.avia-color-theme-color-subtle
{
	padding: 0;
	background: transparent;
	border-color: transparent;
	color: var(--color-cvi-1);
}

#top .main_color .avia-button.avia-color-theme-color-subtle:hover
{
	background: transparent;
	border-color: transparent;
	color: var(--color-cvi-2);
}

/* LIGHT & DARK */

#top .avia-button.avia-color-light
{
	background: transparent;
	border-color: rgba(255,255,255,0.3);
	color: var(--color-white);
}

#top .avia-button.avia-color-light:hover
{
	background: transparent;
	border-color: var(--color-white);
	color: var(--color-white);
}

#top .avia-button.avia-color-dark
{
	background: transparent;
	border-color: var(--color-cvi-1);
	color: var(--color-cvi-1);
}

#top .avia-button.avia-color-dark:hover
{
	background: transparent;
	border-color: var(--color-cvi-1);
	color: var(--color-cvi-2);
}

/*
 * ----------------------------------------------------------
 * BUTTON-ICON
 * ----------------------------------------------------------
 */

/* ICON */

#top .button-with-icon .avia-button::after,
#top .button-with-icon .avia-button::before
{
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
}

#top .icon-right .avia-button::after
{
	margin-left: 0.6em;
}

#top .icon-left .avia-button::before
{
	margin-right: 0.6em;
}

#top .icon-arrow-right .avia-button::after
{
	content: "\f061";
}

#top .icon-download .avia-button::before
{
	content: "\f019";
}

/* COLOR */

#top .main_color .button-with-icon .avia-button::after,
#top .main_color .button-with-icon .avia-button::before
{
	color: var(--color-cvi-2);
}

/*
 * ----------------------------------------------------------
 * BUTTON-ROW
 * ----------------------------------------------------------
 */

/* WRAP */

#top .avia-buttonrow-wrap
{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	grid-gap: 16px;
}

@media only screen and (max-width: 767px)
{
	.responsive #top .avia-buttonrow-wrap
	{
		flex-direction: column;
	}
}

/* BUTTON */

#top .avia-buttonrow-wrap > .avia-button
{
	width: calc(50% - 8px);
	margin: 0 !important;
}

@media only screen and (max-width: 679px)
{
	.responsive #top .avia-buttonrow-wrap > .avia-button
	{
		width: 100%;
	}
}

@media only screen and (max-width: 320px)
{
	.responsive #top .avia-buttonrow-wrap > .avia-button
	{
		font-size: 15px;
	}
}

@media only screen and (min-width: 990px) and (max-width: 1279px)
{
	.responsive #top .avia-buttonrow-wrap > .avia-button
	{
		font-size: 15px;
	}
}