html {
  scroll-behavior: smooth;
  /*word-break: break-all;*/
}
::selection {
  background: rgb(233, 233, 197);
}
h1,
h5 {
  padding: 0 !important;
}
b,
strong {
  /*font-size: 1.3rem !important;*/
  font-weight: 700 !important;
}
h2 {
  padding: 0 !important;
  line-height: 1.85rem;
  font-size: 1.85rem;
}
h3 {
  padding: 0 !important;
  color: #455a64;
}
h4 {
  padding: 0 !important;
  line-height: 1.8rem;
  color: #455a64;
}
pre {
  scrollbar-width: thin;
}

.masonry-block {
  margin: 0 auto;
  overflow: hidden;
}
#masonry-block {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
@media all and (max-width: 39.5em) {
  .masonry-box {
    width: 100%;
  }
  .masonry-box-wide {
    width: 100%;
  }
  .masonry-box-related {
    width: 50%;
  }
  .masonry-box-related-r {
    width: 50%;
  }
  .masonry-item {
    padding: 5px;
    padding-top: 5px;
  }
  .masonry-next-loader {
    padding: 5px;
    padding-top: 5px;
    width: 100%;
  }
  .masonry-box-recent {
    width: 50%;
  }
  .masonry-item-recent {
    padding: 5px;
    padding-top: 5px;
  }
}
@media all and (min-width: 39.5em) and (max-width: 63.9em) {
  .masonry-box {
    width: 50%;
  }
  .masonry-box-wide {
    width: 100%;
  }
  .masonry-box-related {
    width: 33.3%;
  }
  .masonry-box-related-r {
    width: 50%;
  }
  .masonry-item {
    padding: 5px;
    padding-top: 5px;
  }
  .masonry-next-loader {
    padding: 5px;
    padding-top: 10px;
    width: 100%;
    margin: 0 auto;
  }
  .masonry-box-recent {
    width: 50%;
  }
  .masonry-item-recent {
    padding: 5px;
    padding-top: 5px;
  }
}
@media all and (min-width: 64em) {
  .masonry-box {
    width: 33.3%;
  }
  .masonry-box-wide {
    width: 66.6%;
  }
  .masonry-box-related {
    width: 25%;
  }
  .masonry-box-related-r {
    width: 33.3%;
  }
  .masonry-item {
    padding: 5px;
    padding-top: 5px;
  }
  .masonry-next-loader {
    padding: 10px;
    padding-top: 10px;
    width: 50%;
    margin: 0 auto;
  }
  .masonry-box-recent {
    width: 100%;
  }
  .masonry-item-recent {
    padding: 0;
    padding-top: 5px;
  }
}
.wide-masonry-box {
  width: 600px;
}
.masonry-item > img {
  width: 100%;
}
.masonry-box-today {
  width: 50%;
}
.masonry-item-today {
  padding: px;
  width: 100%;
}
.masonry-item-today > img {
  width: 100%;
}
.page-title {
  font-size: 1.5rem;
}
.about-body {
  font-family: Roboto, sans-serif;
  height: auto;
  display: inline-block;
}
.item-body {
  font-family: Roboto, sans-serif;
}
.corner-ribbon {
  width: 200px;
  background: #000;
  position: absolute;
  top: 20px;
  right: -50px;
  left: auto;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  opacity: 0.3;
  overflow: hidden;
}
.corner-box {
  width: 40px;
  background: #000;
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  text-align: center;
  line-height: 40px;
  color: #f0f0f0;
  opacity: 0.4;
  font-weight: 500;
  overflow: hidden;
}
.article-sources {
  /*font-size: 90%;*/
  padding-left: 20px;
  margin-top: -10px;
  /*font-style: italic; */
}
/*
.source-notes {
  line-height: 1.1rem;
  font-size: 1rem;
  font-style: italic;
}
*/
.source-notes {
  line-height: 1.35rem;
  font-size: 1.25rem;
  font-style: italic;
}
.article-notes {
  line-height: 1.35rem;
  font-size: 1.25rem;
  font-style: italic;
}

.news_link {
  font-style: italic;
  text-decoration: none;
  /*background-color: #fafad2;*/
  background-color: #fafbd7;
  color: black;
}

.news_link:hover {
  text-decoration: underline;
}
/*
.news_link::after {
 content: url('/static/images/klogo.png');
 padding-left: 7px;
 padding-right: 2px;
}
*/

.news-link {
  font-style: italic;
  text-decoration: none;
  /*background-color: #fafad2;*/
  background-color: #fafbd7;
  color: black;
}
.news-link:hover {
  text-decoration: underline;
}

.internal-link {
  font-style: italic;
  text-decoration: none;
  background-color: #fafbd7;
  color: black;
}
.internal-link:hover {
  text-decoration: underline;
}
.internal-link::after {
 content: url('/static/images/klogo.png');
 padding-left: 7px;
 padding-right: 2px;
}

.masonry-load-more {
  padding: 5px;
  padding-top: 10px;
  width: 100%;
  margin: 0 auto;
}
.blinking {
  animation: blinkingText 0.8s infinite;
}
@keyframes blinkingText {
  0% {
    color: #000;
  }
  49% {
    color: transparent;
  }
  50% {
    color: transparent;
  }
  99% {
    color: transparent;
  }
  100% {
    color: #000;
  }
}
.fb_iframe_widget_fluid_desktop,
.fb_iframe_widget_fluid_desktop iframe,
.fb_iframe_widget_fluid_desktop span {
  max-width: 100% !important;
  width: 100% !important;
}
.masonry-navbar {
  width: 50%;
}
.masonry-gallery {
  width: 33.3%;
}
.masonry-item-gallery {
  padding: 0;
}
.video-js.vjs-default-skin.vjs-paused .vjs-big-play-button {
  display: block !important;
}
.video-js .vjs-big-play-button {
  height: 1.6em !important;
  width: 2.5em !important;
  font-size: 3.6em !important;
  font-size: 3.6em !important;
  background-color: rgba(43, 51, 63, 0.7) !important;
}
.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
  background-color: rgba(43, 51, 63, 0.9) !important;
}
.youtube-wrapper {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}
.youtube-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.restricted-content {
  opacity: 0.1;
}
.foot-notes {
  vertical-align: super;
  font-size: 10px;
  font-weight: 700;
}
.mainRestricted {
  opacity: 0.1;
}
.overlayRestricted {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 100px;
}
.gsc-cursor-page {
  font-size: 1rem;
  padding: 4px 8px;
  border: 1px solid #ccc;
  color: #555 !important;
  border-radius: 6px;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  border-color: #ccc;
  background-color: #fff;
  color: red !important;
  font-size: 1.3rem !important;
  cursor: not-allowed !important;
}
.gsc-results:hover .gsc-cursor-box:hover .gsc-cursor-current-page:hover {
  text-decoration: none !important;
}
.gcsc-find-more-on-google {
  display: none !important;
}
.gs-title {
  font-size: 1.25rem !important;
  line-height: 1.3rem;
}
.gsc-tabHeader {
  font-size: 1.1rem !important;
  color: #000 !important;
  letter-spacing: 2px !important;
}
div.main_image_pin {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  border: 0;
  margin-bottom: 5px !important;
}
div.main_image_pin-reg {
  position: relative;
  border: 0;
  margin-bottom: 5px !important;
}
div.inset_pin {
  visibility: visible;
  position: absolute;
  left: 10px;
  bottom: 0;
  margin-bottom: 15px;
  border: 0;
  opacity: 0.7;
}
div.inset_pin:hover {
  cursor: pointer;
  opacity: 1;
}
@media all and (max-width: 32rem) {
  .table_100,
  .table_150,
  .table_200,
  .table_250,
  .table_300,
  .table_350,
  .table_400 {
    min-width: 220px;
    font-style: italic;
    margin-bottom: 15px;
    width: 100%;
    font-size: 1.25rem;
    line-height: 1.4rem;
  }
  .image_100,
  .image_150,
  .image_250,
  .image_300,
  .image_3000,
  .image_350,
  .image_400 {
    border: 0;
    /*min-width: 200px;*/
    width: 100%;
  }
}
@media all and (min-width: 32.1rem) and (max-width: 37.5rem) {
  .table_400 {
    width: 420px;
    font-size: 85%;
    font-style: italic;
    margin-bottom: 5px;
    font-weight: 700;
  }
  .table_350 {
    width: 370px;
    font-size: 85%;
    font-style: italic;
    margin-bottom: 5px;
    font-weight: 700;
  }
  .table_200,
  .table_250,
  .table_300 {
    width: 320px;
    font-size: 1.25rem;
    line-height: 1.4rem;
    font-style: italic;
    margin-bottom: 15px;
    margin-left: 15px;
  }
  .table_100,
  .table_150 {
    width: 270px;
    font-size: 1rem;
    font-style: italic;
    margin-bottom: 5px;
    font-weight: 700;
  }
  .image_400 {
    border: 0;
    width: 400px;
  }
  .image_350 {
    border: 0;
    width: 350px;
  }
  .image_250,
  .image_300,
  .image_3000 {
    border: 0;
    width: 100%;
  }
  .image_100,
  .image_150 {
    border: 0;
    width: 250px;
  }
}
@media all and (min-width: 37.6rem) {
  .table_400 {
    width: 420px;
    font-size: 1.25rem;
    line-height: 1.4rem;
    font-style: italic;
    margin-bottom: 5px;
  }
  .table_350 {
    width: 370px;
    font-size: 1.25rem;
    line-height: 1.4rem;
    font-style: italic;
    margin-bottom: 5px;
  }
  .table_200,
  .table_250,
  .table_300 {
    width: 320px;
    font-size: 1.25rem;
    line-height: 1.4rem;
    font-style: italic;
    margin-bottom: 15px;
    margin-left: 15px;
  }
  .table_100,
  .table_150 {
    width: 270px;
    font-size: 85%;
    font-style: italic;
    margin-bottom: 5px;
    font-weight: 700;
  }
  .image_400 {
    border: 0;
    width: 400px;
  }
  .image_350 {
    border: 0;
    width: 350px;
  }
  .image_250,
  .image_300,
  .image_3000 {
    border: 0;
    width: 100%;
  }
  .image_100,
  .image_150 {
    border: 0;
    width: 250px;
  }
}
/* medium */
@media all and (min-width: 32.1rem) and (max-width: 37.5rem) {
  .image-200,
  .image-250,
  .image-300,
  .image-350,
  .image-400,
  .image-400-l,
  .image-450,
  .image-500,
  .image-500-l,
  .image-550,
  .image-600,
  .image-half-s,
  .image-full-width {
    border: 0;
    width: 100%;
    padding-bottom: 5px;

    font-style: italic;
  }

}
/* large */
@media all and (min-width: 37.6rem) {
  .image-250,
  .image-280,
  .image-300,
  .image-350,
  .image-400,
  .image-400-l,
  .image-450,
  .image-450-l,
  .image-500,
  .image-500-l,
  .image-550,
  .image-550-l,
  .image-600,
  .image-600-l {
    margin-bottom: 10px;
    display: block;
    width: 50%; /*60*/
    height: auto;
    padding-left: 15px;
    padding-top: 5px;
    float: right;

    font-style: italic;
  }
  .image-200 {
    margin-bottom: 10px;
    display: block;
    width: 40%;
    height: auto;
    padding-left: 15px;
    padding-top: 5px;
    float: right;
    font-style: italic;
  }
  .image-full-width {
    display: block;
    width: 100%;
    /*font-weight: 700;*/
    font-style: italic;
  }

}


.image-200 img,
.image-250 img,
.image-300 img,
.image-350 img,
.image-400 img,
.image-400-l img,
.image-450 img,
.image-500 img,
.image-500-l img,
.image-550 img,
.image-600 img,
.image-650 img,
.image-full-width img {
  border: 0;
  width: 100%;
  padding-bottom: 5px;
}
.image-200 div,
.image-250 div,
.image-300 div,
.image-350 div,
.image-400 div,
.image-400-l div,
.image-450 div,
.image-500 div,
.image-500-l div,
.image-550 div,
.image-600 div,
.image-650 div,
.image-full-width div {
  border: 0;
  width: 100%;
  padding-bottom: 5px;
  font-size: 90%;
  line-height: 115%;
  /*font-weight: 700; */
  font-style: italic;
  color: black;
}
small {
  font-size: 1rem;
}
.fb-post span {
  max-width: 100%;
  width: 100%;
}
.fb-post iframe {
  border: 0;
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}
.book-extract {
  background-color: #f3ece2 !important;
  padding-bottom: 25px;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 15px;
  margin-bottom: 20px;
  margin-left: -7px !important;
  margin-right: -7px !important;
}
.book-extract-condensed {
  background-color: #f3ece2 !important;
  padding-bottom: 25px;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 15px;
  margin-bottom: 20px;
  margin-left: -7px !important;
  margin-right: -7px !important;
  line-height: 1.55rem;
  font-size: 1.25rem;
}
.book-extract-ear {
  background: linear-gradient(
    135deg,
    #f3ece2 0,
    #f3ece2 98.5%,
    transparent 98.5%,
    transparent 100%
  );
  padding: 10px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 15px;
  margin-bottom: 20px;
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.article-comment {
  margin-top: 10px;
  border-left: 5px #607d8b solid;
  padding-left: 15px;
  font-style: italic;
  color: black;
  margin-left: -5px;
}

.article-comment-new {
  margin-top: 10px;
  border-left: 5px #607d8b solid;
  padding-left: 15px;
  font-style: italic;
  color: black;
}

.article-comment-small {
  margin-top: 10px;
  border-left: 6px #046123 solid;
  padding-left: 18px;
  font-style: italic;
  font-size: 0.9rem !important;
}
.article-content-list {
  padding-left: 15px;
}
#page-images-block {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
@media all and (max-width: 35.4rem) {
  .masonry-box-300 {
    width: 100%;
    padding-top: 5px;
  }
}
@media all and (min-width: 35.5rem) and (max-width: 63.9rem) {
  .masonry-box-300 {
    width: 50%;
    padding: 5px;
  }
}
@media all and (min-width: 64rem) {
  .masonry-box-300 {
    width: 33.3%;
    padding: 5px;
  }
}
.masonry-box-300 > p {
  margin-top: -3px;
  font-size: 1.35rem;
  line-height: 1.5rem;
}
.masonry-box-300 > div {
  margin-top: -3px;
  font-size: 1.35rem;
  line-height: 1.5rem;
}
.image-m300 {
  width: 100%;
  font-size: 1rem;
}

.image-50 div {
  font-size: 1.1rem;
  margin-bottom: 10px;
  display: block;
  width: 40%;
  height: auto;
  padding-left: 15px;
  padding-top: 5px;
  float: right;
  font-weight: 700;
  font-style: italic;
  opacity: 0.8;
}

.image-50 img {
  border: 0;
  width: 100%;
  padding-bottom: 5px;
}
@media all and (max-width: 35.4rem) {
  .kgrid-2r {
    display: grid;
    grid-template-columns: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
  }
  .kgrid-3r {
    display: grid;
    grid-template-columns: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
  }
  .kgrid-item {
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.25rem;
    font-style: italic;
    padding-bottom: 40px;
  }
 
  .kgrid-item img {
    width: 100%;
  }
}

@media all and (min-width: 35.5rem) {
  .kgrid-2r {
    display: grid;
    grid-template-columns: 50% 50%;
    padding-top: 10px;
    /*padding-bottom: 10px; */
    text-align: left;
  }
  .kgrid-3r {
    display: grid;
    grid-template-columns: 33.3% 33.3% 33.3%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
  }
  .kgrid-item {
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.25rem;
    padding-right: 10px;
    font-style: italic;
    padding-bottom: 15px;
  }

  .kgrid-item img {
    width: 100%;
    padding-right: 10px;
  }
}

.news-link-bold {
  font-style: italic;
  text-decoration: none;
  background-color: #fafad2;
  color: #000 !important;
  font-weight: 700 !important;
  overflow: hidden;
}
.news-link-bold:hover {
  background-color: transparent;
  text-decoration: underline;
}
.new-span {
  color: #455a64;
  font-weight: 700;
  font-variant: small-caps;
}
.new-span-700 {
  color: #455a64;
  font-weight: 700;
  font-style: italic;
}
.new-span-900 {
  color: #455a64;
  font-weight: 900;
  font-variant: small-caps;
}
.k-list {
  margin-left: -15px;
}
ul.k-list li:not(:last-child) {
  margin-bottom: 10px;
}
ol.k-list li:not(:last-child) {
  margin-bottom: 10px;
}

/*
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color:  #455a64;;
  border-radius: 20px;
  border: transparent;
}
*/

.article-sources .news_link {
  color: #446779 !important;
  background-color: transparent !important;
  word-wrap: break-word;
}
.article-sources .news_link:hover {
  text-decoration: underline;
}
.article-sources .news_link::after {
  color: #446879 !important;
  background-color: transparent !important;
  content: url(/static/images/share.png);
  padding-left: 10px;
  padding-right: 5px;
  opacity: 0.9;
}


.article-sources .news-link-pdf {
  color: #446879 !important;
  background-color: transparent !important;
  word-wrap: break-word;
}
.article-sources .news-link-pdf:hover {
  text-decoration: underline;
}

.article-sources .news-link-pdf::after {
  color: #446879 !important;
  background-color: transparent !important;
  content: url(/static/images/pdf-20.png) ' ' url(/static/images/share.png)  ;
  padding-left: 10px;
  padding-right: 5px;
  opacity: 0.9;
}




.news-link-ext {
  font-style: italic;
  text-decoration: none;
  /*background-color: #fafad2;*/
  background-color: #fafbd7;
  color: black;
}

.news-link-ext:hover {
  text-decoration: underline;
}

.news-link-ext::after {
 content: url(/static/images/share.png);
 padding-left: 7px;
 padding-right: 2px;
 /*opacity: 0.9;*/
}


.news-link-k {
  font-style: italic;
  text-decoration: none;
  /*background-color: #fafad2;*/
  background-color: #fafbd7;
  color: black;
}

.news-link-k:hover {
  text-decoration: underline;
}


.news-link-pdf {
  font-style: italic;
  text-decoration: none;
  /*background-color: #fafad2;*/
  background-color: #fafbd7;
  color: black;
}

.news-link-pdf:hover {
  text-decoration: underline;
}
.news-link-pdf::after {
  content: url(/static/images/pdf-20.png);
  padding-left: 5px;
  padding-right: 5px;
  opacity: 1.0;
  background-color: transparent;
 }

 
.news-link-ext-pdf {
  font-style: italic;
  text-decoration: none;
  color: #446879 !important;
  background-color: transparent !important;
}

.news-link-ext-pdf:hover {
  text-decoration: underline;
}
.news-link-ext-pdf::after {
  content: url(/static/images/pdf-20.png);
  padding-left: 5px;
  padding-right: 5px;
  opacity: 1.0;
  background-color: transparent;
 }

 .article-notes-2 {
  line-height: 115%;
  font-size: 85%;
  font-style: italic;
}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 12px;
}

tr:nth-child(even) {
  background-color: #eeeeee;
}