/*
 ************************************************************
 *
 * SECTIONS
 *
 ************************************************************
 *
 * ----------------------------------------------------------
 *
 * GLOBAL
 *
 * ----------------------------------------------------------
 *
 * - BACKGROUND
 */

#top .alternate_color
{
	background-image: linear-gradient(to right, var(--color-lightgray-2) 0%, var(--color-lightgray-1) 100%);
}

#top .content-procedure
{
	background-image: linear-gradient(to bottom, var(--color-lightgray-2) 0%, var(--color-lightgray-1) 100%);
}

/*
 ************************************************************
 *
 * CONTENT
 *
 ************************************************************
 *
 * ----------------------------------------------------------
 *
 * CONTENT-HEAD
 *
 * ----------------------------------------------------------
 *
 * - CLASS
 */



/*
 * ----------------------------------------------------------
 *
 * CONTENT-HERO
 *
 * ----------------------------------------------------------
 *
 * - WRAP
 */

@media only screen and (min-width: 990px)
{
	.responsive #top .content-hero
	{
		margin-bottom: 80px;
	}
}

/*
 * - CONTAINER
 */

@media only screen and (min-width: 990px)
{
	.responsive #top .content-hero .container
	{
		background-image: url('../img/svg/overlay.svg');
		background-repeat: no-repeat;
		background-position: center right 50px;
		background-size: 480px;
	}
}

/*
 * - TABLE
 */

#top .content-hero .flex_column_table
{
	display: flex;
}

@media only screen and (min-width: 990px)
{
	.responsive #top .content-hero .flex_column_table
	{
		margin-bottom: -130px;
	}
}

/*
 * - COLUMN: 2/3
 */

#top .content-hero .flex_column.av_two_third
{
	display: flex !important;
	flex-direction: column;
	justify-content: space-between;
	grid-gap: 32px;
}

#top .content-hero .flex_column.av_two_third::before,
#top .content-hero .flex_column.av_two_third::after
{
	display: none;
}

@media only screen and (min-width: 1280px)
{
	.responsive #top .content-hero .flex_column.av_two_third
	{
		padding-top: 80px;
	}
}

/*
 * - WIDGET AREA
 */

#top .content-hero .avia-builder-widget-area:before,
#top .content-hero .avia-builder-widget-area:after
{
	display: none;
}

#top .content-hero .avia-builder-widget-area
{
	display: flex;
	padding-top: 24px;
	border-top: 4px solid var(--color-cvi-1);
}

@media only screen and (max-width: 639px)
{
	.responsive #top .content-hero .avia-builder-widget-area
	{
		flex-direction: column;
		grid-gap: 24px;
		padding-bottom: 24px;
		border-bottom: 4px solid var(--color-cvi-1);
	}
}

@media only screen and (min-width: 640px)
{
	.responsive #top .content-hero .avia-builder-widget-area
	{
		flex-direction: row;
		grid-gap: 32px;
		height: 80px;
	}
}

/*
 * - WIDGET WRAP
 */

#top .content-hero .avia-builder-widget-area .widget
{
	margin: 0;
}

@media only screen and (max-width: 639px)
{
	.responsive #top .content-hero .avia-builder-widget-area .widget:not(:first-child)
	{
		padding-top: 24px;
		border-top: 1px dotted var(--color-cvi-1);
	}
}

@media only screen and (min-width: 640px)
{
	.responsive #top .content-hero .avia-builder-widget-area .widget:not(:first-child)
	{
		padding-left: 32px;
		border-left: 1px dotted var(--color-cvi-1);
	}
}

/*
 * ----------------------------------------------------------
 *
 * CONTENT-ABOUT
 *
 * ----------------------------------------------------------
 *
 * - WRAP
 */

#top .content-about
{
	z-index: 2;
}

/*
 * ----------------------------------------------------------
 *
 * CONTENT-BLOG
 *
 * ----------------------------------------------------------
 *
 * - HEADING
 */

@media only screen and (max-width: 989px)
{
	.responsive #top .content-blog .av-special-heading.modern-centered
	{
		text-align: left;
	}
}

/*
 * ----------------------------------------------------------
 *
 * CONTENT-ARTICLE
 *
 * ----------------------------------------------------------
 *
 * - WRAP
 */


body#top.single,
body#top.single #wrap_all
{
	overflow: visible;
}

#top .content-article .content
{
	padding-top: 0;
}

#top .content-article .columns
{
	display: flex;
	grid-gap: 40px;
}

@media only screen and (max-width: 989px)
{
	.responsive #top .content-article .columns
	{
		flex-direction: column;
	}
	.responsive #top .content-article .columns article
	{
		order: 0;
	}
	.responsive #top .content-article .columns sidebar
	{
		order: 1;
	}
}

@media only screen and (min-width: 990px)
{
	.responsive #top .content-article .columns
	{
		flex-direction: row;
	}
	.responsive #top .content-article .columns article
	{
		width: calc(70% - 20px);
	}
	.responsive #top .content-article .columns sidebar
	{
		width: calc(30% - 20px);
	}
}