*, *::after, *::before {
	box-sizing: border-box;
}

html, body {
	height: 100%;
}

body {
	background-color: var(--sh-body-bg);
	color: var(--sh-body-clr);
	margin: var(--sp-0);
	font-family: 'Lexend', sans-serif;
	font-size: 14px;
	line-height: 1.5;
} 

img {
	object-fit: cover;
}

a, a:link, a:visited, a:active {
	color: var(--sh-link-clr);
	text-decoration: none;
	transition: color 0.2s linear;
}

a:hover {
	color: var(--sh-link-hover-clr);
}

.sh-container, #container {
	max-width: var(--container-width);
	min-width: var(--container-width);
	position: relative;
	margin: var(--sp-0) auto;
}

main {
	display: grid;
	grid-template-columns: 1fr 400px;
	grid-gap: 40px;
}

@media (min-width: 1560px) and (max-width: 1630px) {
	.sh-container, #container {
		--container-width: 1500px;
	}
}

@media (min-width: 1440px) and (max-width: 1560px) {
	.sh-container, #container {
		--container-width: 1400px;
	}
}

@media (min-width: 1360px) and (max-width: 1440px) {
	.sh-container, #container {
		--container-width: 1320px;
	}
}

@media (min-width: 1280px) and (max-width: 1360px) {
	.sh-container, #container {
		--container-width: 1200px;
	}
}

@media (min-width: 1156px) and (max-width: 1280px) {
	.sh-container, #container {
		--container-width: 1100px;
	}
}

@media (min-width: 1024px) and (max-width: 1156px) {
	.sh-container, #container {
		--container-width: 1000px;
	}
}

@media (min-width: 1157px) and (max-width: 1280px) {
	main {
		grid-template-columns: 1fr 300px;
	}
}

@media (min-width: 1025px) and (max-width: 1156px) {
	main {
		grid-template-columns: 1fr 300px;
	}
}

@media (min-width: 979px) and (max-width: 1080px) {
	.sh-container, #container {
		--container-width: 100%;
		padding: var(--sp-0) var(--sp-3);
	}
	main {
		grid-template-columns: 1fr;
	}
	.sh-redirect-message {
		max-width: 100%;
		min-width: 100%;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	.sh-container, #container {
		--container-width: 100%;
		padding: var(--sp-0) var(--sp-3);
	}
	main {
		grid-template-columns: 1fr;
	}
	.sh-redirect-message {
		max-width: 100%;
		min-width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.sh-container, #container {
		--container-width: 100%;
		padding: var(--sp-0) var(--sp-3);
	}
	main {
		grid-template-columns: 1fr;
	}
	.sh-redirect {
		padding: var(--sp-0) var(--sp-3);
	}
	.sh-redirect-message {
		max-width: 100% !important;
		min-width: 100% !important;
	}
}

.sh-redirect {
	height: 100%;
	font-family: 'Nunito', sash-serif;
}

.sh-redirect-message {
	background-color: var(--sh-area-background-reset);
	border: 1px solid var(--sh-area-background-light);
	max-width: 750px;
	min-width: 750px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: var(--sp-2);
}

.sh-redirect-message .sh-redirect-message-title {
	border-bottom: 1px solid var(--sh-area-background-light);
}

.sh-redirect-message .sh-redirect-message-title h1 {
	margin: var(--sp-0);
	padding: var(--sp-0);
	font-size: 21px;
	font-weight: 700;
}

.sh-redirect-message .sh-redirect-message-content {
	font-size: 14px;
	font-weight: 500;
	padding: var(--sp-5);
}

.sh-redirect-message .sh-redirect-message-content p {
	margin: var(--sp-0);
	padding: var(--sp-0);
	line-height: 1.6;
}

.sh-redirect-message .sh-redirect-message-footer {
	border-top: 1px solid var(--sh-area-background-light);
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.sh-redirect-message .sh-redirect-message-footer a {
	font-size: 14px;
	font-weight: 600;
}

.sh-redirect-message .sh-redirect-message-title,
.sh-redirect-message .sh-redirect-message-footer {
	padding: var(--sp-3) var(--sp-5);
}


fieldset {
	border: 0;
	margin: var(--sp-0);
	padding: var(--sp-0);
}

::-webkit-scrollbar {
	background: var(--sh-menu-bg);
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background: var(--sh-link-hover-clr);
    border-radius: var(--sp-10);
}

::selection {
  color: rgba( 250, 117, 47, 1 );
  background-color: rgba( 250, 117, 47, 0.2 );
}

.tborder {
    background: var(--sh-area-background-reset);
	border: 0;
	color: var(--sh-very-light-clr);
}

.trow2,
.trow1,
.editor_control_bar,
.tfoot,
.tcat {
    background: var(--sh-area-background-reset);
	color: var(--sh-very-light-clr);
	border: 0;
}

.editor_control_bar {
    background: var(--sh-area-background-light);
}

.trow_selected, tr.trow_selected td,
.trow_deleted, .post.deleted_post {
    background: var(--sh-area-background-light);
	color: var(--sh-selected-post-clr);
}

table {
	color: var(--sh-selected-post-clr);
}

.trow_deleted, .post.deleted_post {
    background: var(--sh-area-background-light);
}

.sh-grid {
	display: grid;
}

.sh-grid[data-sh-grid-column="2"] {
	grid-template-columns: repeat( 2, 1fr );
	grid-gap: var(--sp-3);
}

.sh-grid[data-sh-grid-column="3"] {
	grid-template-columns: repeat( 3, 1fr );
	grid-gap: var(--sp-3);
}

.sh-grid[data-sh-grid-column="4"] {
	grid-template-columns: repeat( 4, 1fr );
	grid-gap: var(--sp-3);
}


@media screen and (max-width: 979px) {
	.sh-breadcrumb {
		display: none;
	}
	.sh-main-cp .sh-main,
	.sh-main-cp .sh-main form {
		overflow-x: scroll;
	}
	.sh-grid[data-sh-grid-column="2"] {
		grid-template-columns: 1fr;
		grid-gap: var(--sp-3);
	}
	.sh-grid[data-sh-grid-column="3"] {
		grid-template-columns: 1fr;
		grid-gap: var(--sp-3);
	}
	.sh-grid[data-sh-grid-column="4"] {
		grid-template-columns: 1fr;
		grid-gap: var(--sp-3);
	}
	.sh-main-memberlist.sh-main-cp table tbody tr td {
		width: 100%;
		display: block;
	}
	.sh-memberlist>div ul li div {
		font-size: 12px;
	}
}

.sh-main-memberlist.sh-main-cp {
	grid-template-columns: 1fr;
}