/* Blog Page Styles */

:root {
  --blog-primary: #00539f;
  --blog-secondary: #4aa775;
  --blog-header-color: #f6f6f6;
}

.page-id-16168 .latest_post_two_holder .separator,
.page-id-16168 .latest_post_two_holder .latest_post_two_info {
  display: none;
}

.page-id-16168 .latest_post_two_text {
  padding: 0 !important;
}

.page-id-16168 .latest_post_two_text h3 {
  background: var(--blog-primary);
  padding: 2rem;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  min-height: 110px;
}

/* Blog Index Page */
.page-id-16168 .latest_post_two_text h3::after {
  content: "";
  display: block;
  width: 100%;
  height: 150px;
  background-image: url(https://ctmp.co.uk/wp-content/uploads/2024/10/header-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.5rem;
  z-index: -1;
}

.page-id-16168 .latest_post_two_text h3 a {
  color: #fff;
}

.page-id-16168 .latest_post_two_text .post-meta-container {
  padding-block: 2rem;
  padding-inline: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

.page-id-16168 .latest_post_two_text .post-meta-container p {
  text-align: center;
}

.page-id-16168 .latest_post_two_text .post_info_date {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--blog-primary);
}

.single-post .title-wrapper {
  background-color: var(--blog-header-color);
  padding-block: 2rem;
  background-image: url(https://ctmp.co.uk/wp-content/uploads/2024/10/single-post-header.svg);
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}

.single-post h1 {
  max-width: 1200px;
  margin-inline: auto;
  text-align: center;
  font-size: clamp(1.5rem, 0.4265rem + 3.4351vw, 2.625rem) !important;
}

.single-post .post_image {
  display: none !important;
}

.single-post ul,
.single-post ul {
  margin-bottom: 1rem;
}
.single-post p {
  margin: 0 0 1rem 0;
}

.single-post h2 {
  font-size: 2rem;
  margin-bottom: 1.5rem;
}
.single-post h3 {
  font-size: 1.5rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 991px) {
  .single-post h2 {
    font-size: 1.75remm;
  }
  .single-post h3 {
    font-size: 1.25rem;
  }
}
@media (max-width: 767px) {
  .single-post h2 {
    font-size: 1.5rem;
  }
}

/*BLOG PAGE CUSTOM CSS*/
/*article before - must be removed*/
body .blog_grid .vc-gitem-zone-height-mode-auto:before {
  display: none;
}

body .blog_grid .vc_grid-item.vc_clearfix.vc_col-sm-4 {
  padding: 15px !important;
}

body .blog_grid .vc_gitem-zone-mini div {
  position: static;
  transform: none;
  margin-bottom: 0;
}

/* article style */
.blog_grid .vc_grid-item-mini.vc_clearfix {
  box-shadow: 0px 4px 57px 0px #00000029;
}

.blog_grid .vc_gitem_row .vc_gitem-col {
  padding: 0px;
}

/* Blog Post Title style*/
.blog_grid .post_title h2 {
  color: #fff;
  background: #9bcb52 url(/wp-content/uploads/2023/11/Cameo-blog-title.svg) 110%/34% no-repeat;
  padding: 30px 70px 30px 30px !important;
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: flex;
  align-items: center;

  margin-bottom: 30px;
}

/*Blog Post title Link style*/
body .blog_grid .post_title a {
  /* font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;*/
  font-size: 24px !important;
  font-weight: 700 !important;
  text-shadow: 2px 2px 10px #9bcb52;
  line-height: 30px !important;
  display: block;
  text-transform: none;
  letter-spacing: normal;
}

/*Blog Post title Link hover style*/
body .blog_grid .post_title a:hover {
}

/*Blog post Date Style */
body .blog_grid .post_date div {
  /*font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;*/
  color: #9bcb52;
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.02em;
}

/* Blog post content style */
body .blog_grid div.post_excerpt {
  /* min-height: 131px; */
  height: auto !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 400;
  line-height: 25.2px;
  text-align: center;
  position: static;
  padding: 0px 50px !important;
  /* font-family: 'Source Sans Pro', sans-serif !important;*/
  color: #2b2b2b;
}

/*Blog Post Content Paragraph Style*/
body .blog_grid .post_excerpt p {
  display: block;
  font-weight: 400;
  line-height: 23.63px;
  margin: 0;
}

/* Blog Post Button Container Style*/
body .blog_grid div.post_button {
  padding: 20px 0 30px;
}

/* Blog Post Button Style*/
body .blog_grid .post_button a {
  color: #333333 !important;
  /* font-family: 'Poppins', sans-serif !important; */
  font-size: 16px !important;
  line-height: 20px !important;
  font-weight: bold !important;
  background: #fff !important;
  letter-spacing: 0;
  padding: 12px 14px !important;
  border-radius: 0;
  border: none !important;
}

/* Blog Post Button Hover*/
body .blog_grid .post_button a:hover {
  border: none !important;
}

/*  RESPONSIVE  */

@media (max-width: 1300px) {
  body .blog_grid div.post_excerpt {
    padding: 0px 35px !important;
  }
  .blog_grid .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
    margin: 0 30px;
    margin-top: 30px;
  }
}

@media (max-width: 1200px) {
  body .blog_grid .vc_grid-item.vc_clearfix.vc_col-sm-4 {
    width: 50%;
  }
  body .blog_grid .post_date div {
    padding-top: 0;
  }
  body .blog_grid .post_title a {
    font-size: 22px !important;
  }
  body .blog_grid .post_title h2 {
    background-position: 110%;
    background-size: 27%;
  }
}

@media (max-width: 768px) {
  body .blog_grid .post_title h2 {
    padding: 20px 40px 20px 20px !important;
  }
  body .blog_grid .post_title h2 {
    background-position: 104%;
    background-size: 20%;
  }

  body .blog_grid .post_title a {
    font-size: 18px !important;
    line-height: 22px !important;
  }

  body .blog_grid .post_date div {
    font-size: 19px;
  }

  body .blog_grid .post_button a {
    padding: 12px 45px;
  }

  body .blog_grid div.post_button {
    padding: 13px 0 19px;
  }
  /*grid margin*/
  body .blog_grid .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
    margin: 0;
  }
}

@media (max-width: 767px) {
  body .blog_grid .vc_grid-item.vc_clearfix.vc_col-sm-4 {
    width: 100%;
  }
  body .blog_grid .post_title h2 {
    padding: 20px !important;
  }
  body .blog_grid .post_title h2 {
    background-position: 106%;
    background-size: 21%;
  }
}

@media (max-width: 400px) {
  body .blog_grid .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
    margin: 0 10px;
  }
  body .blog_grid .post_title h2 {
    background-position: 106%;
    background-size: 25%;
  }
}
/*BLOG PAGE CUSTOM CSS END*/
body.single-post .page-title.solid-bg {
  background: #9bcb52 url(/wp-content/uploads/2023/11/Cameo-blog-post.svg) 104%/17% no-repeat;
}

body.single-post .page-title .hgroup {
  overflow: visible;
}

body.single-post .page-title-breadcrumbs {
  display: none;
}

@media (max-width: 1600px) {
  body.single-post .page-title.solid-bg {
    background-position: 104%;
    background-size: 21%;
  }
}

@media (max-width: 1500px) {
  body.single-post .page-title.solid-bg {
    background-position: 106%;
    background-size: 23%;
  }
}

@media (max-width: 1400px) {
  body.single-post .page-title.solid-bg {
    background-position: 109%;
    background-size: 26%;
  }
}

@media (max-width: 1200px) {
  body.single-post .page-title.solid-bg {
    background-position: 112%;
    background-size: 30%;
  }
}

@media (max-width: 1000px) {
  body.single-post .page-title.solid-bg {
    background-position: 113%;
    background-size: 35%;
  }
}

@media (max-width: 767px) {
  body.single-post .page-title.solid-bg {
    background-position: 157%;
    background-size: 73%;
  }
}

@media (max-width: 400px) {
  body.single-post .page-title.solid-bg {
    background-position: 300%;
    background-size: 84%;
  }
}

/* Blog Single Post */

.single-post article ul {
  margin-left: 1rem;
}

.single-post article blockquote h5 {
  text-align: center;
  position: relative;
}

/* .single-post article blockquote h5::before,
.single-post article blockquote h5::after {
  font-family: "FontAwesome";
  font-size: 22px;
  color: #c1c0c0;
  margin: 6px 0 0 !important;
}

.single-post article blockquote h5::before {
  content: "\f10d";
  position: absolute;
  top: -10px;
  left: -10px;
}

.single-post article blockquote h5::after {
  content: "\f10e";
  position: absolute;
  bottom: 0;
  right: -10px;
} */

/*********************** Blog Posts Sidebar *******************************/
:root {
  --sidebar-primary: #00539f;
  --sidebar-secondary: #4aa775;
}

.single-post-html,
.single-post,
.single-post .wrapper,
.single-post .wrapper_inner {
  overflow: visible !important;
}

.single-post .two_columns_75_25 > .column2 > .column_inner {
  padding: 0;
  height: 1500px;
}

.single-post .container_inner {
  max-width: 1200px;
  width: 100%;
}

.sidebar {
  position: sticky !important;
  align-self: flex-start;
  top: 60px;
  padding-top: 23px;
  /* padding-top: 50px; */
}

.sidebar > .widget {
  margin: 0 !important;
}

.sidebar .wpb_text_column .wpb_wrapper p:not(:first-child):not(:last-child),
.sidebar .wpb_text_column .wpb_wrapper :where(p + p, ul + p, p + ul),
.wpb_text_column .wpb_wrapper p:not(:first-child):not(:last-child) {
  margin-top: 0;
}

.sidebar .sidebar_hello_title,
.sidebar .sidebar_posts h2,
.sidebar .sidebar_search_row h2 {
  font: var(--the7-widget-title-font);
  font-size: 24px !important;
  line-height: 30px;
  font-weight: 600;
  color: #3d3d3d;
  margin-bottom: 15px;
  margin-top: 0;
}

.sidebar .vc_column_container > .vc_column-inner {
  padding-right: 0;
  padding-left: 0;
}
.sidebar p a {
  color: #3d3d3d !important;
  font-weight: 400 !important;
}
.sidebar span {
  color: #3d3d3d;
}
.sidebar p a i,
.sidebar p i {
  color: var(--sidebar-primary);
  position: absolute;
  margin-right: 0.5rem;
  left: -23px;
  top: 4px;
}
.sidebar a:hover {
  color: var(--sidebar-primary) !important;
}
.sidebar a {
  font-size: 16px;
  line-height: 24px;
}
.sidebar .subtitle + p {
  margin-bottom: 15px;
}
.sidebar .vc_row {
  margin: 0;
}
.r-sidebar .g-cols.via_flex.type_default > div > .vc_column-inner {
  padding: 0;
}
/************************ Sidebar hello ****************************/

.sidebar_hello_row.l-section {
  /* padding-left: 0 !important;
		padding-right: 0 !important; */
}

.sidebar_hello_row .g-cols.via_flex.type_default > div > .vc_column-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.sidebar .sidebar_hello_row span:hover {
  color: var(--sidebar-primary) !important;
}
.sidebar_hello_row p {
  margin-bottom: 5px;
  position: relative;
  margin-left: 23px;
  color: #3d3d3d;
}

.sidebar_hello_row a {
  margin-left: 0.25rem;
  display: inline-block;
}

.sidebar_hello_row p:last-of-type a:hover {
  color: unset !important;
}

.sidebar_hello_row p:last-of-type i {
  top: 4px;
}

.sidebar_hello_row p:last-of-type a {
  cursor: default;
}

body .sidebar_hello_row {
  padding: 10px;
  padding-top: 15px;
  border: 1px solid #000;
  padding-bottom: 60px;
}
/******************* Sidebar posts ***************/

.sidebar .widget_recent_entries {
  padding: 10px !important ;
  padding-top: 80px !important;
  padding-bottom: 20px !important;
  background-color: var(--sidebar-primary);
  margin-bottom: 30px !important;
}

.sidebar .widget_recent_entries h5 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 15px !important;
}

.sidebar .widget_recent_entries ul li {
  display: flex;
  flex-direction: column;
}

.sidebar .widget_recent_entries ul li:not(:last-child):after {
  content: "";
  display: block;
  border-bottom: 1px solid #000;
  margin: 15px 0;
}

.sidebar .widget_recent_entries ul li a,
.sidebar .widget_recent_entries ul li span {
  color: #fff;
  font-size: 1rem;
}

.sidebar .widget_recent_entries ul li span {
  font-size: 14px;
}

.sidebar .widget_recent_entries ul li a {
  font-weight: 700;
}
.sidebar .widget_recent_entries ul li a:hover {
  color: var(--sidebar-secondary) !important;
}

.single-post .sidebar .et_pb_widget {
  margin-bottom: 0;
}

.sidebar .widget_search h5 {
  font-size: 24px;
}

.sidebar .widget_search form {
  margin-bottom: 30px !important;
  border: 1px solid #000;
}

.sidebar .widget_nav_menu h5 {
  margin-bottom: 1rem;
  font-size: 24px;
}

.sidebar .widget_nav_menu li {
  /* margin-bottom: 30px !important; */
  color: var(--sidebar-primary);
  position: relative;
}

.sidebar .widget_nav_menu li a {
  margin-left: 1.5rem;
}

.sidebar .widget_nav_menu li a:hover {
  margin-bottom: 30px !important;
  color: var(--sidebar-secondary) !important;
}

.sidebar .widget_nav_menu li::before {
  content: "•";
  position: absolute;
  font-size: 35px;
  position: absolute;
  left: 0;
  top: -4px;
}

/************* Sidebar Image separator *******************/

.sidebar_separator_row {
  padding-left: 0;
  padding-right: 0;
}

.sidebar .sidebar_separator_section {
  padding: 0;
  z-index: 99;
}
.image_holder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: -3px;
}
.circle_holder {
  aspect-ratio: 1 / 1;
  width: 70px;
  height: 70px;
  background: #fff;
  border-radius: 80%;
  border: 3px solid var(--sidebar-secondary);
  position: absolute;
  top: -25px;
  text-align: center;
  overflow: hidden;
  padding: 5px;
}
.sidebar_separator {
  display: flex;
  justify-content: center;
  background: var(--sidebar-secondary);
  position: absolute;
  top: -15px;
  width: 100%;
  height: 30px;
  left: 0;
  z-index: 99;
}

/* Sticky Buttons */

/*  sticky button */

.social_links.sticky_button {
  position: fixed;
  right: 0;
  bottom: calc(35% - 50px);
  display: flex;
  z-index: 999;
  padding: 5px;
  opacity: 1;
  transition: opacity 1s;
}

.share_icons {
  display: flex;
  flex-direction: column;
}

.share_icons svg.bi.bi-facebook,
.share_icons svg.bi.bi-instagram,
.share_icons svg.bi.bi-twitter-x,
.share_icons svg.bi.bi-linkedin {
  width: 25px !important;
  height: 25px !important;
}

.share_icons svg.bi.bi-facebook,
.share_icons svg.bi.bi-instagram,
.share_icons svg.bi.bi-twitter-x,
.share_icons svg.bi.bi-linkedin {
  fill: #fff;
}

.share_icons a.facebook,
.share_icons a.instagram,
.share_icons a.twitter,
.share_icons a.linkedin {
  padding: 20px;
  line-height: 0;
  margin-bottom: 5px;
}

.share_icons a.facebook:hover,
.share_icons a.instagram:hover,
.share_icons a.twitter:hover,
.share_icons a.linkedin:hover {
  opacity: 0.8;
}

.share_icons a.facebook {
  background: #4c69c7;
}

.share_icons a.instagram {
  background: #f46f65;
}

.share_icons a.linkedin {
  background: #0a66c2;
}

.share_icons a.twitter {
  background: #000;
}

/********** Sidebar end *********/

/************* Blog template quote block ***************/
.quote-block {
  text-align: center;
  padding: 10px 0;
  margin: 15px 0;
  position: relative;
}
.quote-block::before {
  content: "\201C";
  position: absolute;
  top: 40px;
  left: 0px;
  bottom: 0px;
  font-size: 95px;
  color: var(--sidebar-primary);
}
.quote-block::after {
  content: "\201D";
  position: absolute;
  right: 0px;
  bottom: 0px;
  font-size: 95px;
  color: var(--sidebar-primary);
}
.quote-block p {
  text-transform: uppercase;
  font-size: 22px;
  line-height: 26px;
  margin: 0px 40px;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  padding: 10px 0;
  font-weight: bold;
  color: var(--sidebar-primary);
}
@media (max-width: 767px) {
  .quote-block::after,
  .quote-block::before {
    /* bottom: 20%; */
  }
}
/*********** Blog Template cta block ****************/
.cta_block {
  background: var(--sidebar-primary);
  padding: 15px;
  margin: 20px 0;
  border-radius: 15px;
}
.cta_block .intro_text h3 {
  color: var(--sidebar-secondary);
}
.intro_text {
  text-align: center;
  margin-bottom: 20px;
}
.intro_text p {
  font-size: 22px;
  line-height: 26px;
  font-weight: bold;
  color: #333333;
  padding-bottom: 10px;
}
.cta_block button.ff-btn.ff-btn-submit.ff-btn-md.wpf_has_custom_css {
  margin-bottom: 0;
}
.cta_block .ff_submit_btn_wrapper_custom {
  margin-bottom: 0 !important;
}

.cta_block .capchahere .ff-t-cell.ff-t-column-1 {
  display: none;
}

.cta_block .ff-default .ff-el-form-control:focus {
  border-color: var(--sidebar-primary) !important;
  box-shadow: 0px 0px 0px 2px var(--sidebar-primary);
}

.cta_block .wpforms-submit {
  width: 100% !important;
}

/* div[data-name="ff_cn_id_4"] {
 
} */

/* .cta_block .capchahere .ff-t-cell.ff-t-column-1 {
	display: none;
  } */

/*************** Sidebar Responsive ****************/
@media (max-width: 1024px) {
  .single-post .container_inner {
    max-width: 950px;
    width: 100%;
  }
}

@media (max-width: 1000px) {
  .single-post .vc_col-sm-8.wpb_column.vc_column_container {
    padding-bottom: 50px;
    width: 100%;
  }
  .single-post .vc_col-sm-4.wpb_column.vc_column_container.r-sidebar {
    width: 100%;
  }
  .share_icons a.facebook,
  .share_icons a.instagram,
  .share_icons a.twitter,
  .share_icons a.linkedin {
    padding: 5px;
    /* height: 50px; */
  }
}

@media (max-width: 768px) {
  .single-post .two_columns_75_25 > .column1,
  .single-post .two_columns_75_25 > .column2 {
    width: 100%;
  }

  .single-post .two_columns_75_25 > .column2 > .column_inner {
    height: auto;
  }

  .single-post .two_columns_75_25 > .column1 > .column_inner {
    padding: 0;
  }

  .sidebar {
    padding-top: 0;
    padding-bottom: 50px;
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  .cta_block div.wpforms-container-full .wpforms-form .wpforms-one-half {
    width: 100%;
  }
}

@media (max-width: 1000px) {
  .single-post .vc_col-sm-8.wpb_column.vc_column_container {
    padding-bottom: 0;
  }
}

.single-post .w-post-elm.post_date {
  display: flex;
  justify-content: center;
  align-items: center;
}

.w-sharing {
  margin-bottom: 2.5rem;
}

@media (max-width: 768px) {
  .w-sharing {
    margin-bottom: 0;
  }

  .l-sidebar {
    padding-block: 1rem;
  }
}

.w-sharing.type_simple .w-sharing-item i {
  font-size: 1.5rem;
}

.fa-x-twitter::before {
  content: "";
}