/*!
	 * Start Bootstrap - Business Casual Bootstrap Theme (http://startbootstrap.com)
	 * Code licensed under the Apache License v2.0.
	 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
	 */

	body {
		font-family: "Josefin Sans", sans-serif;
		background: url('../img/bg.webp') no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		color: #545454; /* Default dark grey text */
	}

	/* Headers */
	h1, h2, h3, h4, h5, h6 {
		font-family: "Josefin Sans", sans-serif;
		font-weight: 700;
		letter-spacing: 1px;
		padding-bottom: 5px;
		color: #545454; /* dark grey */
		line-height: 1.3;
	}

	/* Paragraphs */
	p {
		font-size: 1.25em;
		line-height: 1.6;
		color: #545454;
		margin-bottom: 1.25em;
	}
	/* Nav links: no underline */

	nav a,
	nav a:visited {
		font-size: 1.25em;
		text-decoration: none;  /* remove underline */
		color: #545454;         /* dark grey */
		transition: color 0.2s ease;
	}

	nav a:hover {
		color: #FFFFFF !important;
		text-decoration: none;
	}

	/* Links */
	a, a:visited {
		color: #545454;
		text-decoration: underline;
		transition: color 0.2s ease, text-decoration 0.2s ease;
	}

	a:hover {
		color: #FFFFFF;
		text-decoration: none;
	}

	/* Bark Widget */
	.bark-center {
	  display: inline-block;
	  max-height: 150px;
	}

	.text-right {
	  text-align: right;
	}

	hr {
		max-width: 400px;
		border-color: #545454;
	}

	.site-footer .footer-divider {
	  max-width: none;
	  width: 100%;
	}

	/* Lists */
	ul {
		font-size: 1.25em;
		line-height: 1.6;
		color: #545454;	
		list-style-type: none;
		padding-left: 0;
	}

	/* Standard bullet list */
	.ul-standard {
	  list-style: disc;
	  padding-left: 1.5em;
	}

	.ul-standard li {
	  padding-left: 0;
	  position: static;
	  color: #545454;
	}

	.ul-standard li::before {
	  content: none;
	}

	/* Checkmark / Cross for pros/cons */
	li {
		padding-left: 2em;
		position: relative;
		color: #545454;
	}

	li::before {
		padding-left: 0.8em;
		content: "✓";
		color: rgba(250,152,212,0.95);
		font-weight: bold;
		position: absolute;
		left: 0;
		top: 0;
		width: 0.8em;
	}

	.ul-pro li::before {
	  content: "✓";
	  color: #545454;
	}

	.ul-con li::before {
	  content: "✕";
	  color: #545454;
	}
	
	/* Ordered lists */
ol {
    font-size: 1.25em;
    line-height: 1.6;
    color: #545454;
    padding-left: 1.5em; /* keeps numbers aligned nicely */
}

/* Privacy page: reduce ordered list size only */
.privacy-page ol {
    font-size: 1.05em;   /* smaller than site default */
    line-height: 1.6;
}

.privacy-page ol li {
    padding-left: 0;
    position: static;
}
	
	/* Boxes */
	.box-trans,
	.box-white,
	.box {
		border-radius: 15px;
		margin-bottom: 20px;
		padding: 20px 15px;
	}

	/* Hover scale effect for box-trans */
	.box-trans {
		background: #FFFFFF;
		transition: transform .10s;	
	}

	.box-trans:hover {
		transform: scale(1.05); 
	}

	/* Box-white background */
	.box-white {
		background: #FFFFFF;
	}

	/* Box with pink overlay */
	.box {
		padding: 30px 15px;
		background: rgba(250,152,212,0.95);
	}
	
/* Remove underline from links inside white boxes only */
.box-white a,
.box-white a:visited,
.box-white p a,
.box-white li a {
    text-decoration: none !important;  /* force no underline */
    color: #545454;                     /* dark grey text */
    transition: color 0.2s ease;
}

.box-white a:hover,
.box-white p a:hover,
.box-white li a:hover {
    color: rgba(250,152,212,0.95);     /* pink on hover */
    text-decoration: none !important;   /* still no underline */
}

/* Links inside transparent box: no underline, pink on hover */
.box-trans a,
.box-trans a:visited {
    text-decoration: none;
    color: #545454;
    transition: color 0.2s ease;
}

.box-trans a:hover {
    color: rgba(250,152,212,0.95);
    text-decoration: none;
}

	/* Links inside pink box: no hover color change */
	.box a,
	.box a:visited {
		color: #545454;
	}

	.box a:hover {
		color: #545454; /* stays dark grey */
		text-decoration: none;
	}

	/* Paragraphs inside boxes: dark grey */
	.box-trans p,
	.box-white p,
	.box p {
		color: #545454; /* dark grey */
		margin-bottom: 1em;
	}


	/* Buttons */
	.btn {
		margin-top: 10px;
		border-radius: 10px;
		padding: 5px;
		background: rgba(250,152,212,0.95);
		text-align: center;
	}

	.btn-wht-container {
	  display: flex;
	  flex-wrap: wrap;
	  gap: 10px;
	}

	.btn-wht {
	  padding: 8px 16px;
	  background-color: #FFFFFF;
	  border-radius: 5px;
	  white-space: nowrap;
	}

	.cta-btn {
	  display: block;
	  width: 100%;
	  padding: 15px 15px;
	  margin-bottom: 15px;
	  text-align: center;
	  font-size: 1.3em;
	  font-weight:700;
	  letter-spacing: 1px;
	  color: #545454;
	  background: #fff;
	  border-radius: 15px;
	  text-decoration: none;
	  transition: transform .15s, color .15s;
	  border: 2px solid #545454;
	}

	.cta-btn:hover {
	  color: rgba(250,152,212,0.95);
	  transform: scale(1.03);
	}

	.cta-icon {
	  width: 1.2em;
	  height: 1.2em;
	  margin-right: 8px;
	  vertical-align: middle;
	  fill: #545454;
	  transition: fill .15s;
	}

	.cta-btn:hover .cta-icon {
	  fill: rgba(250,152,212,0.95);
	}

/* Reduce CTA button text on mobile */
@media (max-width: 767px) {
    .cta-btn {
        font-size: 1em; /* smaller text, keep button width */
    }

    .cta-btn .cta-icon {
        width: 1em;
        height: 1em; /* scale icon slightly with text */
    }
}


	/* Blog Figures */
	.blog-figure {
	  margin: 30px 0;
	  text-align: center;
	}

	.blog-figure img {
	  max-width: 100%;
	  height: auto;
	  border-radius: 12px;
	  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
	}

	.blog-figure figcaption {
	  margin-top: 10px;
	  font-size: 0.9em;
	  color: #545454;
	  font-style: italic;
	}
	
	/* Hover reveal container */
.blog-figure.hover-reveal {
  position: relative;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
}

/* Stack the images */
.blog-figure.hover-reveal img {
  display: block;
  width: 100%;
  height: auto;
  transition: opacity 0.3s ease;
  border-radius: 12px;
}

/* Back image is initially hidden */
.blog-figure.hover-reveal .back-img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

/* On hover, fade in the back image */
.blog-figure.hover-reveal:hover .back-img {
  opacity: 1;
}

/* Fade out the front image slightly on hover */
.blog-figure.hover-reveal:hover .front-img {
  opacity: 0;
}

/* Figcaption styling remains the same */
.blog-figure.hover-reveal figcaption {
  margin-top: 10px;
  font-size: 0.9em;
  color: #545454;
  font-style: italic;
  text-align: center;
}


	/* Desktop image spacing */
	@media (min-width: 768px) {
	  .blog-figure {
		margin: 40px 0;
	  }
	  .blog-figure img {
		max-width: 90%;
	  }
	}

	/* Videos */
	.video-wrapper {
	  position: relative;
	  padding-bottom: 56.25%;
	  height: 0;
	  overflow: hidden;
	  max-width: 100%;
	  border-radius: 8px;
	  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
	  margin: 1rem 0;
	}

	.video-wrapper iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  border: 0;
	}
	
	 /* Tables */
	
	.styled-table {
  width: 100%;
  border-collapse: collapse; 
  font-size: larger;
}

.styled-table td {
  padding: 10px 10px;
}

.styled-table tr {
  border-bottom: 1px solid #ccc; 
}

.styled-table tr:last-child {
  border-bottom: none;
}

	/* Accordion */
	.accordion-wrap {
	  margin: 2rem 0;
	}

	.accordion-item {
	  border-bottom: 1px solid #ddd;
	  padding: 0.75rem 0;
	}

	.accordion-item summary {
	  font-size: 1.15em;
	  font-weight: 600;
	  cursor: pointer;
	  list-style: none;
	  position: relative;
	  padding-right: 1.5em;
	  color: #545454;
	  transition: color 0.2s ease;
	}

	.accordion-item summary::-webkit-details-marker {
	  display: none;
	}

	.accordion-item summary::after {
	  content: "+";
	  position: absolute;
	  right: 0;
	  top: 0;
	  font-size: 1.25em;
	  color: #545454;
	}

	.accordion-item[open] summary::after {
	  content: "–";
	}

	.accordion-item summary:hover {
	  color: #FFFFFF;
	}

	.accordion-content {
	  padding: 0.75rem 0 0;
	  color: #545454;
	  line-height: 1.6;
	}
	
	/* Accordion image + text side by side */
.accordion-content.flex-figure {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px; /* space between text and image */
}

.accordion-content.flex-figure .text-content {
    flex: 1 1 60%; /* text takes ~60% width */
}

.accordion-content.flex-figure .blog-figure {
    flex: 0 0 35%; /* image takes ~35% width */
    margin: 0;     /* remove default figure margin */
}

.accordion-content.flex-figure .blog-figure img {
    width: 100%;      /* scale image to column width */
    height: auto;
    border-radius: 12px;
}

/* Responsive: stack on smaller screens */
@media (max-width: 767px) {
    .accordion-content.flex-figure {
        flex-direction: column;
    }

    .accordion-content.flex-figure .blog-figure,
    .accordion-content.flex-figure .text-content {
        flex: 1 1 100%;
    }
}

/* Trust Logos Section */
.trust-logos {
  padding: 24px 0;
  background: #fafafa;
}

.trust-logos__list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;                 /* slightly tighter gap */
  list-style: none;
  margin: 0;
  padding: 0 10px;
  flex-wrap: nowrap;         /* force single row on desktop */
}

.trust-logos__list li {
  flex: 0 1 auto;            /* prevent flex items from growing */
  text-align: center;
  padding: 0;
  position: static;
}

.trust-logos__list li::before {
  content: none !important;
}

.trust-logos__list img {
  max-height: 52px;          /* ⬅ reduced for desktop fit */
  max-width: 160px;          /* ⬅ reduced width */
  width: auto;
  height: auto;
  filter: grayscale(100%);
  opacity: 0.75;
  transition: filter 0.25s ease, opacity 0.25s ease, transform 0.2s ease;
}

.trust-logos__list img:hover {
  filter: grayscale(0%);
  opacity: 1;
  transform: scale(1.06);    /* slightly reduced hover to avoid overlap */
}

/* Tablet / Mobile */
@media (max-width: 768px) {
  .trust-logos__list {
    flex-wrap: wrap;         /* allow wrapping again */
    justify-content: space-around;
    gap: 12px;
    padding: 0 5px;
  }

  .trust-logos__list img {
    max-height: 56px;        /* bigger than desktop */
    max-width: 180px;
  }
}

/* Small phones */
@media (max-width: 480px) {
  .trust-logos__list li {
    flex: 1 1 45%;
  }

  .trust-logos__list img {
    max-height: 50px;
    max-width: 160px;
  }
}

	/* Footer */
	footer {
		background: rgba(255,255,255,0.9);
		font-size: 1em; /* slightly bigger text */
	}

	footer .copyright,
	footer .footer-copy,
	footer .footer-meta {
		color: #545454;
		font-size: 1em; /* consistent */
	}

	.site-footer {
	  background: #ffffff;
	  padding: 50px 0 30px;
	  margin-top: 40px;
	  font-size: 1em; /* slightly bigger overall */
	}

	/* Footer column headers and lists alignment */
	.site-footer .footer-col h3 {
		margin-bottom: 0.5em;  /* reduce space below header */
		padding-left: 0;        /* remove any default padding */
	}

	.site-footer .footer-col ul {
		padding-left: 0;        /* remove default ul padding */
		margin-top: 0;          /* remove default margin */
	}

	.site-footer .footer-col ul li {
		padding-left: 0;        /* remove any extra padding on list items */
		margin-bottom: 0.25em;  /* optional spacing between items */
	}


	/* Footer links: remove underline */
	.site-footer a,
	.site-footer a:visited {
		text-decoration: none;
		font-size: 1em; /* slightly bigger */
	}

	/* Hover still changes color to pink, no underline */
	.site-footer a:hover {
		color: rgba(250,152,212,0.95);
		text-decoration: none;
	}

	.footer-main {
	  margin-bottom: 30px;
	  font-size: 1em; /* slightly bigger text */
	}

	.footer-col {
	  margin-bottom: 30px;
	  font-size: 1em; /* slightly bigger text */
	}

	.footer-brand {
	  font-size: 1.4em; /* a bit bigger for emphasis */
	  font-weight: 700;
	  letter-spacing: 1px;
	  color: #545454;
	  margin-bottom: 10px;
	  padding-top:15px;
	}

	.site-footer h4 {
	  font-size: 1.05em; /* slightly bigger heading */
	  font-weight: 700;
	  color: rgba(250,152,212,0.95);
	  margin-bottom: 12px;
	}

	.site-footer ul li::before { content: none; }

	.footer-social {
	  display: flex;
	  justify-content: center;   /* Mobile: centred */
	  align-items: center;
	  gap: 14px;
	  margin-bottom: 12px;
	}

	.footer-social a {
	  display: inline-flex;
	}

	.footer-social img {
	  width: 26px;
	  height: auto;
	  opacity: 0.85;
	  transition: opacity 0.2s ease;
	}

	.footer-social img:hover {
	  opacity: 1;
	}

	/* Desktop alignment */
	@media (min-width: 768px) {
	  .footer-social {
		justify-content: flex-end; /* Right aligned */
	  }
	}

	/* Back to top button */
	#back-to-top {
	  position: fixed;
	  bottom: 20px;
	  right: 20px;
	  width: 46px;
	  height: 46px;
	  line-height: 46px;
	  text-align: center;
	  font-size: 24px;
	  font-weight: 700;
	  color: #545454;
	  background: #ffffff;
	  border-radius: 50%;
	  text-decoration: none;
	  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
	  opacity: 0;
	  visibility: hidden;
	  transition: opacity .3s, transform .3s, color .3s;
	  z-index: 1000;
	}

	#back-to-top.show {
	  opacity: 1;
	  visibility: visible;
	}

	#back-to-top:hover {
	  color: rgba(250,152,212,0.95);
	  transform: scale(1.1);
	}

	/* Brand & address bar */
	@media screen and (min-width:768px) {
		.brand {
			display: inherit;
			margin: 0;
			padding: 30px 0 10px;
			text-align: center;
			text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
			font-family: "Josefin Sans", sans-serif;
			font-size: 5em;
			font-weight: 700;
			line-height: normal;
			color: #545454;
		}

		.address-bar {
			display: inherit;
			margin: 0;
			padding: 0 0 40px;
			text-align: center;
			text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
			font-size: 1.25em;
			font-weight: 400;
			letter-spacing: 3px;
			color: #545454;
		}
		
	}

	/* Clearfix for large boxes */
	@media screen and (min-width:1200px) {
		.box:after {
			content: '';
			display: table;
			clear: both;
		}
	}