/* Long Reads */
.lr-hd {background-color: var(--main-red-color); padding: 10px 0; position: relative; z-index: 999;}
.lr-hd .cadn-share li a {border: none; background-color: var(--main-white-color); width: 32px; height: 32px;}
.lr-hd .cadn-share li a .icon-grp {background-color: var(--main-red-color);}
.lr-hd .cadn-share li a .icon-zl {top: -2px;}
.lr-hd .cadn-share li a .icon-zl:after {color: var(--main-red-color);}
.lr-hd .cadn-share li a button {top: -7px;}
.lr-logo-hd img {max-height: 55px;}
.lr-tt-post {display: flex; align-items: center; font-family: 'Roboto-Bold', sans-serif; color: var(--main-white-color); font-size: 1.25rem;}
.lr-tt-post a {padding-right: 15px; margin-right: 15px; border-right: solid 1px var(--main-white-color); font-family: 'Roboto-Bold', sans-serif; line-height: 0.8; color: var(--main-white-color);}
.lr-tt-post time {display: inline-block; width: 100%; font-size: 0.875rem; font-family: 'Roboto-Regular', sans-serif; color: var(--main-white-color);}
.lr-tt-post time .uk-icon {position: relative; top: -2px; margin-right: 5px;}
.lr-fix-tt-post {color: var(--main-color-1); padding: 20px; font-size: 1.5rem;}
.lr-fix-tt-post time {margin-top: 10px; color: var(--main-color-1);}
.lr-ct {font-family: 'Roboto-Regular', sans-serif; font-size: 1.25rem; line-height: 1.5; letter-spacing: 1px;}
.lr-ct p {max-width: 780px; margin: 20px auto; padding: 0 40px; text-align: justify;}
.lr-ct p:last-child {margin-bottom: 20px}
.lr-ct em {color: var(--main-color-1);}
.lr-ct a:link {display: initial; color: darkblue;}
.lr-bg-images {background-image: url(../images/bg-lf.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; backface-visibility: hidden; background-position: 50% 50%;}
.lr-bg-colors {background-color: #c3e4f1;}
.lr-float {display: inherit}
.lr-remove-img {display: flex; width: 100%; align-items: center; justify-content: center; margin: 5px 0;}
.icon-remove-img {cursor: pointer; width: 18px; height: 18px; background-image: url("data:image/svg+xml,%0A%3Csvg viewBox='0 0 365.71733 365' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f44336'%3E%3Cpath d='m356.339844 296.347656-286.613282-286.613281c-12.5-12.5-32.765624-12.5-45.246093 0l-15.105469 15.082031c-12.5 12.503906-12.5 32.769532 0 45.25l286.613281 286.613282c12.503907 12.5 32.769531 12.5 45.25 0l15.082031-15.082032c12.523438-12.480468 12.523438-32.75.019532-45.25zm0 0'/%3E%3Cpath d='m295.988281 9.734375-286.613281 286.613281c-12.5 12.5-12.5 32.769532 0 45.25l15.082031 15.082032c12.503907 12.5 32.769531 12.5 45.25 0l286.632813-286.59375c12.503906-12.5 12.503906-32.765626 0-45.246094l-15.082032-15.082032c-12.5-12.523437-32.765624-12.523437-45.269531-.023437zm0 0'/%3E%3C/g%3E%3C/svg%3E");}
.lr-caption {max-width: 700px; margin: 5px auto; text-align: center; color: darkblue; font-style: italic; font-size: 1rem; letter-spacing: 0;}
.lr-ct blockquote {max-width: 500px; margin: 20px auto; padding: 0 20px 15px 20px; line-height: 1.4; text-transform: uppercase; text-align: center; font-family: 'Roboto-Bold', sans-serif; font-size: 1.5rem; font-style: normal; position: relative;}
.lr-ct blockquote:before {content: ""; position: absolute; left: 50%; right: 50%; bottom: 0; width: 40px; height: 2px; margin-left: -20px; background-color: var(--main-red-color);}
.lr-first-letter:first-letter {float: left; font-size: 3.625rem; font-family: 'Roboto-Bold', sans-serif; margin: -2px 8px 0 0; line-height: 1}
.simplebox {background: #fff0c6; padding: 20px; max-width: 700px; margin: 0 auto; color: var(--main-color-1);}
.lr-float .simplebox {max-width: none; margin: 0}
.lr-pic {padding: 10px; border: dashed 1px var(--main-border-color);}
.lr-pic a[class*=uk-inline] {display: initial !important; position: initial;}
.lr-pic-padding {padding: 2px}
.lr-pic-content {width: 980px; margin: 0 auto;}
.lr-pic-full {width: 100%; overflow-x: hidden; text-align: center !important;}
.lr-pic-full .lr-image-2, .lr-pic-full .lr-image-3, .lr-pic-content .lr-image-2, .lr-pic-content .lr-image-3 {padding-top: 60%}
.lr-pic-full .lr-image-full img, .lr-pic-full .lr-image-1 img, .lr-pic-content .lr-image-1 img, .lr-pic-main[style*="left"] .lr-image img, .lr-pic-main[style*="right"] .lr-image img {position: relative;}
.lr-pic-full .lr-image-full img, .lr-pic-full .lr-image-1 img {width: auto; height: auto; float: none; display: inline-block;}
.lr-pic-full .lr-image-full a[class*=uk-inline] {display: inline-block !important; position: relative;}
.lr-pic-main {width: 450px}
.lr-pic-main[style*="left"] {margin: 0 20px 0 0}
.lr-pic-main[style*="left"] .lr-caption {text-align: left; margin: 5px 0;}
.lr-pic-main[style*="right"] {margin: 0 0 0 20px}
.lr-pic-main[style*="right"] .lr-caption {text-align: right; margin: 5px 0;}
.lr-pic-main .simplebox {max-width: none; width: 100%;}
.lr-image {display: block; overflow: hidden; position: relative; width: 100%; text-align: center;}
.lr-image img {float: left; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; object-fit: cover;}
.lr-image a[class*=uk-inline]:hover:after {display: block;}
.lr-image a[class*=uk-inline]:after {content: ""; display: none; position: absolute; right: 15px; top: 15px; z-index: 2; width: 32px; height: 32px; background-position: 6px; background-color: rgba(0 0 0 /60%); background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='%23fff' class='bi bi-arrows-fullscreen'%3E%3Cpath fill-rule='evenodd' d='M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707zm0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707zm-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707z'/%3E%3C/svg%3E");}
.lr-image p {max-width: none;}
.lr-ct video, .lr-ct audio, .lr-ct .lr-pic-full video, .lr-ct .lr-pic-full audio {width: 100%; max-width: 980px !important;}
.lr-pic video, .lr-pic audio {max-width: unset !important;}
.lr-story {max-width: 780px; margin: 20px auto; padding: 0 40px; text-align: justify;}
.lr-story>* {display: none;}
.lr-ct-story {display: inline-block; width: 100%; padding: 20px; border: dashed 1px var(--main-border-color); border-radius: 3px; background-color: #f3fbff;}
.lr-ct-story h4 a {color: var(--main-color-1) !important;}
.lr-ct-story h4 a:hover {color: var(--main-red-color) !important;}
.lr-ct-story p {margin: 15px 0 0 !important; padding: 0; font-size: 1.125rem;}
.lr-ct-story p a {color: var(--main-color-1) !important;}
.lr-ct-story figure {float: right; max-width: 200px; margin-left: 20px;}
/* Css dành riêng cho trang ngoài */
.lr-ct .lr-pic {border: none; padding: 0; clear: both;}
.lr-ct .lr-remove-img {display: none;} 
/* Css dành riêng cho quản trị 
.lr-image .lr-image .cke_widget_drag_handler_container {position: initial;}
.lr-image .cke_widget_wrapper {position: initial;} 
.lr-image a[class*=uk-inline] {position: initial;} */

.lr-credit {margin-top: 20px; padding-top: 20px; text-align: center; font-size: 1.25rem; position: relative; font-family: 'Roboto-Regular', sans-serif;}
.lr-credit:before {content: ""; position: absolute; top: 0; left: 50%; right: 50%; width: 40px; height: 2px; background: rgba(0,0,0,0.1); margin-left: -20px}
.lr-credit p {margin: 0}
.lr-info-credit {font-size: 1.125rem;}
.lr-info-credit li {margin: 5px 0;}
.lr-info-credit li span {font-family: 'Roboto-Bold', sans-serif;}
.lr-logo-credit {text-align: center; display: block; margin-bottom: 30px;}
.lr-logo-credit img {display: inline-block; max-height: 260px;}
.lr-related {margin-top: 20px; padding: 20px 0; border-top: solid 2px var(--main-border-color);}
.lr-related h2 {color: var(--main-red-color); font-family: 'Roboto-Bold', sans-serif; font-size: 1.25rem; text-transform: uppercase; text-align: center;}
.lr-ct-related {}


/* Css Responsive */
@media only screen and (max-width: 1600px) {	
}
@media only screen and (max-width: 1200px) {	
}
@media only screen and (max-width: 960px) {
	.lr-pic .uk-grid-margin {margin-top: 0 !important}
	.lr-pic [class*=uk-inline] {width: 100%}
	.lr-pic-content {width: 100%; margin: 20px 0; padding: 0 20px}
	.lr-pic-main[style*="left"] {margin: 0 20px 0 0}
	.lr-pic-main[style*="right"] {margin: 0 0 0 20px}
	.lr-tt-post {justify-content: center;}
	.lr-tt-post a {border-right: none; padding-right: 0; margin-right: 0;}
	.lr-fix-tt-post {flex-wrap: wrap; justify-content: flex-start;}
	.lr-fix-tt-post a {display: inline-block !important; width: 100%; color: var(--main-red-color) !important; text-align: center; margin-bottom: 20px; position: relative; padding-top: 15px;}
	.lr-fix-tt-post a:after {content: ""; position: absolute; top: 0; left: 50%; right: 50%; width: 50px; height: 3px; margin-left: -25px; background-color: var(--main-red-color);}
}
@media only screen and (max-width: 640px) {
	.lr-ct h2, .lr-ct p {padding: 0 20px}
	.lr-pic-main {width: 100%}
	.lr-pic-main[style*="left"], .lr-pic-main[style*="right"] {margin: 0 0 20px}
	.lr-pic-main .lr-caption {text-align: center !important}	
	.lr-pic .lr-image {padding-top: 0;}
	.lr-pic .lr-image img {position: inherit;}
	.lr-hd .cadn-share li a {width: 26px; height: 26px;}
	.lr-hd .cadn-share li a .icon-grp {width: 14px; height: 14px;}
	.lr-story {padding: 0;}
	.lr-story .lr-ct-story figure {float: right; max-width: 100%; margin: 0 0 20px;}
	.lr-story .lr-ct-story p {padding: 0;}
}
@media only screen and (max-width: 480px) {
}