body {
	font-family: sans-serif;
}

:root {
  --bg: #2a55a3;
  --title: #2a55a3;
  --author: #607d8b;
  --link: #0054b3;
  --button: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
}

.main-nav  {
  box-shadow: 2px 5px 11px -8px rgb(0 0 0 / 24%);
}

.mobile-fixed {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  background: #fff;
}

.top-nav,
.footer-nav {
	background-color: var(--bg);
	color: #fff;
	font-size: 15px;
}

.mobile-menu ul,
.top-nav ul,
.footer-nav ul,
.main-nav ul {
	list-style-type: none;
}

.mobile-menu a,
.top-nav a,
.footer-nav a {
	color: #fff;
}

.footer-nav .company {
	font-size: 11px;
}

.gdpr a,
.main-nav a {
	color: var(--bg);
}

.main-nav .search {
	cursor: pointer;
  width: 25px;
  height: 25px;
}

.related-article .hero,
.article .thumb {
	min-width: 100%;
	height: 230px;
	background-size: cover;
	background-position: center;
	border-radius: 5px;
}

.related-articles p.related-article-title,
.single-article h3,
.author-content h2,
.single-article h2,
.single-article h1,
.article h1 {
	color: var(--title);
}

.article h1 {
	font-size: 19px;
}

.article h1.single-title {
	font-size: 29px;
}

.author-content h2,
.single-article h2 {
	font-size: 25px;
	margin: 40px 0 30px 0;
	font-weight: bold;
}

.related-articles p.related-article-title,
.single-article h3 {
	font-size: 19px;
	margin: 40px 0 30px 0;
	font-weight: bold;
}

.single-article p {
	margin-bottom: 15px;
}

.single-article .wp-block-buttons.is-layout-flex {
    justify-content: center;
    margin: 30px 0;
    text-transform: capitalize;
}

.single-article figcaption {
    text-align: center;
    background-color: #eee;
    font-style: oblique;
    font-size: 13px;
    font-weight: bold;
}

.single-article li {
	line-height: 30px;
}

.single-article p {
	line-height: 31px;
}

@media(max-width: 768px) {
	.single-article p {
		font-size: 17px;
	}  
}

.related-articles time {
  font-size: 13px;
  color: var(--link);
}

.related-articles a,
.single-article a:not(.single-article a.wp-block-button__link):not(.big-cta a),
.article a {
	color: var(--link);
	font-weight: bold;
}

.single-article a.wp-block-button__link {
	background: var(--button);
    font-weight: bold;
}

.wp-block-button p {
	font-size: 13px;
}

.article p.author {
    font-size: 14px;
}

.article p.excerpt {
    font-size: 15px;
    line-height: 1.5;
}

.mobile-menu.expanded {
    left: 0;
}

.mobile-main-nav {
	background-color: var(--bg);
}

.mobile-menu {
    background-color: var(--bg);
    position: fixed;
    top: 0;
    height: 100%;
    transition: all 0.3s;
    left: -100%;
    z-index: 1;
}

.mobile-menu a {
	font-size: 19px;
}

.desk-menu {
	display: none;
}

.desk-menu input {
	border: solid 2px var(--bg);
}

.single-article .author {
	font-size: 13px;
}

.category, .tag {
  font-size: 15px;
}

.page-numbers, .category, .tag {
	text-decoration: none; padding: 5px 10px; border-radius: 5px; 
	border: solid 1px var(--bg);
	background-color: #fff;
	color: var(--bg);
}

.page-numbers.current {
	background-color: var(--bg);
	color: #fff;
}

.code-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 20px 0 !important;
    width: 100%;
}

.ad .code-block-label {
    width: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    overflow: hidden;
    background-color: #fff;
    color: #ddd;
    margin-bottom: 5px;
}

.code-block-label span {
    display: block;
    margin: 0 5px;
    text-transform: uppercase;
    font-size: 12px;
    min-width: 70px;
}

.ad .code-block-label:before, .code-block-label:after {
    background-color: #ddd;
    content: "";
    height: 1px;
    width: 50%;
}

.ad .adsense-code-block {
	width: 100%;
	text-align: center;
}

@keyframes horizontal-shaking {
	0% { transform: translateX(0) }
	25% { transform: translateX(1px) }
	50% { transform: translateX(-1px) }
	75% { transform: translateX(1px) }
	100% { transform: translateX(0) }
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 65px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #167ac6;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

.presell-v1 .cta a {
	background: var(--button);
	color: #fff;
	font-size: 23px;
}

.presell-v1 .cta .button-subtitle {
    font-size: 13px;
    color: #607d8b;
}

.presell-v1 .warning {
	width: 33%;
	margin: 0 auto;
}

.presell-v1 .warning p {
	color: #dc3545;
}

@media(max-width: 768px) {
	.presell-v1 .cta a {
		font-size: 16px;
	}
	
	.presell-v1 img {
		max-width: 100%;
	}
	
	.presell-v1 .warning {
		width: 100%;
	}
}

.gdpr {
    width: 100%;
    z-index: 999999;
    top: 15px;
}

.gdpr .gdpr-inner {
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 30%);
	font-size: 15px;
}

.gdpr .gdpr-inner button {
	background-color: var(--bg);
	color: #fff;
	border: 0;
	padding: 5px 10px;
}

@media (max-width: 768px) {
	.gdpr .gdpr-inner {
		width: 90%;
	}
}

.wp-caption.aligncenter {
	margin: 0 auto;
}

.wp-caption .wp-caption-text {
	text-align: center;
	background-color: #eee;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	font-size: 13px;
	padding: 5px 0;
}

@media (max-width: 768px) {
	.wp-caption img {
		width: 100%;
	}
}