/*
 * Astra Custom Child
 * Classic Sidebar
 */


/* =========================================================
   SIDEBAR
   ========================================================= */

.custom-sidebar {
	width: 100%;
	min-width: 0;
}


/* =========================================================
   NEWSLETTER
   ========================================================= */

.classic-sidebar-newsletter {
	margin: 0 0 22px;
	padding: 18px;

	background: #292929;
}

.classic-sidebar-newsletter h3 {
	margin: 0 0 10px;

	color: #ffffff;

	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
}

.classic-sidebar-newsletter p {
	margin: 0 0 12px;

	color: #dddddd;

	font-size: 13px;
	line-height: 1.5;
}

.classic-sidebar-newsletter form {
	width: 100%;
}

.classic-sidebar-newsletter input {
	display: block;

	width: 100%;
	height: 38px;

	margin: 0 0 9px;
	padding: 6px 9px;

	color: #333333;
	background: #ffffff;

	border: 1px solid #dddddd;

	font-size: 13px;
	line-height: 1.3;
}

.classic-sidebar-newsletter button {
	display: block;

	width: 100%;
	height: 38px;

	padding: 0 10px;

	color: #ffffff;
	background: #75b84b;

	border: 0;

	font-size: 13px;
	font-weight: 600;

	cursor: pointer;
}

.classic-sidebar-newsletter button:hover {
	background: #629e3e;
}


/* =========================================================
   SIDEBAR SECTION
   ========================================================= */

.classic-sidebar-section {
	margin: 0 0 24px;
}

.classic-sidebar-heading {
	margin: 0 0 10px;
	padding-bottom: 7px;

	color: #222222;

	border-bottom: 2px solid #1769aa;

	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
}

.classic-follow-text {
	margin: 0 0 10px;

	color: #777777;

	font-size: 13px;
	line-height: 1.5;
}


/* =========================================================
   SOCIAL ICONS
   ========================================================= */

.classic-social-icons {
	display: flex;

	align-items: center;

	gap: 7px;

	flex-wrap: wrap;
}

.classic-social-icons a {
	display: inline-flex;

	align-items: center;
	justify-content: center;

	width: 30px;
	height: 30px;

	color: #ffffff;
	background: #3578b9;

	border-radius: 50%;

	font-size: 12px;
	font-weight: 700;

	line-height: 1;

	text-decoration: none;
}

.classic-social-icons a:nth-child(2) {
	background: #4aa4d8;
}

.classic-social-icons a:nth-child(3) {
	background: #d33c42;
}

.classic-social-icons a:nth-child(4) {
	background: #1680a8;
}

.classic-social-icons a:nth-child(5) {
	background: #b95d9c;
}

.classic-social-icons a:nth-child(6) {
	background: #ef9b26;
}


/* =========================================================
   SIDEBAR POSTS
   ========================================================= */

.classic-sidebar-post-list {
	width: 100%;
}

.classic-sidebar-post {
	display: grid;

	grid-template-columns: 70px minmax(0, 1fr);

	gap: 10px;

	margin: 0;

	padding: 0 0 12px;
}

.classic-sidebar-post + .classic-sidebar-post {
	padding-top: 12px;

	border-top: 1px solid #eeeeee;
}


/* =========================================================
   SIDEBAR POST IMAGE
   ========================================================= */

.classic-sidebar-post-image {
	display: block;

	width: 70px;
	height: 55px;

	overflow: hidden;

	background: #eeeeee;
}

.classic-sidebar-post-image img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
}

.classic-sidebar-post-image span {
	display: block;

	width: 100%;
	height: 100%;

	background: #eeeeee;
}


/* =========================================================
   SIDEBAR POST CONTENT
   ========================================================= */

.classic-sidebar-post-content {
	min-width: 0;
}

.classic-sidebar-post-title {
	display: block;

	margin: 0;

	color: #444444;

	font-size: 13px;
	font-weight: 600;

	line-height: 1.4;

	text-decoration: none;
}

.classic-sidebar-post-title:hover {
	color: #1769aa;
}

.classic-sidebar-post-meta {
	display: block;

	margin-top: 5px;

	color: #999999;

	font-size: 10px;

	line-height: 1.3;
}


/* =========================================================
   SIDEBAR LINK RESET
   ========================================================= */

.custom-sidebar a {
	text-decoration: none;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

	.classic-sidebar-newsletter {
		padding: 15px;
	}

	.classic-sidebar-newsletter h3 {
		font-size: 18px;
	}

	.classic-sidebar-newsletter p {
		font-size: 12px;
	}

	.classic-sidebar-heading {
		font-size: 17px;
	}

	.classic-sidebar-post {
		grid-template-columns: 62px minmax(0, 1fr);

		gap: 8px;
	}

	.classic-sidebar-post-image {
		width: 62px;
		height: 50px;
	}

	.classic-sidebar-post-title {
		font-size: 12px;
	}

	.classic-sidebar-post-meta {
		font-size: 9px;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

	.custom-sidebar {
		margin-top: 28px;
	}

	.classic-sidebar-newsletter {
		padding: 18px;
	}

	.classic-sidebar-newsletter h3 {
		font-size: 20px;
	}

	.classic-sidebar-newsletter p {
		font-size: 13px;
	}

	.classic-sidebar-newsletter input {
		height: 40px;

		font-size: 14px;
	}

	.classic-sidebar-newsletter button {
		height: 40px;

		font-size: 14px;
	}

	.classic-sidebar-heading {
		font-size: 19px;
	}

	.classic-follow-text {
		font-size: 13px;
	}

	.classic-sidebar-post {
		grid-template-columns: 85px minmax(0, 1fr);

		gap: 12px;
	}

	.classic-sidebar-post-image {
		width: 85px;
		height: 65px;
	}

	.classic-sidebar-post-title {
		font-size: 14px;
	}

	.classic-sidebar-post-meta {
		font-size: 10px;
	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 600px) {

	.classic-sidebar-newsletter {
		padding: 16px;
	}

	.classic-sidebar-newsletter h3 {
		font-size: 19px;
	}

	.classic-sidebar-newsletter p {
		font-size: 13px;
	}

	.classic-sidebar-heading {
		font-size: 18px;
	}

	.classic-sidebar-post {
		grid-template-columns: 80px minmax(0, 1fr);

		gap: 10px;
	}

	.classic-sidebar-post-image {
		width: 80px;
		height: 62px;
	}

	.classic-sidebar-post-title {
		font-size: 13px;
	}

	.classic-sidebar-post-meta {
		font-size: 9px;
	}

}

/* ==========================================================
   SINGLE POST LAYOUT
   ========================================================== */

.custom-single-container {
	width: 100% !important;
	max-width: 1100px !important;

	margin-left: auto !important;
	margin-right: auto !important;

	padding: 30px 0 50px !important;
}


/* ==========================================================
   SINGLE ARTICLE + SIDEBAR
   ========================================================== */

.custom-single-layout {
	display: grid !important;

	grid-template-columns: minmax(0, 1fr) 270px !important;

	gap: 30px !important;

	width: 100% !important;

	margin: 0 !important;

	align-items: start !important;
}


/* ==========================================================
   SINGLE ARTICLE
   ========================================================== */

.custom-single-layout .custom-main-content {
	width: 100% !important;

	min-width: 0 !important;

	margin: 0 !important;

	padding: 0 !important;
}


/* ==========================================================
   SIDEBAR
   ========================================================== */

.custom-single-layout .custom-sidebar {
	width: 100% !important;

	min-width: 0 !important;

	margin: 0 !important;

	padding: 0 !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1000px) {

	.custom-single-container {
		width: calc(100% - 30px) !important;

		max-width: 920px !important;

		padding-top: 25px !important;
		padding-bottom: 40px !important;
	}


	.custom-single-layout {
		grid-template-columns: minmax(0, 1fr) 245px !important;

		gap: 24px !important;
	}

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 768px) {

	.custom-single-container {
		width: calc(100% - 24px) !important;

		max-width: 650px !important;

		padding-top: 22px !important;

		padding-bottom: 35px !important;
	}


	.custom-single-layout {
		display: block !important;

		width: 100% !important;
	}


	.custom-single-layout .custom-main-content {
		width: 100% !important;
	}


	.custom-single-layout .custom-sidebar {
		width: 100% !important;

		margin-top: 28px !important;
	}

}


/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media (max-width: 400px) {

	.custom-single-container {
		width: calc(100% - 16px) !important;
	}

}