/*
	=====================================================
	BODY (REDEFINE PRESET)
*/

body {
	/*background-color: #DAD6CC;*/
	letter-spacing: 0;
}

/*
	=====================================================
	MAIN TEXT
*/

h1, h2, h3, h4, h5 {
	padding: 0.6em 0 0.4em 0;
	letter-spacing: 0 !important;
}

.view-article .article-details .article-body {
	max-width: inherit;
}

.view-article .article-details .article-header h1 {
	font-size: 48px;
	line-height: 1.1em;
	margin: 50px 0 0 0;
}

.article-details p {
	text-align: justify;
}

.article-details ul > li {
	margin: 10px 0;
}

div[itemprop="articleBody"] img {
	border: #535353 1px dashed;
	padding: 5px;
}

/*
	=====================================================
	LANGUAGE FILTER
*/

div.mod-languages ul li.lang-active {
	background-color: inherit !important;
	font-weight: bold;
}

.sp-module-content .mod-languages ul.lang-inline {
	font-size: 14px;
}

/* Скасування приховування блоку мов у позиції menu на мобільних */
@media (max-width: 991px) {
    /* Робимо позицію menu та модуль мов видимими */
    #sp-menu .mod-languages,
    #sp-menu .sp-module {
        display: inline-block !important;
        visibility: visible !important;
        float: right;
        margin-right: 15px;
        margin-top: 5px;
    }

    /* Забезпечуємо компактний вигляд прапорців/тексту мов */
    .mod-languages ul.lang-inline,
    .mod-languages ul.lang-block {
        display: flex !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .mod-languages ul.lang-inline li,
    .mod-languages ul.lang-block li {
        display: inline-block !important;
        margin-left: 5px !important;
    }
}

/*
	=====================================================
	BLOG
*/

/* blog category */
.view-category .article .article-body .article-header h2 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2em;
}

/* Read More button */
.view-category .article .article-body .article-introtext .readmore a {
	font-size: 18px;
}

.article-list .article {
	margin: 0 0 20px 0;
}

/*   << 1 2 3 ... >>   */
.pagination-wrapper {
	margin: 20px 0;
}

/*
	=====================================================
	RELATED ARTICLES
*/

.related-article-list-container .related-article-list .article h2 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0;
}

.related-article-list-container {
	margin: 50px 0;
}

/*
	=====================================================
	ALERT MESSAGES
*/

.alert-primary, .alert-secondary, .alert-success, .alert-warning, .alert-info {
	padding: 10px;
}



/*
	=====================================================
	SP PAGE - MAIN BODY
*/



/*
	=====================================================
	Page navigation button
*/
.pager > li a {
	border: 1px solid #AEAEAE !important;
}

/* button inside body */
/*
.btn-outline-secondary {
	color: #6c757d !important;
}
.btn-outline-secondary:hover {
	color: #fff !important;
}
*/

/*
	=====================================================
	OffCanvas menu style
*/

/*
body.ltr #offcanvas-toggler.offcanvas-toggler-left {
	float: right !important;
}

@media (min-width: 768px) and (max-width: 991px) {
	body {
		font-size: inherit !important;
	}
	h2 {
		font-size: 32px !important;
		line-height: 36px !important;
	}
	h3 {
		font-size: 26px !important;
		line-height: 30px !important;
	}
	h4 {
		font-size: 24px !important;
		line-height: 28px !important;
	}
}

@media (max-width: 767px) {
	body {
		font-size: inherit !important;
	}
	h2 {
		font-size: 32px !important;
		line-height: 36px !important;
	}
	h3 {
		font-size: 26px !important;
		line-height: 30px !important;
	}
	h4 {
		font-size: 24px !important;
		line-height: 28px !important;
	}
}
*/

/* Image Carousel */
.sppb-carousel-extended-heading, .sppb-carousel-extended-subheading {
	background: #000000a3;
	padding: 5px 5px 10px 5px;
}

/*
	=====================================================
	SP PAGE BUILDER - MODULE
*/
/*
.sp-module ul > li > a {
	color: #338cb8 !important;
}

#sp-bottom-down a, #sp-footer a, #sp-bottom a {
	color: #338cb8 !important;
}
*/

/*
	=====================================================
	SP PAGE BUILDER - CAROUSEL ADDON
*/
.sppb-carousel-indicators li {
	border: 1px solid black;
	background-color: rgb(51, 140, 184);
}
.sppb-carousel-arrow, .sppb-carousel-arrow:focus, .sppb-carousel-arrow:hover {
	color: rgb(51, 140, 184);
}

/*
	=====================================================
	Top, Page Header & Menu
*/

#sp-header {
	margin: 0;
}

.sp-megamenu-wrapper .sp-megamenu-parent {
	background-color: inherit;
	margin: 0;
	border-radius: 12px;
}

/*
	=====================================================
	SP Page Builder
*/

#sp-header {
	padding: 0 !important;
}

#sp-main-body {
	padding: 0 !important;
}

#sp-bottom {
	padding: 30px 0 0 0 !important;
}

#sp-footer {
	padding: 0 0 20px 0 !important;
}

.sppb-btn-default.sppb-btn-outline {
	color: inherit;
}

/*
	=====================================================
	Link color redefine
*/

.sp-module ul > li > a {
	color: #f9b52a;
}

/*
.related-article-list-container .related-article-list .article h2 a {
	color: #ff8f00;
}
*/

.related-article-list-container .related-article-list .article h2 a:hover {
	color: #f9b52a;
}