/*
Theme Name: FrontPublications
Author: Businessfront
Description:  FrontPublications is a sleek and modern block-based WordPress theme designed specifically for media publications, news outlets, and content-driven websites. With Full Site Editing (FSE) capabilities, FrontPublications empowers publishers to craft unique layouts and deliver visually stunning stories. It offers customizable templates, vibrant global styles, and seamless integration with the block editor for a truly dynamic editorial experience. Designed for performance and readability, FrontPublications ensures your content takes center stage.
Version: 1.0
*/

/* Fix over scroll on safari*/
html,
body {
  /* overflow-x: hidden; */
  overflow-x: clip; 
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

/* Hide on desktop */
.hide-desktop {
  display: none !important;
}

.hide-on-desktop {
  display: none !important;
}


/* Hide on all devices */
.hide-on-all {
    display: none;
}

/* Italics font */
.italics-font {
    font-style: italic !important;
}

/* Quotes styles */


blockquote {
  position: relative;
  color: #464543;
font-family: "Newsreader";
font-size: 3rem;
font-style: italic;
line-height: 3.5rem; 
}

blockquote p:first-of-type {
  display: inline;
  position: relative;
}

blockquote p:first-of-type::before {
  content: "“";
  
  position: absolute;
  left: -3rem;
  top: -1.5rem;
 
  font-family: Georgia, serif;
  font-size: 2em;
  color: #B2B1AC;
  line-height: 1;
}

blockquote p:last-of-type {
  display: inline;
  position: relative;
}

blockquote p:last-of-type::after {
  content: "”";
  font-size: 3em;
  position: absolute;
  right: -2rem;
  bottom: -4rem;
  
  font-family: Georgia, serif;
  font-size: 2em;
  color: #B2B1AC;
  line-height: 1;
}




/* Sticky sidebar */
.sticky-sidebar {
  position: sticky !important;
  top: 150px !important; 
  align-self: start !important;
}




/* General styling for autofill background color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
/*     -webkit-text-fill-color: white; */
   -webkit-box-shadow: 0 0 0 1000px transparent inset !important; /* Ensure background color */
   background-color: transparent !important; /* Fallback for other browsers */
   transition: background-color 5000s ease-in-out 0s;
}

/* Specific fix for autofill background */
input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 1000px transparent inset !important; 
/*     -webkit-text-fill-color: white !important; */
   background-color: transparent !important;
}

/* Additional support for Firefox and IE */
input:-moz-autofill,
input:-ms-autofill,
textarea:-moz-autofill,
textarea:-ms-autofill,
select:-moz-autofill,
select:-ms-autofill {
   background-color: transparent !important; 
/*     color: white !important; */
}



input:-webkit-autofill:not(:focus) { 
    background-color: transparent !important; 
}


/*header-search-button styles */

/* Container */
.search-container {
    position: relative;
    display: inline-block;
}

.search-form-container {
   margin-top: 10px;
   
}



/* Hyperlinks underline */

.wp-block-post-content a {
    text-decoration: underline !important;
}


/* Button */
button.search-trigger {
    display: flex;
    align-items: center;
    gap: 12px;
    border: none;
    background: none;
    cursor: pointer;
}

/* Search Bar */
.custom-search-bar {
    position: absolute;
    max-width: 1100px;
    /* top: 30%; */
    
    width: 100%; 
    left: 50%;
    transform: translateX(-50%);
    background-color: #F0F0F0;
   border: none;
   box-shadow: 0px -10px 10px 0px rgba(60, 58, 56, 0.05), 0px 4px 10px 0px rgba(60, 58, 56, 0.05);
    padding: 15px 10px;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
   justify-content: space-between;
   align-items: center;
}

/* Search Input */
.custom-search-bar input {
    width: 100%;
    padding: 8px;
    padding: 10px 40px 10px 10px;
    border: none;
    font-family: 'Newsreader', sans-serif !important;

}

.inner-custom-search-bar input:focus {
    outline: none;
    
}

.inner-custom-search-bar {
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.5px solid #B2B1AC;
background: #FFF;
position: relative;
margin-left: 20%;
}


.inner-custom-search-bar .search-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    display: flex;
    align-items: center;
    background-color: transparent;
}

.custom-search-bar .close-btn {
background-color: transparent;
height: 18px;
border: none;
border-left: 0.5px solid #5F5B53;
cursor: pointer;
}


/* Header submenu styles */


.custom-submenu-container {
    display: flex;
    flex-direction: row;
    position: absolute;
    background-color: #F0F0F0 !important;
    box-shadow: 0px -10px 10px 0px rgba(60, 58, 56, 0.05), 0px 4px 10px 0px rgba(60, 58, 56, 0.05);
    z-index: 9999;
}

.custom-submenu-container ul{
   
    list-style: none !important;
    display: flex;
    gap: 1rem;
}

/* Hide default submenu on hover */
.wp-block-navigation-item.has-child:hover .wp-block-navigation__submenu-container {
    display: none !important;
}

/* Prevent submenu from appearing on focus (keyboard navigation) */
.wp-block-navigation-item.has-child:focus-within .wp-block-navigation__submenu-container {
    display: none !important;
}

/* Overlay effect */
.custom-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3); /* Dark overlay */
    display: none; /* Initially hidden */
    z-index: 10;
}


.position-absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

a:hover {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 0.96px;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.site-title-inline {
  font-style: italic;
}

.heading-highlight {
  position: relative;
  display: inline-block;
  z-index: 0;
  padding-left: 4px;
  padding-right: 4px;
}

.heading-highlight::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10%;
  height: 40%;
  background-color: #f5d745;
  z-index: -1;
  transform: translateY(0%);
}

/* General Button Styles */
.button-custom, .submit-bp-form .ff-btn-submit  {
  display: inline-flex;
  font-family: "Outfit", serif;
  align-items: center;
  justify-content: center;
  /* padding: auto 1.5rem; */
  /* padding-left: 1rem;
  padding-right: 1rem; */
  width: 8.5625rem;
  height: 2.875rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
  gap: 4px;
}

/* Light Background with Dark Text */
.button-custom.button-light,
.button-custom.button-light:hover {
  background-color: #ffffff;
  color: #111110;
}

/* Dark Background with Light Text */
.button-custom.button-dark , .submit-bp-form .ff-btn-submit {
  background-color: #262624;
  color: #f5f3ef;
}

.button-custom.button-dark:hover .submit-bp-form .ff-btn-submit:hover {
  background-color: #111110; /* Slight hover effect */
}

.button-custom:hover {
  gap: 0;
}

/* Arrow Icon */

.button-custom::after,
.learn-more-button::after, .submit-bp-form .ff-btn-submit::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  transition: color 0.3s ease-out;
  background-size: contain;
  background-repeat: no-repeat;
  /* margin-left: 8px; */
}

.button-custom:hover {
  .button-custom::after { 
    margin-left: 0;
  }
}

.button-custom.button-dark::after, .submit-bp-form .ff-btn-submit::after {
  /* background-image: url("./assets/pic/white-arrow.svg"); */
  background-image: url("./assets/pic/new-white-arrow.png");
}

.button-custom.button-light::after {
  background-image: url("./assets/pic/black-arrow.svg");
}

.button-custom:hover::after,
.learn-more-button:hover::after, .submit-bp-form .ff-btn-submit:hover::after {
  transform: rotate(-316.472deg);
}

/* Learn more button hover style */
.learn-more-button {
  border-bottom: 1px solid #504616;
  display: flex;
  gap: 5.47px;
}


.learn-more-button::after {
  background-image: url("./assets/pic/learn-arrow.svg");
  width: 24px;
  height: 24px;
  padding-left: 5.47px;
}

/*Homepage Publication cards styles */

.publications-parent {
  &::-webkit-scrollbar {
    display: none;
  }
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.publication-card {
  background-image: url("./assets/pic/default-bg.png");
  background-size: contain;
  background-position: bottom right;
  background-repeat: no-repeat;
  transition: background-image 0.3s ease-in;
}

.publication-card:hover {
  background-image: url("./assets/pic/hover-bg.png");
  background-size: contain;
  background-position: bottom right;
  background-repeat: no-repeat;
  transition: background-image 0.3s ease-out;
}

.publication-card:hover {
  .toggle-visibility p,
  .toggle-visibility {
    display: flex;
  }
}

.publication-card > .toggle-visibility p,
.publication-card > .toggle-visibility {
  display: none;
}

.techpoint-card {
  background-color: #070e13;
}

.energy-card {
  background-color: #3b5249;
}

.finance-card {
  background-color: #5f235c;
}

/* Brand press publication audience style */
.pub-audience:hover {
  background-color: #695e24;
}

.post-author-card {
  display: flex;
  align-items: center;
}

.post-author-card img {
    width: 24.375px;
    height: 32.5px;
  border-radius: 18px;
}

.post-author-card .wp-block-post-author__avatar {
  margin-right: 10px !important;
}


/* Author page styles */

.author-page-bio.wp-block-post-author {
  align-items: center;
}

/* First letter enlargement */

.single-post .entry-content > p:first-of-type::first-letter,
.page .entry-content > p:first-of-type::first-letter, .gb-element-0ca04147 > p:first-of-type::first-letter {
  /* font-size: 3.5em; */
  font-size: 6rem;
  font-weight: 500;
  float: left;
  margin-right: 8px;
  line-height: 0.5;
  margin-bottom: 8px;
 
}





/* Query loop numbering */
.query-loop-container {
  counter-reset: list-counter;
}

.numbered-excerpt {
  counter-increment: list-counter;
  display: flex;
  align-items: flex-start;
}

.numbered-excerpt::before {
  content: counter(list-counter) ". ";
  color: #5e5b58;
  font-family: Outfit, serif;
  margin-right: 14px;
  font-weight: 400;
  text-decoration: none !important;
  
  line-height: 1.2;
}

.numbered-excerpt p {
  margin: 0;
}

.numbered-excerpt a {
  font-weight: 600;
  color: #262624;
  text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: 3%;
text-underline-offset: 21%;
text-underline-position: from-font;
}

.numbered-excerpt:hover p {
  color: #686764;
}


hr.wp-block-separator.is-style-wide {
    
    border: none;
    background-color: currentColor;
    width: 100%;
    max-width: 100%;
    display: block;
}


.dashed-border {
    border-top: 0.5px dashed #BBB8B8;
    border-bottom: 0.5px dashed #BBB8B8;
}

.latest-separator {
    margin-left: 5%;
    width: 95% !important;
}


/* clickable excerpt */
.clickable-word {
    font-weight: bold;
    text-decoration: none;
    color: #0073aa;
}

.clickable-word:hover {
    text-decoration: underline;
    opacity: 1;
}

.has-excerpt:hover {
    opacity: 0.6;
}


/* Featured image caption styles */
.custom-featured-caption {
    color: #1B1B1B;
font-family: Outfit;
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: 1.32525rem; 
margin: 0
}

.article-featured-image-class figure{
    margin: 0;
}




.single-post-subject .wp-block-post-terms__prefix {
    color: #262624 !important;
    font-weight: 500 !important;
}





/* Newsletter subscription blurb styles */

.newsletter-sub-blurb input{
    border: 0.5px solid #EAEAEA !important;
    font-family: Outfit !important;
    background: #FFF !important;
    border-radius: 0 !important;
}

.newsletter-sub-blurb button {
    border: 0.5px solid #B3B3B3 !important;
    border-radius: 0 !important;
    background-color: #F1F1F1 !important;
    color: #262624 !important ;
    width: 100% !important;
    font-family: Outfit !important;
    font-size: 0.85588rem !important;
    font-weight: 500 !important;
    padding-top: 10.76px !important;
    padding-bottom: 9.7px !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 5px !important;
}

.newsletter-sub-blurb .fluentform .ff-el-group {
    margin-bottom: 5px !important;
}

.newsletter-sub-blurb .ff-btn::before {
    /* content: url('https://stg-techpointafrica-pubstg.kinsta.cloud/wp-content/uploads/2025/03/forward_to_inbox.svg');  */
    content: url('https://techpoint.africa/wp-content/uploads/2025/06/forward_to_inbox-1.svg'); 
    display: inline-block;
    width: 19.5px;
    height: 19.5px;
    margin-right: 3.91px; 
    
}




/* Other forms styling */
.itana-form .ff-btn {
  background-color: #151102 !important;
  border: 1x solid #000 !important;
  color: #DAD8D2 !important ;
  width: 100% !important;
  font-family: Outfit !important;
  display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.itana-form .ff-btn::before {
  content: url('https://techpoint.africa/wp-content/uploads/2025/04/forward_to_inbox-1.svg'); 
  display: inline-block;
  width: 19.5px;
  height: 19.5px;
  margin-right: 5px; 
  
}
/* General form styles */

.regular-forms {
    background-color: #F1F1F1;
    color: #383114;
text-overflow: ellipsis;
font-family: "Outfit";
font-size: 14px;

font-weight: 500;
}


.regular-forms input,
.regular-forms textarea,
.regular-forms select,
.regular-forms .ff-el-form-check-input {
    border-radius: 0px !important;
border: 0.5px solid #c6c5c5 !important;
background-color: #F1F1F1 !important;
}

.regular-forms .fluentform .ff-el-group {
    margin-bottom: 9px;
}

.regular-forms button, .techpoint-digest-blurb form button  {
    margin-top: 2rem;
    font-family: Outfit !important;
width: 18rem;
border-radius: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;

font-size: 1rem !important;
font-weight: 500 !important;
line-height: 1.5 !important;
text-decoration: none!important;
border: none !important;
cursor: pointer !important;
transition: background-color 0.3s ease, color 0.3s ease !important;
background-color: #262624 !important;
color: #f5f3ef !important;
}

.regular-forms button:hover, .techpoint-digest-blurb form button:hover {
  
    transition: padding 0.4s ease-out !important;
    background-color: #111110 !important; 
}

.regular-forms button:hover::after, .techpoint-digest-blurb form button:hover::after  {
    transform: rotate(44deg) !important;
  }

.regular-forms button span, .techpoint-digest-blurb form button span {
    margin-right: 0.5rem; /* Add spacing before the arrow */
  }

  .regular-forms button::after, .techpoint-digest-blurb form button::after {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    transition: transform 0.4s ease-out, color 0.3s ease-out;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 8px;
  }
  
  .button-custom.button-dark::after, .regular-forms button::after, .techpoint-digest-blurb form button::after {
    background-image: url("./assets/pic/white-arrow.svg");
  }

  a.button-custom {
    text-decoration: none !important;
  }

  .news-sub-btn {
    width: 185px;
  }

/* Digest page form */

.digest-terms-container .ff_tc_label{
  display: flex !important;
  align-items: center !important;
  gap: 1rem;
  margin-top: 21px;
  margin-bottom: -12px !important;
}

.digest-terms-container .ff_tc_label .ff_tc_checkbox input[type="checkbox"]{
  border: 1px solid #BBB !important;
 height: 1rem;
 width: 1rem;
 border-radius: 0 !important;
  background-color: transparent !important;
  appearance: none;           /* Removes default style */
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

.digest-terms-container .ff_tc_label .ff_tc_checkbox input[type="checkbox"]::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 4px;
  width: 4px;
  height: 8px;
  border: solid #262624; /* Color of checkmark */
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.2s ease;
}

.digest-terms-container .ff_tc_label .ff_tc_checkbox input[type="checkbox"]:checked::before {
  opacity: 1;
}

.nws-sub, .bp-contact-form .ff-btn{
 width: 100% !important;
}

.digest-page-form input {
  border: 0.5px solid #D6D6D6 !important;
background: #FFF !important;
border-radius: 0 !important;
color: #464543 !important;
}

.digest-page-form input::placeholder {
  color: #464543 !important;
}

/* Submit brandpress content form styles */
.submit-bp-form .ff-el-section-title {
  color: #3C3A38 !important;
font-family: "Newsreader";
font-size: 2rem;
font-weight: 700;
line-height: 1.25;
}

.submit-bp-form .ff-section_break_desk {
  color: #5E5B58 !important;
  font-weight: 400 !important;
  margin-top: -6px !important;
  font-family: "Newsreader";
  font-size: 1.125rem;
}

.submit-bp-form {
  background-color: #F1F1F1;
  color: #383114;
text-overflow: ellipsis;
font-family: "Outfit";
font-size: 14px;
font-weight: 500;
}

.submit-bp-form input,
.submit-bp-form textarea,
.submit-bp-form select,
.submit-bp-form .ff-el-form-check-input {
    border: 1px solid #d2d1ce !important;
    background: #F1F1F1 !important;
    border-radius: 0 !important;
    color: #464543 !important;
}

.submit-bp-form .ff-btn {
  background-color: #C9B037 !important;
  color: #1D1C19 !important;
font-family: "Outfit";
font-size: 1rem;
font-weight: 500;
border-radius: 0;
border: none;
width: 307px;
height: 52px;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
}

.submit-bp-form .ff_file_upload_holder .ff-btn{
  background: #F1F1F1 !important;
  border: 1px solid #c1b5cf !important;
  height: 44px !important;
  color: #827E7A;
font-family: "Newsreader";
font-size: 16px;
font-weight: 400;
width: 100%;
justify-content: flex-start !important;
padding-left: 10px !important;
}

.submit-bp-form .ff_file_upload_holder .ff-btn::before {
  background-image: url("https://techpoint.africa/wp-content/uploads/2025/04/CloudArrowUp.svg");
}

.submit-bp-form .ff_file_upload_holder .ff-btn::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  transition: transform 0.4s ease-out, color 0.3s ease-out;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
}

.submit-bp-form .ff-btn-submit {
  background-color: #262624 !important;
width: 100%;
  max-width: 523px;
  color: #F5F3EF !important;
}

.submit-bp-form .ff-el-tooltip svg{
 fill: #C9B037 !important;

}

.contact-us-form button{
  width: 100% !important;
}



.gb-grid-wrapper-35d26fa9 {
    display: flex;
    flex-wrap: wrap !important;
    
}
/* Brandpress page list badge */
.brandpress-page-badge {
    width: 21px !important;
    height: 21px !important;
}


/* Rank math table of content styling */

.wp-block-rank-math-toc-block {
    border: 0.5px solid #C4C3BF;
    padding: 0.5rem 1.5rem;
}

.wp-block-rank-math-toc-block h2 {
    visibility: hidden;
    position: relative;
    margin-block-start: 0 !important;
margin-block-end: 0 !important;
}

.wp-block-rank-math-toc-block h2::after {
    content: "Jump to:"; /* New text */
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
    color: #151102;
font-family: Outfit;
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 2.25rem;
letter-spacing: -0.02rem;
text-transform: uppercase;

}

.wp-block-rank-math-toc-block ul {
    margin-block-start: 0.75rem !important;
    padding-inline-start: 2rem !important;
    color: #262624;
font-family: Newsreader;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 1.75rem; /* 155.556% */
letter-spacing: -0.01125rem;
display: flex;
flex-direction: column;
gap: 0.75rem;
}





/* Create a relative positioning context */
.brandpress-blurb-label {
  position: relative;
}


.brandpress-blurb-label .prefix {
  position: relative;
  cursor: pointer; 
}


.pro-brandpress-blurb .prefix::before {
  content: "BRAND PRESS \00a0";
  color: #C9B037;
  font-family: Newsreader;
  font-size: 12px;
  font-weight: 500;
  display: inline-block; 
}


.pro-brandpress-blurb .prefix:hover::before {
  text-decoration: underline;
}


/*Table styles */

/* Default scrollable container */
.wp-block-table {
  overflow-x: auto;
  display: block;
  -webkit-overflow-scrolling: touch;
}

.table-wide {
  min-width: 850px;
}

.table-narrow {
  min-width: 650px;
}






















/* Digest styles */

.digest-testimonials {
    
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer & Edge */

}

.digest-testimonials::-webkit-scrollbar {
display: none; /* For Chrome, Safari, and Opera */
}

/* Remove text underline */

.no-underline a{
  text-decoration: none !important;
}

.underline-hover a:hover {
  text-decoration: underline !important;
}


@media (max-width: 768px) {
  .reverse-mobile {
    flex-direction: column-reverse !important;
  }
  .hide-mobile {
    display: none !important ;
  }

  .hide-desktop {
    display: block !important;
  }

  .gb-grid-wrapper-35d26fa9 {
    display: flex;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    overflow-x: auto; /* Enable horizontal scrolling */
    scrollbar-width: none; /* Hide scrollbar in Firefox */
    -ms-overflow-style: none; /* Hide scrollbar in IE/Edge */
    max-width: 100vw; /* Prevent page overflow */
    scroll-snap-type: x mandatory; /* Enable snapping */
    position: relative;
    padding-bottom: 30px; /* Space for dots */
    scroll-behavior: smooth;
}

.gb-grid-wrapper-35d26fa9::-webkit-scrollbar {
    display: none; /* Hide scrollbar for Webkit browsers */
}

.gb-grid-wrapper-35d26fa9 .gb-grid-column {
    flex: 0 0 70% !important; /* Makes each div take up almost the full screen */
    scroll-snap-align: start !important; /* Ensures smooth snapping */
    margin-right: 32px !important; /* Adds spacing between items */
}

/* Dots container */
.scroll-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
}

/* Each dot */
.scroll-indicator {
    width: 8px;
    height: 8px;
    background-color: #ccc; /* Inactive color */
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.scroll-indicator.active {
    background-color: #7D7D7D; /* Active color */
}

.news-sub-btn {
  width: 100%;
  max-width: 353px;
}

/* .brandpress-content table {
  max-width: 300px;
  overflow-x: auto;
  margin: auto;
} */

/* Fix tables that break out of the body padding */
/* Main content container - ensure it has proper constraints */

.brandpress-container.has-table {
  padding: 0 16px;
}

.brandpress-content.has-table {
  max-width: 90%; /* e.g., 800px or 90% */
  margin: 0 auto;
  /* padding: 0 16px; */
  width: 100%;
}

/* Table container styling */
.brandpress-content.has-table figure.wp-block-table {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 1.5em auto;
  padding: 0;
  display: block;
}

/* Table styling  */
.brandpress-content.has-table table {
  min-width: 850px;
  width: 100%;
  border-collapse: collapse;
}

/* Reset for other figures that aren't tables */
/* .brandpress-content figure:not(.wp-block-table) {
  width: auto;
  max-width: 100%;
  overflow: visible;
  margin: 1.5em auto;
} */

.brandpress-content img {
  max-width: 350px;
  height: auto;
  object-fit: contain;
}

.brandpress-published {
  max-width: 93%;
  margin: auto;
}

.brandpress-content img,
.brandpress-content iframe,
.brandpress-content video {
  max-width: 100%;
  height: auto;
}

.brandpress-content {
  overflow-wrap: break-word;
  word-break: break-word;
}


/* Quotes styles */

blockquote {
font-size: 2rem;
line-height: 2.5rem; 
}


blockquote p:first-of-type::before {
  content: "“";
  left: -2rem;
  top: -1rem;
  font-size: 2em;
}

blockquote p:last-of-type::after {
  font-size: 2em;
  right: -1.5rem;
  bottom: -2.5rem;
}
}




.sticky-side {
  position: sticky;
  top: 250px;
  z-index: 999;
}





@media (max-width: 600px) {
  .hide-on-mobile {
    display: none !important ;
  }

  .hide-on-desktop {
    display: block !important;
  }

  .regular-forms button {
    width: 100%;
    max-width: 450px;
  }

  .submit-bp-form .ff-btn-submit {
    max-width: 353px !important; 
  }

  .submit-bp-form .ff-el-section-title {
  font-size: 1.75rem;
 
  }

  .inner-custom-search-bar {
    width: 85%;
    margin-left: 16px;
  }

  /* Show default submenu on hover */
.wp-block-navigation-item.has-child:hover .wp-block-navigation__submenu-container {
  display: block !important;
  font-size: 16px;
  border: none;
  margin-top: 16px;
  margin-bottom: 16px;
}

/* Prevent submenu from disappearing on focus (keyboard navigation) */
.wp-block-navigation-item.has-child:focus-within .wp-block-navigation__submenu-container {
  display: block !important;
}

.mobile-menu-header .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {

  border: none;
  margin-top: 16px;
  margin-bottom: 16px;
}
}