:root {
	--background-color: #f5f5f5;
	--text-color: #252525;
	--border: 1px solid #ddd;
	--border-color: rgba(0, 0, 0, 0.15);

	--background-temporary: #d5d5d5;
}
li {
	list-style: none;
}

input,
textarea,
button,
[type="input"],
[type="search"],
[type="textarea"],
ul, ol, li,
theusdailynews,
aside,
main,
section,
theusdailynews {
	position: relative;
	float: left;
}

input,
textarea,
[type="input"],
[type="search"],
[type="textarea"],
button {
	font-family: "Kanit-Light";
	font-size: 1.063rem;
	/*line-height: 3rem;*/
	position: relative;
	border-radius: unset;
	border: var(--border);
	background: #fff;
	-webkit-box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.2);
			box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.2);
}
button {
	background: rgba(239, 239, 239, 0.9);
}
button:hover {
	background: #2395dc;
	color: #fff;
}
button[type="button"] {
	float: right;
	color: currentColor;
	background: rgba(255, 255, 255, 0.95);
	border: var(--border);
	cursor: pointer;
}
button[type="button"]:hover {
	color: rgba(255, 255, 255, 0.95);
	background: rgba(35, 150, 220, 090);
}
input,
[type="input"],
[type="search"],
button[type="button"] {
	padding: 11px 15px;
}
textarea,
[type="textarea"] {
	padding: 15px;
	line-height: 1.25rem;
	resize: none;
}
[type="input"]:empty::before,
[type="search"]:empty::before,
[type="textarea"]:empty::before {
	content: attr(placeholder);
	pointer-events: none;
	opacity: 0.5;
}

[data-error] {
	font-size: 0.938rem;
	line-height: 0.938rem;
	margin: -5px 0 -20px 8px;
	position: relative; float: left;
	color: rgba(213, 16, 67, 0.95);
	z-index: 1;
}

section[data-type="options"] {
	background: var(--background-white);
}
section[data-type="options"]::before {
	border-color: var(--border-color);
	-webkit-box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.2);
			box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.2);
}
section[data-type="options"] ul {
	max-height: 385px;
	border-color: var(--border-color);
	overflow-y: auto;
}
section[data-type="options"] li {
	border-color: var(--border-color);
}

modal {
	background: var(--modal);
}
backdrop {
	background: var(--backdrop);
}

modal[data-action="delete"] {
	height: auto;
}
modal[data-action="delete"]::before {
	content: attr(data-title);
	width: 100%;
	padding: 15px;
	position: relative;
	float: left;
}
modal[data-action="delete"] [data-action] {
	width: 50%;
	padding: 15px;
	position: relative;
	float: left;
	border-top: var(--border);
	border-color: var(--border-color);
	text-align: center;
	cursor: pointer;
}
modal[data-action="delete"] [data-action]:hover {
	background: var(--background-hover-color);
}
modal[data-action="delete"] [data-action="yes"] {
	border-right: var(--border);
}
modal[data-action="delete"] [data-action="no"] {

}

[for="thumbnails"] error {
	bottom: calc(100% - 9.5px); left: 7.5px;
}



aside [data-name="navigation"] {
	height: 100%;
	overflow-y: auto;
}

aside [data-name="touchline"] {
	padding: 20px;
	background: var(--background-white);
}
aside [data-name="touchline"] > li {
	width: 100%;
	margin: 0 0 5px 0;
	text-align: right;
}
aside [data-name="touchline"] ul[data-name="socials"] li {
	border-radius: unset;
}

aside [data-name="touchline"] [data-target] {
	font-family: "Kanit-Regular";
	cursor: pointer;
}
aside [data-name="touchline"] [data-target]:hover {
	color: var(--text-hover-color);
}

aside [data-name="touchline"] [data-name="phone"] {
	margin: 10px 0 5px 0;
}

aside [data-name="touchline"] [data-name="copyright"] {
	margin: 10px 0 0 0;
}
aside [data-name="touchline"] [data-name="copyright"] span {
	font-size: 0.813rem;
	position: relative;
	float: left;
	left: 50%;
	transform: translateX(-50%);
}
aside [data-name="touchline"] [data-name="copyright"] span:nth-of-type(1)::before,
aside [data-name="touchline"] [data-name="copyright"] span:nth-of-type(1)::after {
	position: relative;
	float: left;
}
aside [data-name="touchline"] [data-name="copyright"] span:nth-of-type(1)::before {
	font-family: "Font Awesome 6 Sharp";
	font-size: 0.875rem;
	font-weight: 300;
	content: "\f1f9";
}
aside [data-name="touchline"] [data-name="copyright"] span:nth-of-type(1)::after {
	content: "2015 - ";
	margin: 0 2.5px;
}

[display="flex-row"] img {
	width: auto;
	max-width: 60px;
	height: 50px;
}
[display="flex-row"] [type="url"] {
	width: 100%;
}