.body-innerwrapper
{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

#sp-header
{
	position: absolute;
	box-shadow: none;
	border-bottom: 1px solid #ba2b39;
}

#sp-preheader
{
	border-top: 1px solid #f5384b;
	margin-top: 60px !important;
}

#sp-preheader .row:first-child
{
	display: flex !important;
	align-items: center !important;
}

#sp-logo .logo-image,
#sp-logo-header .logo-image
{
	height: auto !important;
	border: 1px solid #cccccc;
	border-radius: 0.75rem;
}

#sp-main-body
{
	padding-top: 0 !important;
    margin-bottom: auto;
}

#sp-footer
{
	color: #6c757d !important;
	border-top: 1px solid #e5e5e5;
}

#sp-footermenu
{
	display: flex !important;
	justify-content: flex-end !important;
}

#offcanvas-toggler > .fa
{
	color: #ffffff;
}

#offcanvas-toggler:hover > .fa
{
	color: #eeeeee;
}

.menu-position.justify-content-end
{
	justify-content: flex-start !important;
}

.burger-icon > span
{
	background-color: #fff;
}

.sp-megamenu-parent li a
{
	font-size: 15px;
	color: #ffffff;
}

.sp-megamenu-parent li a:hover,
.sp-megamenu-parent li.active a,
.sp-megamenu-parent li.active a:hover,
.sp-megamenu-parent li:hover > a
{
	color: #eeeeee;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover
{
	color: #aaaaaa;
}

ul.menu li a
{
	color: #212529 !important;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li.active a
{
	color: #a2a2a2 !important;
}

.login
{
	padding-top: 50px;
}

#system-message
{
	margin-top: 30px;
}

.article-list .article
{
	border: 1px solid rgba(0, 0, 0, .125);
}

.blogblog,
.article-details.blog
{
	margin-top: 60px;
}

.article-details.blog .article-header
{
	text-align: center;
}

.article-details.blog .article-header h1
{
	font-size: 3rem;
}

.blogblog .article .article-header h2
{
	font-size: 1.5rem;
	font-weight: 600;
}

.article-details.blog .article-info
{
	display: flex !important;
	justify-content: center !important;
	margin-bottom: 70px;
}

.display-1
{
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 600;
    line-height: 1.3;
}

@media (min-width: 1200px)
{
    .display-1
    {
        font-size: 5rem;
    }
}

.display-2
{
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 600;
    line-height: 1.3;
}

@media (min-width: 1200px)
{
    .display-2
    {
      font-size: 4.5rem;
    }
}

.display-3
{
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 600;
    line-height: 1.3;
}

@media (min-width: 1200px)
{
    .display-3
    {
      font-size: 4rem;
    }
}

.fs-lg
{
    font-size: calc(1rem * 1.125) !important;
}