/* Body and Header text sitewide */
body {
	font-family: 'Lato';
	font-size: 16px;
	color: #555555;
}

.page h1 {
	font-family: 'Montserrat';
	font-size: 23px;
	font-weight: 300;
	transform: uppercase;
	letter-spacing: 1;
	color: #4E0B44;
	line-height: 1.3em;
}

.page h2 {
	font-family: 'Nunito', sans-serif;
  font-size: 28px;
	font-weight: 600;
	color: #555555;
	line-height: 1.3em;
}

.page h3 {
	font-size: 23px;
	font-family: 'Lato';
	font-weight: 600;
	color: #812373;
	line-height: 1.3em;
}

.page h4 {
  font-size: 20px;
	font-family: 'Lato';
	font-weight: 600;
	color: #812373;
	line-height: 1.3em;
}

.page h5 {
  font-size: 18px;
	font-family: 'Lato';
	font-weight: 600;
	color: #A03592;
	line-height: 1.3em;
}

.page h6 {
  font-size: 18px;
	font-family: 'Lato';
	font-weight: 600;
	color: #C050B2;
	line-height: 1.3em;
}

/* Headers on posts ONLY */

.single-post h2 {
	font-size: 24px;
	font-family: 'Lato';
	font-weight: 600;
	color: #812373;
	line-height: 1.3em;
}

.single-post h3 {
	font-size: 22px;
	font-family: 'Lato';
	font-weight: 600;
	color: #812373;
	line-height: 1.3em;
}

.single-post h4 {
  font-size: 20px;
	font-family: 'Lato';
	font-weight: 600;
	color: #812373;
	line-height: 1.3em;
}

.single-post h5 {
  font-size: 18px;
	font-family: 'Lato';
	font-weight: 600;
	color: #A03592;
	line-height: 1.3em;
}

.single-post h6 {
  font-size: 18px;
	font-family: 'Lato';
	font-weight: 600;
	color: #C050B2;
	line-height: 1.3em;
}

/* Tutorial Headings ONLY */

.elementor-widget-betterdocs-content  h2 {
	font-family: 'Nunito', sans-serif;
  font-size: 28px;
	font-weight: 600;
	color: #812373;
	line-height: 1.3em;
}

.elementor-widget-betterdocs-content  h3 {
	font-family: 'Nunito', sans-serif;
  font-size: 26px;
	font-weight: 600;
	color: #a03592;
	line-height: 1.3em;
}

.elementor-widget-betterdocs-content  h4 {
	font-family: 'Nunito', sans-serif;
  font-size: 24px;
	font-weight: 600;
	color: #a03592;
	line-height: 1.3em;
}

.elementor-widget-betterdocs-content  h5 {
	font-family: 'Nunito', sans-serif;
  font-size: 22px;
	font-weight: 600;
	color: #a03592;
	line-height: 1.3em;
}

.elementor-widget-betterdocs-content  h6 {
	font-family: 'Nunito', sans-serif;
  font-size: 20px;
	font-weight: 600;
	color: #a03592;
	line-height: 1.3em;
}

/* Tutorial Headings - Mobile Only */
@media (max-width: 767px) {
  .elementor-widget-betterdocs-content h2 {
    font-family: 'Nunito', sans-serif;
    font-size: 25px;
    font-weight: 600;
    color: #812373;
    line-height: 1.3em;
  }

	/*tabs only */ .e-n-tab-title h2 {
    font-family: 'Nunito', sans-serif;
    font-size: 20px !important;
    font-weight: 600;
    color: #812373;
    line-height: 1.3em;
  }
	
  .elementor-widget-betterdocs-content h3 {
    font-family: 'Nunito', sans-serif;
    font-size: 23px !important;
    font-weight: 600;
    color: #a03592;
    line-height: 1.3em;
  }

  .elementor-widget-betterdocs-content h4 {
    font-family: 'Nunito', sans-serif;
    font-size: 21px !important;
    font-weight: 600;
    color: #a03592;
    line-height: 1.3em;
  }

  .elementor-widget-betterdocs-content h5 {
    font-family: 'Nunito', sans-serif;
    font-size: 19px !important;
    font-weight: 600;
    color: #a03592;
    line-height: 1.3em;
  }

  .elementor-widget-betterdocs-content h6 {
    font-family: 'Nunito', sans-serif;
    font-size: 19px !important;
    font-weight: 600;
    color: #a03592;
    line-height: 1.3em;
  }
}


/* Links sitewide */
.elementor-widget-theme-post-content a:not(.elementor-button-link):not(.elementor-button):not(.eael-creative-button) {
  background-color: transparent;
	font-weight: 600;
	font-size: 16px;
	text-decoration: underline;
  color: #3b9dab;
}

a {
  background-color: transparent;
	font-weight: 600;
	font-size: 16px;
  color: #3b9dab;
}

a:hover, a:active {
  color: #50b2c0;
}

/* ===========================
   Base breadcrumb styling
   =========================== */
#tips-tricks .rank-math-breadcrumb,
#regs-guidance .rank-math-breadcrumb,
#account-management .rank-math-breadcrumb {
  font-family: 'Montserrat', sans-serif;
  font-size: 17px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.7px;
}

/* ===========================
   Tips & Tricks
   =========================== */
#tips-tricks .rank-math-breadcrumb,
#tips-tricks .rank-math-breadcrumb a,
#tips-tricks .rank-math-breadcrumb .last {
  color: #611656;
}

#tips-tricks .rank-math-breadcrumb a {
  text-decoration: none;
  transition: color 0.2s ease;
}

#tips-tricks .rank-math-breadcrumb a:hover,
#tips-tricks .rank-math-breadcrumb a:focus {
  color: #9C2C8C;
  text-decoration: underline;
}

#tips-tricks .rank-math-breadcrumb .separator {
  padding: 0 0.4em;
  color: #611656;
  opacity: 0.7;
}

/* ===========================
   Regulations & Guidance
   =========================== */
#regs-guidance .rank-math-breadcrumb,
#regs-guidance .rank-math-breadcrumb a,
#regs-guidance .rank-math-breadcrumb .last {
  color: #1C4589;
}

#regs-guidance .rank-math-breadcrumb a {
  text-decoration: none;
  transition: color 0.2s ease;
}

#regs-guidance .rank-math-breadcrumb a:hover,
#regs-guidance .rank-math-breadcrumb a:focus {
  color: #456EB3;
  text-decoration: underline;
}

#regs-guidance .rank-math-breadcrumb .separator {
  padding: 0 0.4em;
  color: #1C4589;
  opacity: 0.7;
}

/* ===========================
   Account Management
   =========================== */
#account-management .rank-math-breadcrumb,
#account-management .rank-math-breadcrumb a,
#account-management .rank-math-breadcrumb .last {
  color: #08464E;
}

#account-management .rank-math-breadcrumb a {
  text-decoration: none;
  transition: color 0.2s ease;
}

#account-management .rank-math-breadcrumb a:hover,
#account-management .rank-math-breadcrumb a:focus {
  color: #1D707A;
  text-decoration: underline;
}

#account-management .rank-math-breadcrumb .separator {
  padding: 0 0.4em;
  color: #08464E;
  opacity: 0.7;
}

/* ===========================
   Responsive adjustments
   =========================== */
@media (max-width: 767px) {
  #tips-tricks .rank-math-breadcrumb,
  #regs-guidance .rank-math-breadcrumb,
  #account-management .rank-math-breadcrumb {
    font-size: 15px;
    letter-spacing: 0.5px;
  }
}

/* Content-only: BetterDocs + regular page/post content */
.elementor-widget-betterdocs-content ul > li:first-child,
.elementor-widget-betterdocs-content ol > li:first-child,
.elementor-widget-theme-post-content ul > li:first-child,
.elementor-widget-theme-post-content ol > li:first-child,
.page-content ul > li:first-child,
.page-content ol > li:first-child {
  padding-top: 5px;
}

.elementor-widget-betterdocs-content ul > li:last-child,
.elementor-widget-betterdocs-content ol > li:last-child,
.elementor-widget-theme-post-content ul > li:last-child,
.elementor-widget-theme-post-content ol > li:last-child,
.page-content ul > li:last-child,
.page-content ol > li:last-child {
  padding-bottom: 10px;
}

/* Force SVG size */
.elementor-button svg {
  width: 1.2em;
  height: 1.2em;
  display: inline-block;
  vertical-align: middle;
}

.e-n-menu-dropdown-icon svg {
	width: 1.2em;
  height: 1.2em;
  display: inline-block;
  vertical-align: middle;
}

/* Tutorial Tab text default */
.e-n-tabs-heading .e-n-tab-title {
	border-radius: 40px;
}

.e-n-tab-title-text {
  color: #812373;
  font-weight: 500 !important;
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  transition: color 0.3s ease;
}

.e-n-tab-title:hover .e-n-tab-title-text,
.e-n-tab-title[aria-selected="true"] .e-n-tab-title-text,
.e-n-tab-title.active .e-n-tab-title-text {
  color: #ffffff;
}

/* Images on single Learning Lab posts */
.single-post .elementor-widget-theme-post-content .elementor-widget-image {
  display: block;
	justify-content: center;
	height: auto;
	max-width: 80%;
}

.single-post .elementor-widget-theme-post-content .elementor-widget-image img {
	max-width: 80%;
}

.single-post .elementor-widget-theme-post-content .elementor-widget-image .elementor-widget-container {
  display: flex;
	justify-content: center;
	align-items: center;
} 

/*  Feature Images on single Learning Lab posts */
.single-post .elementor-widget-theme-post-featured-image .elementor-widget-container    {
  display: flex;
	justify-content: center;
  margin: auto;
  height: auto;
	max-width: 80%;
}

/* Hide thumbmail for posts before CSS kicks in */
.elementor-post__thumbnail {
	height:0;
	visibility:hidden;
}

/* Category badge colours */
.category-regulations-guidance .elementor-post__badge {
    background-color: #1C4589 !important;
}

.category-subscription-management .elementor-post__badge {
    background-color: #08464E !important;
}

/* Star svgs in summary points boxes */

.summary-points ul {
  list-style: none;
  padding-left: 0; /* Remove default indent */
}

.summary-points li {
  position: relative;
  padding: 0 0 0 30px !important; /* space for the icon - overrides 5px margin for li first child */
  margin-bottom: 10px; /* optional spacing */
}

.summary-points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.3em;
  width: 16px;
  height: 16px;
  background-image: url(https://support.tapestry.info/wp-content/uploads/2025/06/blue-star-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

/* Tutorial images */
.docs-template-default img {
  max-width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 767px) {
  .docs-template-default img {
    padding: 5px;
    border-radius: 15px;
  }
}

/* Read time text on tutorials */
.read-time-placeholder {
		font-family: 'Nunito', sans-serif;
		font-style: italic;
    font-size: 17px;
    color: #036a79;
    font-weight: 600;
    padding: 10px 0 10px 0;
    background-color: #f5f5f5;
}

/* Hide search suggestions if results show */
.search-suggestion-box {
  display: none;
}

.search-suggestion-box.show-suggestions {
  display: block;
}

/* ========== Tapestry Demos - Discover ========== */
.elementor-page-14092 .event-cat-tapestry-demo-webinars h2 {
  color: #611656 !important;
  border-top: 5px solid #a03592;
  padding-top: 20px;
}

.elementor-page-14092 .event-cat-tapestry-demo-webinars .elementor-button {
  background-color: white;
  border: 3px solid #a03592;
  color: #812373;
}

.elementor-page-14092 .event-cat-tapestry-demo-webinars .elementor-button:hover {
  background-color: #812373;
  color: white;
  border: 3px solid #812373;
}

.elementor-page-14092 .event-cat-tapestry-demo-webinars #register-now a {
  background-color: #812373;
  color: white;
  border: 3px solid #812373;
  border-radius: 5px;
}

.elementor-page-14092 .event-cat-tapestry-demo-webinars #register-now a:hover {
  background-color: #9a3c8f;
  color: white;
  border: 3px solid #9a3c8f;
  border-radius: 5px;
}

/* ========== Tapestry Training - Getting Started ========== */
.elementor-page-14092 .event-cat-tapestry-training-webinars h2 {
  color: #16525b !important;
  border-top: 5px solid #218694;
  padding-top: 20px;
}

.elementor-page-14092 .event-cat-tapestry-training-webinars .elementor-button {
  background-color: white;
  border: 3px solid #218694;
  color: #036a79;
}

.elementor-page-14092 .event-cat-tapestry-training-webinars .elementor-button:hover {
  background-color: #036a79;
  color: white;
  border: 3px solid #036a79;
}

.elementor-page-14092 .event-cat-tapestry-training-webinars #register-now a {
  background-color: #036a79;
  color: white;
  border: 3px solid #036a79;
  border-radius: 5px;
}

.elementor-page-14092 .event-cat-tapestry-training-webinars #register-now a:hover {
  background-color: #2d8b96;
  color: white;
  border: 3px solid #2d8b96;
  border-radius: 5px;
}

/* ========== NMS ========== */
.elementor-page-14092 .event-cat-nursery-management-system-webinars h2 {
  color: #0992a5 !important;
  border-top: 5px solid #81cfdb;
  padding-top: 20px;
}

.elementor-page-14092 .event-cat-nursery-management-system-webinars .elementor-button {
  background-color: white;
  border: 3px solid #50b2c0;
  color: #0992a5;
}

.elementor-page-14092 .event-cat-nursery-management-system-webinars .elementor-button:hover {
  background-color: #50b2c0;
  color: white;
  border: 3px solid #50b2c0;
}

.elementor-page-14092 .event-cat-nursery-management-system-webinars #register-now a {
  background-color: #50b2c0;
  color: white;
  border: 3px solid #50b2c0;
  border-radius: 5px;
}

.elementor-page-14092 .event-cat-nursery-management-system-webinars #register-now a:hover {
  background-color: #5cbac8;
  color: white;
  border: 3px solid #5cbac8;
  border-radius: 5px;
}

/* ========== SEND Training ========== */
.elementor-page-14092 .event-cat-send-training h2 {
  color: #c050b2 !important;
  border-top: 5px solid #ffa6f6;
  padding-top: 20px;
}

.elementor-page-14092 .event-cat-send-training .elementor-button {
  background-color: white;
  border: 3px solid #c050b2;
  color: #c050b2;
}

.elementor-page-14092 .event-cat-send-training .elementor-button:hover {
  background-color: #c050b2;
  color: white;
  border: 3px solid #c050b2;
}

.elementor-page-14092 .event-cat-send-training #register-now a {
  background-color: #c050b2;
  color: white;
  border: 3px solid #c050b2;
  border-radius: 5px;
}

.elementor-page-14092 .event-cat-send-training #register-now a:hover {
  background-color: #d867ca;
  color: white;
  border: 3px solid #d867ca;
  border-radius: 5px;
}

/* ========== Setup/Oversight ========== */
.elementor-page-14092 .event-cat-setup-reporting h2 {
  color: #164086 !important;
  border-top: 5px solid #5985cf;
  padding-top: 20px;
}

.elementor-page-14092 .event-cat-setup-reporting .elementor-button {
  background-color: white;
  border: 3px solid #5985cf;
  color: #164086;
}

.elementor-page-14092 .event-cat-setup-reporting .elementor-button:hover {
  background-color: #164086;
  color: white;
  border: 3px solid #164086;
}

.elementor-page-14092 .event-cat-setup-reporting #register-now a {
  background-color: #164086;
  color: white;
  border: 3px solid #164086;
  border-radius: 5px;
}

.elementor-page-14092 .event-cat-setup-reporting #register-now a:hover {
  background-color: #355fa3;
  color: white;
  border: 3px solid #355fa3;
  border-radius: 5px;
}

/* ========== Key Stage Webinars ========== */
.elementor-page-14092 .event-cat-key-stage-webinars h2 {
  color: #47510f !important;
  border-top: 5px solid #879633;
  padding-top: 20px;
}

.elementor-page-14092 .event-cat-key-stage-webinars .elementor-button {
  background-color: white;
  border: 3px solid #738123;
  color: #738123;
}

.elementor-page-14092 .event-cat-key-stage-webinars .elementor-button:hover {
  background-color: #738123;
  color: white;
  border: 3px solid #738123;
}

.elementor-page-14092 .event-cat-key-stage-webinars #register-now a {
  background-color: #738123;
  color: white;
  border: 3px solid #738123;
  border-radius: 5px;
}

.elementor-page-14092 .event-cat-key-stage-webinars #register-now a:hover {
  background-color: #94a33e;
  color: white;
  border: 3px solid #94a33e;
  border-radius: 5px;
}