.intro { 
  background: url(blog2-min.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  min-height: 100vh;
  overflow: hidden;
  color: #fff;
  padding: calc(var(--fontSize) * 1) calc(var(--fontSize) * 1) calc(var(--fontSize) * 0.5) calc(var(--fontSize) * 1);
  text-align: center;
  margin-bottom: calc(var(--fontSize) * 1);
}

@media screen and (max-width: 39.99875em) {
  .intro {
    background: linear-gradient(360deg, #b1b1b3, #9e9eaa, #8a8ca1, #757a99, #606890, #4a5887, #2f487f, #003976);
  }
}

@media print {
  .intro {
    display: none;
  }
  .blog-items {
    page-break-inside: avoid;
  }
  .postList li {
    page-break-inside: avoid;
  }

}

.display-table h1,h2 {
  color: white;
  font-size: calc(var(--fontSize) * 1.5);
  margin-top: calc(var(--fontSize) * 1);
  margin-left: calc(var(--fontSize) * 1);
  margin-right: calc(var(--fontSize) * 1);
}

.display-table h3 {
  font-size: calc(var(--fontSize) * 1);
  margin-top: calc(var(--fontSize) * 1);
  margin-left: calc(var(--fontSize) * 1);
  margin-right: calc(var(--fontSize) * 1);
}

.display-table h4 {
  font-size: calc(var(--fontSize) * 0.75);
  margin-top: calc(var(--fontSize) * 1);
  margin-left: calc(var(--fontSize) * 1);
  margin-right: calc(var(--fontSize) * 1);
}

.display-table h4 a {
    font-size: calc(var(--fontSize) * 0.75);
    color: white;
}

.display-table h5 a {
    color: white;
    font-size: calc(var(--fontSize) * 0.75);
}

.topics {
    color: white;
}

h3.section-heading {
  color: var(--brandshadow);
  margin-top: calc(var(--fontSize) * 4);
  margin-bottom: calc(var(--fontSize) * 4);
}

.top-heading {
    margin-bottom: calc(var(--fontSize) * 2);
}

.topics-heading {
    font-size: calc(var(--fontSize) * 1.25);
    text-align: center;
    color: var(--brandshadow);
    font-weight: bold;
    margin-bottom: calc(var(--fontSize) * 2);
    margin-top: calc(var(--fontSize) * 1);
}

.topic-list {
    display: none;
}

.posts-heading {
    font-size: calc(var(--fontSize) * 1.25);
    text-align: center;
    color: var(--brandshadow);
    font-weight: bold;
    margin-bottom: var(--fontSize);
}

.tag {
    display: inline-block;
    padding: 4px;
    list-style-type: none;
    margin-bottom: calc(var(--fontSize) * 0.25);
}

.tag-menu {
    text-align: center;
    margin-bottom: calc(var(--fontSize) * 1);
}

.loader {
  text-align: center;
  margin-top: calc(var(--fontSize) * 1);
  margin-bottom: calc(var(--fontSize) * 1);
}

@keyframes rotateWithBoost {
    0% {
        transform: rotate(0deg);
    }
    60% {
        transform: rotate(180deg);
    }
    90%,
    100% {
        transform: rotate(360deg);
    }
}

/*LOADER 9*/
.loader9 svg {
  animation: 1.5s linear rotateWithBoost infinite;
}

.postList {
	list-style: none outside none;
}

#divPosts img {
	display: block;
	margin: 0 auto;
}

.loading {
    text-align: center;
}

.postlist {
    text-align: left;
    font-size: calc(var(--fontSize) * 0.75);
    line-height: calc(var(--fontSize) * 1);
    margin-top: calc(var(--fontSize) * 3);
    margin-bottom: calc(var(--fontSize) * 1);
}

.postList li {
	padding-top: calc(var(--fontSize) * 1);
  padding-bottom: calc(var(--fontSize) * 1);
}

.postcount {
    font-size: calc(var(--fontSize) * 0.75);
}

.feedEkList li:last-child {
    border-bottom: none;
}

.sub-title {
    color: var(--brandshadow);
    font-size: calc(var(--fontSize) * 1.25);
}

.sub-title a {
    font-size: calc(var(--fontSize) * 1.25);
}

.rss-note {
    text-align: left;
    font-size: calc(var(--fontSize) * 0.75);
    line-height: calc(var(--fontSize) * 1);
    margin-top: calc(var(--fontSize) * 1);
    margin-bottom: calc(var(--fontSize) * 1);
}

.blog-items {
    margin-bottom: calc(var(--fontSize) * 2);
}

.blog-items p {
    margin-bottom: calc(var(--fontSize) * 2);
}

.postTitle a {
	font-weight: bold;
	color: #4EBAFF !important;
}

.postDate {
	font-size: calc(var(--fontSize) * 0.75);
	color: #AAAAAA;
}

.left-image {
    float: left;
    margin: 10px 10px 10px 0px;
}

.right-image {
    float: right;
    margin: 10px 0px 10px 10px;
}

.logo-image {
    margin-bottom: calc(var(--fontSize) * 1);
}

.logo a {
    margin-top: calc(var(--fontSize) * 1);
}

.copyright {
    margin-top: calc(var(--fontSize) * 2);
}

.disclaimer {
    margin-top: calc(var(--fontSize) * 1);
    margin-left: calc(var(--fontSize) * 3);
    margin-right: calc(var(--fontSize) * 3);
    font-size: calc(var(--fontSize) * 0.75);
    margin-bottom: calc(var(--fontSize) * 3);
}

.rssSelection {
    margin-top: calc(var(--fontSize) * 3);
    font-size: calc(var(--fontSize) * 1);
}

.rssLink {
    font-size: calc(var(--fontSize) * 1);
}

/* .return {
    font-size: calc(var(--fontSize) * 0.75);
}

a.return, i.return {
    font-size: calc(var(--fontSize) * 0.75);
    vertical-align: middle;
    padding-right: calc(var(--fontSize) * 0.5);
} */

.postError {
    color: red;
    font-size: calc(var(--fontSize) * 2);
    text-align: center;
}

.rssError {
    margin-top: calc(var(--fontSize) * 3);
    font-size: calc(var(--fontSize) * 0.75);
    text-align: center;
}

.apiErrorTags a {
    color: white;
}

/* this technique for using text within a lined heading that is fully responsive */
/* can be found at: http://jsfiddle.net/Puigcerber/vLwDf/1/ */

h3 {
    overflow: hidden;
    text-align: center;
}



h3:before,
h3:after {
    background-color: var(--brandshadow);;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

h3:before {
    right: 0.5em;
    margin-left: -50%;
}

h3:after {
    left: 0.5em;
    margin-right: -50%;
}