#navbar {
  background-color: var(--color-white); /* Black background color */
  position: fixed; /* Make it stick/fixed */
  top: -65px; /* Hide the navbar 52 px outside of the top view */
  width: 100%; /* Full width */
  transition: top 0.3s; /* Transition effect when sliding down (and up) */
	z-index:1000;
  font-size:0.8rem;
  box-shadow:0 0 5px 1px rgba(0,0,0,0.28);
}

/* Style the navbar links */
#navbar a {
  float: left;
  display: block;
  color:  var(--color-black);
  text-align: center;
  padding: 15px;
  text-decoration: none;
}

#navbar a:hover {
  background-color: var(--color-white);
  color: black;
}

.align {
  transform: translate(3.5%, -50%);
  left: 50%;
}

/* scrolling menu tags */

* {
	box-sizing: inherit;
}

.pn-ProductNav_Wrapper {
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	overflow: hidden;
	border-top:1px solid var(--color-three);
  border-bottom:1px solid var(--color-black);
}

.pn-ProductNav {
    /* Make this scrollable when needed */
    overflow-x: auto;
    /* We don't want vertical scrolling */
    overflow-y: hidden;
    /* For WebKit implementations, provide inertia scrolling */
    -webkit-overflow-scrolling: touch;
    /* We don't want internal inline elements to wrap */
    white-space: nowrap;
    /* If JS present, let's hide the default scrollbar */
    .js & {
        /* Make an auto-hiding scroller for the 3 people using a IE */
        -ms-overflow-style: -ms-autohiding-scrollbar;
        /* Remove the default scrollbar for WebKit implementations */
        &::-webkit-scrollbar {
            display: none;
        }
    }
	/* positioning context for advancers */
	position: relative;
	// Crush the whitespace here
	font-size: 0;
}

.pn-ProductNav_Contents {
	float: left;
	transition: transform .2s ease-in-out;
}

.pn-ProductNav_Contents-no-transition {
	transition: none;
}

.pn-ProductNav_Link {
	text-decoration: none;
	color: var(--color-font-one);
	font-size: 16px;
	font-family: var(--font-family-secondary);
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 11px;
	& + & {
		border-left-color: #eee;
	}
	&[aria-selected="true"] {
		color: #eee;
	}
}

.pn-Advancer {
	/* Reset the button */
	appearance: none;
	background: transparent;
	padding: 0;
	border: 0;
	&:focus {
		outline: 0;
	}
	&:hover {
		cursor: pointer;
	}
	/* Now style it as needed */
	position: absolute;
	top: 0;
	bottom: 0;
	/* Set the buttons invisible by default */
	opacity: 0;
	transition: opacity .3s;
}

.pn-Advancer_Left {
	left: 0;
	[data-overflowing="both"] ~ &,
	[data-overflowing="left"] ~ & {
		opacity: 1;
	}
}

.pn-Advancer_Right {
	right: 0;
	[data-overflowing="both"]  ~ &,
	[data-overflowing="right"] ~ & {
		opacity: 1;
	}
}

.pn-Advancer_Icon {
	width: 20px;
	height: 44px;
	fill: #bbb;
}

.pn-ProductNav_Indicator {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 4px;
	width: 100px;
	background-color: #f90;
	transform-origin: 0 0;
	transition: transform .2s ease-in-out;
}

/* CUSTOM CSS THEME */

/* Global */

body {
	background-color:#ffff;
}

:root {
--ghost-accent-color: #034C8C !important;

}

.loop-item::after {
	box-shadow: none !important;
}

.none {
	display: none !important;
}

.loop-item-elements {
	background-color: #fff !important;
}

.author-title {
	font-weight:500;
}

.loop-item-image {
	height: 40vh;
	min-height: 200px !important;
	max-height: 130px !important;
}

.loop-item {
	height:100%;
}

.tags-date {
	font-weight:300;
	font-size:0.85rem;
	text-decoration: underline;
	text-decoration-color: #ccc;
}

.logo-small {
  height:1.5rem;
  margin-top: -5px;
  margin-bottom: -8px;
}

/* footer */

.global-footer {
  border-top: 1px solid var(--color-three);
  padding-top: 2.3rem;
}


/* titles */

.titles {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* number of lines to show */
	-webkit-box-orient: vertical;

}

.titles-widget {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* number of lines to show */
	-webkit-box-orient: vertical;
  font-weight:700;
  font-size:20px;

}

.thelatest-title {
	font-weight:600;
}

.loop-item-title {
font-size: 20px;
line-height: 1.1;
margin-bottom: 5px;
font-weight: 700;
}

.global-heading {
	border-top:1px solid var(--color-black);
	padding: 10px 0px 10px;
}

.post-title {
  font-size: 2.5rem;
  margin-bottom: 20px;
  margin-top: 3rem;
}

/* buttons */

.header-nav .signup {
	color: var(--color-white);
}

.global-button {
  background-color: #034C8C !important;

}

.widget-content.tags a:hover {
  background-color:#E0E0DE;
}

.widget-content.tags a {
  border-radius: var(--border-radius-small);
}

.header-nav .signin {
  border-radius: var(--border-radius-small);
}

.header-nav .signup {
  border-radius: var(--border-radius-small);
}

.post-share-wrap a:last-of-type {
  border-radius:unset;
}

.post-share-wrap a:first-of-type {
  border-radius:unset;
}

/* header */

.header-wrap {
min-height: 70px;
margin-top: 20px;
margin-bottom: 5px;
}

/* featured */
.pinned-section::before {
	background-color:transparent;
}

.pinned-items:last-child {
	padding-bottom: calc(5px - (var(--margin-items) / 2));
}

.pinned-items:first-child {
	padding-top:calc(5px - (var(--margin-items) / 2));
}

.pinned-image {
	width: 3rem;
	height: 3rem !important;
	float:left;
	border-radius: 0px !important;
	margin-right:0.25rem;
}

.pinned-content {
	padding:2px 2px 2px 2px;
}

.pinned-title {
	font-size:1rem !important;
}

.pinned-item {
	background-color:transparent !important;
  min-width: 230px;
}

.pinned-section {
	margin: 0 auto 0px !important;
  border-radius:0px !important;
}

/* sections */

.special-section-content {
	background-color: transparent;
	padding: 0px;
}

.loop-item-content {
	max-width:100% !important;
}

.loop-sections {
  margin-bottom:2vh;
}


/* subscribe */
.subscribe-header {
padding: 1px 12px 1px 12px;
}

.subscribe-header h3 {
  font-size:20px;
}

.subscribe-header {
  background-color: var(--color-one);
}

.subscribe-form {
  height:40px;
}

.subscribe-wrap {
  padding:15px 0px 15px 0px;
  border-radius: none !important;
}

/* footer */

.footer-nav-column h5 {
  display:none;
}

/* widgets */

.widget-content {
  border-radius: 0px;
  background-color: transparent;
  padding:12px;
}

/* tags */

.excerpt-tags {
  font-size:0.8rem;
  line-height:1rem;
}

.loop-item-title-tags {
  font-size: 15px;
  line-height: 1.1;
  margin-bottom: 5px;
  font-weight: 700;
}

.loop-item-title-tags a {
  pointer-events: auto;
}

.archive-wrap.is-cover {
  margin: unset;
  padding-top: 5vh;
  padding-bottom: 5vh;
}

.archive-wrap {
  padding: 5vh;
}

/* articles */

.post-image {
  min-height: 400px;
}

.post-image img {
  border-radius:0px !important;
}

.nextprev-newer::after, .nextprev-older::after {
  box-shadow: none !important;
}

.post-share-wrap a {
justify-content: center;
height: 10px;
width:50px;
background-color: transparent;
border-top: 1px solid var(--color-three);
padding-top: 2rem;
}

.post-share-wrap a:hover {
   background-color: transparent;
}

.post-share-link + small {
  background-color: var(--color-three);
  border-radius:unset;
}

.post-progress {
  z-index:2000 !important;
}

/* responsive */

@media (max-width: 1024px) {
  .pn-ProductNav_Wrapper {
    display: none !important;
  }
  #navbar {
    display: none !important;
  }
  .pinned-section {
    display:none !important;
  }
  .loop-item-title {
    font-size:15px;
  }
  .special-item-excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* number of lines to show */
    -webkit-box-orient: vertical;
  }
  .excerpt-tags {
      font-size:0.5rem;
      line-height:0.7rem;
  }
}

@media (max-width: 1112px) {
  .pn-ProductNav_Wrapper {
    display: none !important;
  }
  #navbar {
    display: none !important;
  }
}

@media (max-width: 320px) {
  .loop-item-title {
    font-size:15px;
  }
  .special-item-excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* number of lines to show */
    -webkit-box-orient: vertical;
  }
  .excerpt-tags {
    display:none;
  }
}

@media (max-width: 1366px) {
  .align {
  transform: translate(1%, -50%);
  left: 50%;
  }
}

@media (min-width: 1025px) {
  .header-nav-dropdown.is-active ul {
    box-shadow:none;
    border:1px solid var(--color-three);
    radius:none;
  }
}

.header-logo {
  display: inline-block;
  flex: 1 0 auto;
  margin-right: 30px !important;
  word-break: normal;

}