.primary-navigation li.menu-spacer a {
    display: none;
  }
#primary .entry-content {
  display: block !important;
}

#primary-navigation hr.dotted-small {
  display: none;
}
.fullwidth .entry-title {
  font-family: BaseOne-Regular;
  letter-spacing: 3px;
}
.site-content.fullwidth .entry-meta {
  margin: 0 auto;
  max-width: 800px;
 float: none;
 padding: 0;
}

#share-text {
  float: left;
  font-family: BaseOne-Bold;
  font-size: 20px;
  font-weight: 300;
  line-height: 23px;
  padding-right: 70px;

}
#share {
  padding-top: 50px;
  color: black;
}
#main, #primary {
  margin-bottom: 100px;
}
.search-box,  #journal-text,
.menu-mainnavigation-container,
#primary-navigation .dotted-small {
	display: none;
}
#primary-navigation.toggled-on .menu-mainnavigation-container,
#primary-navigation .nav-menu,
.primary-navigation li {
	display: block;
}
#main {
	margin-top: 113px
}
#scrolltop {
    background-image: url('/wp-content/themes/twentyfourteen/images/scrolltop.png');
    background-size: contain;
    width: 15px;
    height: 41px;
    display: block;
    right: 0;
    position: absolute;
    margin-right: 50px;
}
.site-content .entry-header {
	background: none;
}
#primary-navigation.toggled-on .menu-mainnavigation-container {
  width: 184px;
  position: fixed;
  top: 44px;
  right: 0;
  background-color: white;
  border: 2px solid black;
  padding-bottom: 1px;
  right: -webkit-calc(50% - 680px + 51px);
  right: calc(50% - 680px + 51px);
}
.primary-navigation .menu-toggle {
	position: fixed;
	top: 0;
	right: -webkit-calc(50% - 680px + 50px);
  right: calc(50% - 680px + 50px);
}
/*@media screen and (min-width: 1250px) {
	#primary-navigation.toggled-on .menu-mainnavigation-container {
		position: absolute;
	  	top: 48px;

}}*/
.primary-navigation li.menu-spacer {
  border-top: 2px solid;
  border-right: none;
  height: 0px;
  margin-bottom: 16px;
  margin-right: 0px;
  margin-left: 0px;
}
.site-navigation .menu-mainnavigation-container a {
	width: initial;
  margin-left: 10px;
}
.site-navigation a {
  border-bottom: 2px solid white;
}
#primary-navigation .nav-menu {
	margin-left: 0px;
}
	.primary-navigation ul li:hover ul {
	  top: -18px;
	  right: 184px;
	  display: block;
	 }
 .primary-navigation .menu-item-has-children > a {
 	padding-right: 12px;
 	margin-bottom: -1px;
 }
 .primary-navigation ul ul a {
 	height: 13px;
  width: initial;
  padding-bottom: 10px;
 }
 #primary-navigation {
 	padding: 0;
 }
 #single_header_image {
  padding: 0;
  position: absolute;
  top: 0;
  z-index: 0;
  left: 0px;
height: 650px;
width: 100%;
}
#primary .entry-content {
  padding-top: 55px;
}
 .relatedposts ul {
   list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
   flex-wrap: wrap;
   gap: 28px;
 }
 .relatedposts li {
   /* Tight 3-column flex grid. Each card is a bounded unit (subtle hairline +
      light shadow on hover) instead of floating naked on the white page
      background — solves the "consecutive same-template covers blend into each
      other" problem. Flex avoids the inline-block whitespace gotcha that
      pushed cards down to 2-per-row. */
   flex: 0 0 calc(33.333% - 22px);
   max-width: calc(33.333% - 22px);
   text-align: left;
   vertical-align: top;
   min-height: 450px;
   overflow: hidden;
   background: #ffffff;
   border: 1px solid rgba(0, 0, 0, 0.08);
   border-radius: 2px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
   padding: 0;
   transition: box-shadow 0.18s ease, border-color 0.18s ease;
 }
 .relatedposts li:hover {
   border-color: rgba(120, 149, 171, 0.55);
   box-shadow: 0 4px 14px rgba(20, 24, 31, 0.06);
 }
 .relatedposts li.related-0,
 .relatedposts li.related-2 {
   /* Old float-left / float-right rules are unnecessary with inline-block + the
      new fixed-width grid; explicit reset prevents stray floats from breaking
      the row. */
   float: none;
 }
 .relatedposts img {
   width: 100%;
   max-width: 100%;
   display: block;
   padding-bottom: 0;
 }
 /* Placeholder when a recommended post has no featured image. Keeps the row
    height stable and prevents <img src=""> rendering glitches. */
 .relatedposts .related-noimage {
   width: 100%;
   aspect-ratio: 672 / 372;
   background-color: #f5ebd6;
   border: 1px solid rgba(20, 24, 31, 0.08);
   margin-bottom: 2px;
 }
.related-text { display: block; }
.related-text a { display: block; padding: 0; color: inherit; text-decoration: none; }
.related-header {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  margin: 18px 18px 12px;
  padding: 8px 0 6px;
  width: auto;
  float: none;
  font-family: BaseOne-Bold;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.15;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.related-excerpt {
  text-align: left;
  margin: 0 18px 18px;
  max-width: none;
  font-size: 14px;
  line-height: 1.55;
  color: #1a1a1a;
  /* Belt-and-suspenders cap: even if PHP fails to trim the excerpt, never let
     it spill past the card. Five lines at ~1.55 line-height ≈ 7.75em. */
  max-height: 7.75em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  line-clamp: 5;
}
.related-text a:hover .related-header {
	background-color: #FFFE5C;
}
.site-content.fullwidth .has-post-thumbnail .entry-header {
	height: 296px;
	max-width: 800px;
  margin: 0 auto;
}
.relatedposts, .premiumpartners {
  margin: 0 auto;
}
.relatedposts h3 {
    color: #7895ab;
  	font-family: BaseOne-Regular;
    font-weight: normal;
  	margin-bottom: 5px;
    font-size: 25px;
    background-image: url('/wp-content/themes/twentyfourteen/images/related-line.png');
    background-size: contain;
    background-position: center;
    max-width: 800px;
    margin: 50px auto;
}
.relatedposts h3 span{
    background-color: white;
    padding-right: 25px;
}
.premiumpartners h3 {
    padding-top: 100px;
    font-family: BaseOne-Bold;
    margin-bottom: 5px;
    font-size: 41px;
}

.relatedposts hr {
	border-top: 2px solid #7895ab;
	border-bottom: 1px solid #7895ab;
	height: 5px;
	background-color: white;
  	width: 100%;
  	margin: 0 0 20px 0;
}
.premiumpartners img {
    width: 22%;
}
.partnerlist {
      text-align: center;
      padding-bottom: 70px;
}
.entry-header {
  color: white;
}
.primary-navigation ul ul a {
  padding-bottom: 0;
  margin-bottom: 18px;
}

.relatedposts a:hover .related-header {
  background-color: white;
  color: #7895ab;
  border-top: 3px solid #7895ab;
  border-bottom: 3px solid #7895ab;
}
.menu-spacer a {
  display: none;
}


@media screen and (max-width: 1260px) {
  .primary-navigation .menu-toggle {
    right: 0;
  }
  #primary-navigation.toggled-on .menu-mainnavigation-container {
    right: 0;
  }
}

@media screen and (max-width: 1250px) {
	#page {
	    height: 100%;
	    margin: 0px;
      padding: 0;
	}
  #main {
    padding: 0 20px;
  }
 .related-excerpt {
    width: 40%;
    margin-left: 55%;
  }
 .related-header {
    width: 50%;
  }

  .fullwidth .entry-title {
      font-size: 45pt;
  }
}


@media screen and (max-width: 850px) {
 .related-header {
  font-size: 20px;
 }
 .related-excerpt {
/*    display: none;*/
  }
  .relatedposts li {
    max-width: 48%;
  }

}
@media screen and (max-width: 600px) {
  .relatedposts li {
 	max-width: 100%;
      height: inherit;
    margin-bottom: 20px;
 }
.site-content.fullwidth .has-post-thumbnail .entry-header {
    height: 363px;
}
#primary .entry-content {
    padding-top: 33px;
}
 .related-header {
  /*width: 66%;*/
 }
 .fullwidth .entry-title {
	  font-size: 36pt;
	}
	.related-excerpt {
  /*margin-left: 30%;
  max-width: 48%;*/
}
	#nav_menu-2 ul li {
  padding: 0 0 0 10px;
}
#primary .entry-content {
  padding-top: 45px;
}
a#main-image {height: 80px}
}

@media screen and (max-width: 400px) {
  #scrolltop {
    /*margin-top: -64px;*/
  }
  .site-content.fullwidth .entry-meta {
    padding-top: 26px;
  }
}