body {
	font-family: Fira Sans, sans-serif;
    font-size: 17px;
    font-weight: 300;
	background-image: url(/images//backgrounds/background_1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

/* OFFCANVAS MENU */
.layout-blog .offcanvas-menu {
    background-color: #FFF;
}
.layout-blog .offcanvas-inner {
	position: relative;
}
.menu-button-wrapper {
	position: absolute;
    top: 48px;
    right: -37px;
}
.layout-blog .offcanvas-menu .offcanvas-inner .sp-module ul.nav.menu > li > a {
	line-height: inherit;
}
.layout-blog .offcanvas-menu .offcanvas-inner ul.nav.menu > li.current > a {
	color: #000;
}
.layout-blog .offcanvas-menu .offcanvas-inner .sp-module ul.nav.menu > li > a:before {
    display: none;
}
.layout-blog .offcanvas-menu .offcanvas-inner .sp-module ul > li {
    border: 0;
}
.layout-blog .offcanvas-menu .offcanvas-inner .sp-module li.parent > ul {
	background: transparent;
}
.layout-blog .offcanvas-menu .offcanvas-inner .sp-module li.parent > ul > li > a {
    color: #77787b;
    font-size: 16px;line-height: 1.15;
    position: relative;
    left: 0;
    transition: all 0.5s;
    font-weight: 300;
}
.layout-blog .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:hover, 
.layout-blog .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:focus {
	background: transparent!important;
	left: 15px;
}
.layout-blog .offcanvas-menu .offcanvas-inner .sp-module ul >li >a:before {
	display: none;
}
.layout-blog .offcanvas-menu .offcanvas-inner .sp-module {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
}
.layout-blog .offcanvas-menu .offcanvas-inner .mod-languages ul > li > a {
    color: #000;
    font-size: 18.28px;
    font-weight: 400;
}
.layout-blog .offcanvas-menu .offcanvas-inner .mod-languages ul > li.lang-active > a {
    color: #007BBF;
}
.layout-blog .offcanvas-menu .offcanvas-inner .sp-module ul > li:hover a, 
.layout-blog .offcanvas-menu .offcanvas-inner .sp-module ul > li:focus a {
	color: #000;
	background: #FFF;
}
.mod-languages {
    padding-left: 30px;
}
.offcanvas-menu .offcanvas-inner .sp-module:first-child {
	padding-bottom: 0;
}

/* MAIN BODY */
.moduleBox {
	padding: 50px;
}
/* FOOTER */
#sp-bottom {
    background-color: #FFF;
	padding: 25px 20px!important;
}
#sp-bottom> .container {
    width: 100%;
}
#sp-bottom .sp-module .sp-module-content {
	color: #000;
	font-weight: 400;
}
#sp-bottom .footerLeft {
	padding-left: 0;
}
#sp-bottom a {
	color: #000;
}
#sp-bottom .fa {
    font-size: 18.28px;
    color: #000;
}

/* BLOG PAGE */
.blog-content .items-row {
    display: flex;
    flex-wrap: wrap;
}

/* TAGS PAGE */	
.com-tags .category {
	padding: 0;
}
.category .tag-item {
    display: inline-flex;
	flex-direction: column;
    align-items: center;
    gap: 20px;
	margin-bottom: 20px;
}
.category .tag-item::before,
.category .tag-item:after {
    display: none;
}
.category .tag-item .tag-item-link {
	color: #000;
	font-size: 17px;
    margin-bottom: 10px;
    margin-top: 0;
    font-weight: 600;
    line-height: 1.2;
}
.category .tag-item .tag-more {
	font-weight: 400;
	margin-top: 5px;
}

/* ARTICLE PAGE */
.item-page .page-header h1 {
	margin-top: 0;
}
.item-page .article-info {
	border-bottom: 2px solid #2682C9;
	padding-bottom: 15px;
	margin: 0;
	margin-bottom: 20px;
}
.item-page .article-content {
	display: flex;
	flex-direction: row-reverse;
	gap: 20px;
}
.item-page .article-content .entry-image.full-image {
	margin-bottom: 0;
}
.item-page .article-info >dd {
	color: #000;
	font-size: 17px;
}
.item-page .entry-header .article-info > .createdby {
	margin-left: 0;
}
.item-page .article-bottom {
	display: flex;
	gap: 20px;
	justify-content: space-between;
}
.item-page .article-bottom .tags.tags-span {
	margin-top: 0;
}
.helix-social-share .helix-social-share-icon ul {
	display: flex;
}
.helix-social-share-icon .twitter img {
	width: 15px;
	position: relative;
	top: 5px;
	left: 8px;
}

/* PAGINATION */
.pagination-wrapper ul.pagination {
    margin-top: 0;
}
.pagination-wrapper ul.pagination li a {
    color: #2682C9;
    font-size: 15px;
    font-weight: 100;
    height: 32px;
    width: 32px;
    line-height: 32px;
    margin: 0 2px;
}
.pagination-wrapper ul.pagination li a:hover {
	background: #444;
}
.pagination-wrapper ul.pagination li.active a {
    color: #FFF;
    background: #2682C9;
}


@media(min-width: 1500px){
	.item-page .article-content .entry-image.full-image {
		width: 25%;
	}
	.item-page .article-content .entry-image.full-image + .article-body {
		width: 75%;
	}
}
@media(min-width: 1200px){
	.mobile-footer {
		display: none;
	}
	.page-header.boxTitle {
		width: calc(100vw - var(--left) - 100px);
		transition: .4s;
	}
	.menu-open .page-header.boxTitle {
		width: calc(100vw - 100px);
	}
	body {
		overflow: hidden;
	}
	.layout-blog .offcanvas-menu {
		left: 0;
		width: 340px;
		z-index: 2 !important;
		height: calc(100vh - var(--footer));
		right: unset;
		padding-top: 125px;
		padding-left: 5px;
		opacity: 1;
		visibility: visible;
		overflow: visible;
		transform: translateX(0);
		transition: .4s;
	}	
	.layout-blog .offcanvas-menu .offcanvas-inner .sp-module ul.nav.menu {
		padding-left: 30px;
	}
	.layout-blog .offcanvas-menu .offcanvas-inner .sp-module li.parent > ul > li > a {
		padding: 0;
	}
	.menu-open .offcanvas-menu {
		transform: translateX(-100%);
	}
	.offcanvas-overlay {
		display: none;
	}
	#sp-main-body {
		height: calc(100vh - var(--footer));
		overflow: hidden;
	}
	#sp-main-body > .row {
		max-height: 100%;
        position: absolute !important;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        transition: .4s;
	}	
	.layout-blog .offcanvas-menu .offcanvas-inner .sp-module ul.nav.menu i {
		display: none;
	}
	.layout-blog .offcanvas-menu .offcanvas-inner .sp-module li.parent > ul {
		max-height: 200px;
	}
}
@media(max-width: 1599px){	
	.item-page .article-content {
		flex-direction: column;
		margin-top: 30px;
	}
	.item-page .article-content .entry-image.full-image {
		width: 50%;		
	}
	.item-page .article-content .article-body {
		width: 100%;
	}
}
@media(max-width: 1199px){
	.desktop-footer {
		display: none;
	}
	.mobile-footer {
		margin-top: 0;
	}
	.mobile-footer .first-row {
		display: flex;
		align-items: end;
		margin-bottom: 20px;
	}
	.mobile-footer .bottom-buttons {
		padding-bottom: 55px;
	}
	.mobile-footer .mobileAwards {
		padding-top: 55px;
		padding-bottom: 55px;
	}
	.body-wrapper #sp-main-body {
		padding: 155px 55px 55px;
	}
	.layout-blog .offcanvas-menu .offcanvas-inner .sp-module ul.nav.menu {
		padding-top: 60px;
	}
}
@media(max-width: 992px){
	.item-page .article-content .entry-image.full-image {
		width: 100%;
	}
}
@media(min-width: 992px) and (max-width: 1499px){
	.blog-content .items-row .blog-item,
	.blog-content .items-row .tag-item {
		width: 33.33333333%;
	}
}
@media(max-width: 835px){
	.body-wrapper #sp-main-body {
		padding: 150px 50px 50px;
	}
}
@media(max-width: 767px){
	.blog-content .blog-item .more-link-div {
		text-align: left;
		margin-top: 10px;
	}
	.blog-content .blog-item .tags.tags-span {
		margin-top: 10px;
	}
	.item-page .entry-header .article-info > dd.published {
		margin-left: 0;
	}
	.item-page .article-bottom {
		flex-direction: column;
		align-items: flex-start;
		margin-top: 10px;
	}
}
@media(max-width: 480px){
	.body-wrapper #sp-main-body {
		padding-left: 20px;
        padding-right: 20px;
        padding-top: 125px;
	}
	#sp-below .mobile-footer {
		padding-left: 5px;
		padding-right: 5px;
	}
	#sp-bottom {
		padding: 20px 25px!important;
	}
	.mobile-footer .first-row {
		margin-bottom: 10px;
	}
	.mobile-footer .first-row > .col-xs-4 {
		padding-left: 0;
		padding-right: 0;
	}
	.mobile-footer .mycopyr {
		margin-bottom: 10px;
	}
}
