/* Long Reads */
.lr-hd {background-color: #095e98; position: relative; z-index: 999;}
.lr-logo {background-color: #fff; padding: 5px;}
.lr-logo img {max-height: 55px;}
.lr-tt-post {display: flex; align-items: center; font-family: 'Roboto-Bold', Arial, Verdana, Helvetica, sans-serif; color: #fff; font-size: 1.25rem;}
.lr-tt-post a {padding-right: 10px; margin-right: 10px; border-right: solid 1px rgba(255 255 255 /60%); font-family: 'Roboto-Bold', Arial, Verdana, Helvetica, sans-serif; line-height: 0.8; color: #fff;}
.lr-fix-tt-post {color: #000; padding: 20px; font-size: 1.75rem; margin-bottom: 0; font-family: 'PlayfairDisplay-Bold', Georgia, Times New Roman, Times, serif;}
.lr-share li {display: inline-block; padding: 0 5px; margin-right: -5px;}
.lr-share li a {border: solid 1px rgba(255 255 255 /35%); border-radius: 50%;}
.lr-ct {font-family: 'NotoSerif-Regular', Arial, Verdana, Helvetica, 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 b, .lr-ct strong {font-family: 'NotoSerif-Bold', Arial, Verdana, Helvetica, sans-serif;}
.lr-ct h1, .lr-ct h2, .lr-ct h3, .lr-ct h4, .lr-ct h5, .lr-ct h6 {max-width: 780px; margin: 40px auto; padding: 0 40px; font-weight: bold; color: #095e98;}
.lr-ct p:last-child {margin-bottom: 20px}
.lr-ct em {color: #000;}
.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-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: 600px; margin: 40px auto; padding: 0 20px 20px 62px; line-height: 1.4; text-align: center; font-family: 'PlayfairDisplay-Bold', Georgia, Times New Roman, Times, serif; font-size: 2rem; font-style: normal; position: relative; color: #095e98;}
.lr-ct blockquote:before {content: ""; position: absolute; top: -22px; left: 0; width: 62px; height: 62px; background-image: url("data:image/svg+xml,%3Csvg fill='%23095e98' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4.583 17.321C3.553 16.227 3 15 3 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 0 1-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179zm10 0C13.553 16.227 13 15 13 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 0 1-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179z'/%3E%3C/g%3E%3C/svg%3E%0A");}
.lr-ct blockquote:after {content: ""; position: absolute; left: 50%; right: 50%; bottom: 0; width: 40px; height: 3px; margin-left: -20px; background-color: #095e98;}
.lr-first-letter:first-letter {float: left; font-size: 3.625rem; font-family: 'NotoSerif-Bold', Arial, Verdana, Helvetica, sans-serif; margin-right: 8px; line-height: 1}
.simplebox {background: #fff0c6; padding: 20px; max-width: 750px; margin: 0 auto; color: #000;}
.lr-float .simplebox {max-width: none; margin: 0}
.lr-pic {}
.lr-pic a[class*=uk-inline] {display: initial !important;}
.lr-pic .uk-grid {margin-left: 0;}
.lr-pic .uk-grid>* {padding-left: 0; margin: 0;}
.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-main {width: 450px}
.lr-pic-main[style*="left"] {margin: 0 20px 0 -12%}
.lr-pic-main[style*="left"] .lr-caption {text-align: left; margin: 5px 0;}
.lr-pic-main[style*="right"] {margin: 0 -12% 0 20px}
.lr-pic-main[style*="right"] .lr-caption {text-align: right; margin: 5px 0;}
.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-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-grp-links {max-width: 700px; margin: 20px auto;}
.lr-grp-links ul {background-color: #fff0c6; padding: 20px 30px;}
.lr-grp-links ul li {}
.lr-grp-links ul li a {font-family: 'PlayfairDisplay-Bold', Georgia, Times New Roman, Times, serif; color: #000 !important; font-size: 1.125rem;}
.lr-credit {margin-top: 20px; padding-top: 20px; text-align: center; font-size: 1.25rem; position: relative; font-family: 'Roboto-Regular', Arial, Verdana, Helvetica, 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', Arial, Verdana, Helvetica, 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 #e0e0e0;}
.lr-related h2 {color: #095e98; font-family: 'Roboto-Bold', Arial, Verdana, Helvetica, sans-serif; font-size: 1.25rem; text-transform: uppercase; text-align: center;}
.lr-ct-related {padding-bottom: 60px;}


/* 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 {justify-content: flex-start; margin: 20px 0 !important;}
}
@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;}
}
@media only screen and (max-width: 480px) {
}