/* Stylesheet created as part of fidelity private shares blogs redesign to match fidelityprivateshares.com */
/* This stylesheet should be added to Shoobx "Shoobx-Blog-July-2018" theme. */
/* /Custom/Blog/psdtohubspot/P2H-Premium-Blog-V2/Shoobx-Blog-July-2018  */

/* Header */
body {
  padding-right:0px;
}
.custom-system-page .header-container {
    min-height: 80px !important;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a {
    line-height: 29px;
    padding: 35px 0px 23px 0px;
    font-size: 17px;
    color: #536363;
    font-weight: normal;
    position: relative;
    -webkit-transition: padding .3s linear;
    -o-transition: padding .3s linear;
    transition: padding .3s linear;
    text-transform: capitalize;
}

.custom-logo {
    padding: 18px 0 18px; !important;
}


/* Header Ends */

/* Initial customization */
.listing-hero {
  background: rgba(4, 64, 20, 1) !important;
}

.row-fluid .blog-subs-form .hs-button,
.custom-email-form .hs_cos_wrapper_type_form .hs-button.primary.large,
.custom-header .hs-menu-wrapper ul>li.hs-menu-item.hs-menu-depth-1:last-child a { 
  background-color: #368727 !important;
  border-radius: 14400px !important;
  border: 2px solid #368727 !important;
}

.custom-header .hs-menu-wrapper ul>li.hs-menu-item.hs-menu-depth-1:last-child {
    margin-top: 25px;
}

.page-numbers li {
  width: 30px;
}

.page-numbers li.current a {
  background-color: transperant !important;
  border-radius: 14400px !important;
  border: 0px !important;
}

/*.row-fluid .blog-subs-form .hs-button:hover,
.custom-email-form .hs_cos_wrapper_type_form .hs-button.primary.large:hover,
.custom-header .hs-menu-wrapper ul>li.hs-menu-item.hs-menu-depth-1:last-child a:hover,*/
.page-numbers li.current a:hover,
.page-numbers li a:hover,
.blog-pagination {
  padding: 0px 0px 50px 0px;
}

.blog-pagination a.next-posts-link:hover,
.blog-pagination a.previous-posts-link:hover {
  background-color: transperanr !important;
  border: 0px !important;
}
.post-topic ul li {
  display: flex !important;
}
.post-topic ul li a,
.hs-blog-post .topic-link {
  border-radius: 24px !important;
  border-width: 1px !important;
  border-color: #525150;
}
.hs-blog-post .topic-link:hover,
.post-topic ul li a:hover {
  background-color: #E6E4E1 !important;
  border: 1px solid #525150 !important;
  border-radius: 14400px !important;
  color: #000000 !important;
}

.page-numbers li a {
  border-radius: 0px !important;
  background-color: transperant !important;
  font-weight: normal;
}

.page-numbers li.current a {
  border-radius: 0px !important;
  background-color: transperant !important;
  font-weight: 700;
  cursor: auto;
}
.page-numbers li a:hover, .page-numbers li.current a, .page-numbers li.current a:hover, a.next-posts-link:hover, a.next-posts-link:hover .fa, a.previous-posts-link:hover, a.previous-posts-link:hover .fa {
    background-color: #ffffff !important;
    border-color: transperant !important;
    border: 0px;
    color: #000;
}
a.next-posts-link, a.no-link, a.previous-posts-link {
    background: #fff;
    border: 0px;
    color: #000;
}

.tabber-tabs>.active>a, .tabber-tabs>.active>a:focus, .tabber-tabs>.active>a:hover {
  border-bottom: 4px solid #1E6F1D;
}
.hs-author-listing-header {
  width:100%
}
/* Initial customization ends */ 

/* Footer starts */
.custom-footer-main-bg {
  background-color: #F9F7F5;
  padding-bottom: 120px;
  padding-top: 40px;
  font-size: 14px;
  color: #14192b;
  line-height: 1.6;
}
.custom-footer-top {
  border-width: 0px !important;
}

.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
    float: right;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
  float:left;
}
.custom-footer-menu .hs-menu-wrapper > ul > li {
      width: auto !important;
      padding-left: 5px;
      padding=right: 5px;
  }

  .custom-footer-menu .hs-menu-wrapper > ul > li a{
      text-decoration: none !important;
      color: #000000 !important;
  }

  .footer-horizontal-spacer {
    border: 0 none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(217,216,213,1.0);
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    opacity: .25;
  }
  
  .blog-footer-social-logo {
    padding-right: 40px;
    text-align: right;
    margin-top: 20px;
  }

  @media (max-width: 767px) {
    .blog-footer-social-logo {
      padding-right: 0px;
    }
  }
  
  .hs-social-follow {
    justify-content: right;
    gap: 0px;
  }
/* Footer Ends */

/* Redesign to match www */
.container-fluid .row-fluid .page-center {
    float: none;
    max-width: 1275px;
    margin: 0 auto;
}
.container-fluid .row-fluid .wrapper {
    float: none;
    margin: 0 auto;
    max-width: 1275px !important;
    padding-left: 10px;
    padding-right: 10px;
}
body.hs-blog-post .widget-type-cell.blog-content {
    float: none;
    margin: 0 auto;
    max-width: 1275px;
    padding: 0;
}

.container-fluid .row-fluid .wrapper {
    padding-left: 0px;
    padding-right: 10px;
}


h1,
.h1 {
  color: #000000;
  font-family: Roboto Slab,serif !important;
  font-size: 48px;
  line-height: 52px;
  font-style: normal;
  font-weight: 300;
  padding: 8px 0px;
  margin: 0px;
}

h2,
.h2 {
  color: #000000;
  font-family: Roboto Slab,serif !important;
  font-weight: 300;
  letter-spacing: -0.75px;
  font-size: 36px;
  line-height: 36px;
}

h3,
.h3 {
  color: #000000;
  font-family: "Fidelity Sans",Helvetica,Arial,sans !important;
  font-weight: 700;
  letter-spacing: -1px;
}

h4,
.h4 {
  color: #000000 !important;
  font-family: "Fidelity Sans",Helvetica,Arial,sans !important;
  font-weight: 700;
  letter-spacing: -0.25px;
  line-height: 28px;
  font-size: 20px;
}

h4,
.h4 a {
  color: #000000 !important;
}

h5,
.h5 {
  color: #000000;
  font-family: "Fidelity Sans",Helvetica,Arial,sans !important;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.25px;
  line-height: 28px;
}

h6,
.h6 {
  color: #000000 !important;
  font-family: "Fidelity Sans",Helvetica,Arial,sans !important;
  font-weight: 400;
  letter-spacing: -0.25px;
  font-size: 16px;
  line-height: 24px;
}


@media (max-width: 767px) {
  h1, .h1 {
   font-size: 32px;
   line-height: 42px;
  }
  h2, .h2 {
   font-size: 28px;
   line-height: 26px;
  }

  h3, .h3 {
   font-size: 24px;
   line-height: 20px;
  }

  h4, .h4 {
   font-size: 20px;
   line-height: 20px;
  },
  h5,
  .h5 {
    font-size: 16px;
    line-height: 28px;
  }

  h6,
  .h6 {
    font-size: 16px;
    line-height: 24px;
  } 
}

body, .hs-blog-post .blog-post-wrapper .post-body p {
    font-family: 'Fidelity Sans', Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: normal;
    text-decoration: none;
    color: #000000;
}


/* a.hero-author-link */
.section.post-body a {
    color: #1D3986 !important;
    text-decoration: underline !important;
}

.section.post-body a:hover {
    color: #132454 !important;
}
.fixed .custom-menu-primary .hs-menu-wrapper > ul > li > a,
.custom-menu-primary .hs-menu-wrapper > ul ul li a {
  font-family: 'Fidelity Sans', Helvetica, sans-serif !important;
  font-size: 16px;
  color: #000000;
  line-height: 24px;
  font-weight: normal;
}
/* Redesign to match www ENDS */
/* Tags */
.post-topic ul li {
    display: inline-block !important;
}


.hs-blog-post .topic-link, .post-topic ul li a {
    text-transform: capitalize;
}
 /* Tags ends */
/* Tags-Topics*/
.post-topic {
  border-bottom: 0px;
  margin-bottom: 0px;
  padding-bottom: 24px;
  }

  h3 {
  color: #000000;
  font-family: "Fidelity Sans",Helvetica,Arial,sans !important;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;  
}
/* Tags-Topics ends*/
/* Blogpost listing*/
body .post-item a span.post-featured-image {
    height: 239px;
  border-radius: 24px;
}
.blog-listing-wrapper .post-listing .post-item {
    /*background: linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,1));*/
    border-radius: 24px;
    border: 1.5px solid #E6E4E1;
}
.blog-listing-wrapper .post-listing .post-item:hover {
    background-color: #F9F7F5;
    border-color: #141414;
    cursor: pointer !important;
}
.post-item .post-item-info, .post-item .post-item-info a {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    font-family: "Fidelity Sans",Helvetica,Arial,sans !important;
}
.post-item .features-image-block:after {
    position: relative;
}
.blog-listing-wrapper .post-listing .post-item .post-body {
    padding: 0px 24px 28px 24px !important;
}

.post-item .button-outline {
  background-color: transparent !important;
}
.post-item .button-outline:hover {
  background-color: transparent !important;
}

.button-outline {
    display: block;
    background-color: #ffffff;
    border: 1px solid #525150;
    border-radius: 14400px;
    color: #000000;
    font-family: "Fidelity Sans",Helvetica,Arial,sans;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    padding: 3px;
    margin-top: 10px;
    text-align: center;
}
.button-outline:hover {
  background-color: #E6E4E1;
  color: #000000;
}

@media (max-width: 767px) {
  .blog-content, .blog-section, .post-topic {
      padding-left: 5px;
  }
}

/* Blogpost listing ends */

/* Pagination */
.fa {
  border: 0px !important;
  color: inherit;
}
.page-numbers li a {
    color: #000;
    border: 0px;
    background-color: transparent;
    display: contents;
    font-size: 16px !important;
    line-height: 2.12;
    padding: 4px 0;
    text-decoration: none;
    -webkit-transition: none !important;
    transition: none !important;
}
a.next-posts-link, a.no-link, a.previous-posts-link {
    font-size: 16px;
}

a.next-posts-link, a.no-link, a.previous-posts-link: hover {
    -webkit-transition: none !important; 
    transition: none !important;
}

#list-start{
  scroll-margin-top: 120px;
}

@media (max-width: 767px) {
  #list-start{
    scroll-margin-top: 20px;
  }
}

/* Pagination Ends */

/* Buttons */

button, .button, .cta_button, .hs-button, form input[type=submit], form .hs-button {
    background-color: #368727;
    border: 2px solid #368727;
    color: #ffffff !important;
    font-family: "Fidelity Sans",Helvetica,Arial,sans;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 14400px;
    padding: 12px 16px 12px 16px;
    transform: none;
}
button:hover,
button:focus,
.button:hover,
.button:focus,
.cta_button:hover,
.cta_button:focus,
form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: #1E6F1D;
  border: 2px solid #1E6F1D;
  
}

.hs-private button,
body.hs-inline-editing button {
  color: #000 !important;
}
/* Button ends */

/* Blogpost listing */
.post-listing .h4 {
	height: 72px;
}
/* Blogpost listing ends */

/* Post topic section */
.post-topic-section {
  background-color: #044014 !important;
  height: 122px !important;
  padding: 40px 118px;
}
@media (max-width: 767px) {
  .post-topic-section {
      padding: 5px 10px;
  }
}

h1.current-topic-list {
    color: #fff;
    font-size: 32px;
    line-height: 32px;
    font-weight: 700;
    font-family: "Fidelity Sans",Helvetica,Arial,sans !important;
}

/* Blog Author */
.blog-author-section {
  background-color: #044014 !important;
  padding: 40px 118px !important;
  min-height: auto !important;
}
.blog-author-section .hs-author-avatar {
    background-color: #ccc;
    background-position: top;
    background-size: cover;
    border-radius: 24px;
    border-width: 0px;
    display: block;
    height: 148px;
    width: 148px;
    margin: 0 auto;
}
.hs-author-name {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 32px !important;
  line-height: 42px !important;
  letter-spacing: -1px !important;
  padding: 8px 0px;
}

@media(max-width: 767px) {
  .blog-author-section {
    padding: 20px 20px !important;
  }
 .hs-author-name {
    font-size: 24px !important;
    line-height: 20px !important;
  } 
}
.hs-blog-listing .hs-author-profile {
    border-bottom: 0px !important;
    margin: 0px;
    padding: 0px;
}
.hs-author-social-links a.hs-author-social-link {
    background-color: none;
    background-image: none;
    color: #fff;
    padding: 0px !important;
    text-align: center;
    text-indent: 0;
}

@media(min-width: 768px) {
  .mt-30 {
    padding-top: 30px;
  }
}
@media(max-width: 767px) {
  .mt-30 {
    padding-top: 20px;
  }
}

/* Cookie Banner */
#hs-banner-parent #hs-eu-cookie-confirmation {
  width: max-content !important;
  max-width: calc(100% - 0px) !important;
}

#hs-eu-cookie-confirmation #hs-eu-confirmation-button, 
#hs-eu-cookie-confirmation #hs-eu-cookie-settings-button {
  background-color: #368727;
  border-color: #368727;
  height: 2.3em !important;
  min-width: 9em !important;
  /*max-width: 9em !important;*/
}

#hs-eu-cookie-confirmation #hs-eu-decline-button {
  height: 2.3em !important;
  min-width: 9em !important;
  background-color: #2d2d2d !important;
  border-color: #2d2d2d !important;
}

#hs-banner-parent {
  --hs-banner-inset: auto 50% 0px !important;
  --hs-banner-padding: 1em !important;
  --hs-banner-color: #2d2d2d !important;
}

#hs-eu-cookie-confirmation-buttons-area {
  justify-content: center !important;
}

/* Cookie Banner ends */