/*
Theme Name: Twenty Twenty-Five
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
  text-decoration-thickness: 1px !important;
  text-underline-offset: 0.1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
  outline-width: 2px;
  outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation
  .wp-block-navigation-submenu
  .wp-block-navigation-item:not(:last-child) {
  margin-bottom: 3px;
}

.margin-bottom {
  margin-bottom: 30px !important;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation
  .wp-block-navigation-item
  .wp-block-navigation-item__content {
  outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation
  .wp-block-navigation-item
  ul.wp-block-navigation__submenu-container
  .wp-block-navigation-item__content {
  outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
  text-wrap: pretty;
  max-width: var(--wp--style--global--content-size) !important;
  margin: auto;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
  display: block;
}

/* overwrites */

h1 {
  font-weight: 500;
  font-size: 47px !important;
  line-height: 73px;
  margin-bottom: 10px;
}

h2 {
  font-size: 37px !important;
  line-height: 58px !important;
  font-weight: 500;
}

h3 {
  font-size: 29px;
  line-height: 47px;
}

p {
  font-size: 18px;
  line-height: 31px;
}

:root {
  --wp--style--global--content-size: 1360px;
  --soft--style--border: rgba(255, 255, 255, 0.24);
  --color--blue: #3c61c7;
  --color--black: #444;
}

:root :where(p.has-background) {
  padding: 10px 20px;
  width: fit-content;
}

#wpadminbar {
  display: none !important;
}

body {
  /* background: #c8c4c0 !important; */
  background-color: #f4eeee !important;
}

h1.wp-block-post-title {
  font-weight: 500 !important;
  font-size: 47px !important;
  line-height: 73px;
  margin-bottom: 10px;
}

.has-medium-font-size {
  font-size: 18px !important;
  line-height: 31px;
}

main {
  margin-bottom: 100px;
}

.home main {
  margin-bottom: 0;
}

:root .home main:where(.is-layout-constrained) > :last-child {
  margin-block-end: 0;
  padding-bottom: 0 !important;
}

html {
  margin: 0 !important;
  padding: 0;
}

iframe {
  border: none;
}

/* hiding gap on hp.  */
header.wp-block-template-part {
  margin-bottom: -70px;
  position: sticky;
  top: 0;
  z-index: 99;
  border-bottom: solid 1px #bfbfbf;
  padding-right: var(--wp--style--root--padding-right);
  padding-left: var(--wp--style--root--padding-left);
}

/* hp banner */
.wp-block-cover__inner-container {
  max-width: var(--wp--style--global--content-size);
  padding-right: var(--wp--style--root--padding-right) !important;
  padding-left: var(--wp--style--root--padding-left) !important;
  margin: auto;
}

/* text-page */
.text-page {
  border: solid 1px var(--color--blue);
  background: white;
  padding: 40px;
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
}

.wp-block-quote {
  border-color: var(--color--blue);
  border-width: 0 0 0 15px;
}

.text-page p,
.text-page li {
  color: var(--color--blue);
}

.text-page a {
  font-weight: 700;
}

.text-page .table {
  border-color: var(--color--blue);
}

.text-page td {
  color: var(--color--blue);
}

/* accordion */

.accordion {
  margin-top: 10px;
}

.accordion h3 {
  background-color: var(--color--blue);
}

.accordion h3 a {
  color: white !important;
}

.accordion .ea-body {
  background: white;
  color: var(--color--black);
  border: solid 1px var(--color--blue);
}

.accordion .ea-body strong {
  margin-bottom: 10px;
  display: block;
}

.accordion .ea-expand-icon {
  color: white !important;
}

/* global */

.size-post-thumbnail.wp-post-image {
  position: absolute;
  width: 150px;
  z-index: 95;
  margin: 0;
  padding: 21px;
  background: white;
  right: 0;
  border-radius: 20px;
  border: solid 3px var(--color--blue);
}

strong {
  font-weight: 700;
}

main h2 {
  color: var(--color--blue);
}

header {
  background: var(--color--blue);
  color: white;
}

header > div {
  max-width: var(--wp--style--global--content-size);
  margin: auto;
}

header > div > div {
  margin: 0;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

footer {
  /* background: #414040; */
  background: var(--color--blue);
  color: white;
  margin-top: 0;
}

footer .has-global-padding:not(.partner-links-container) {
  max-width: var(--wp--style--global--content-size);
  margin: auto;
  padding: 10px;
}

.partner-links-container {
  background: white;
  border-top: solid 5px var(--color--blue);
}

.partner-links {
  display: flex;
  justify-content: center;
  align-items: end;
  gap: 10px;
  background: white;
  padding: 20px;
  max-width: calc(var(--wp--style--global--content-size) + 40px);
  margin: auto;
}

.partner-links img {
  box-sizing: border-box;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
  height: 90px;
  width: auto;
  border: solid 1px #f4eeee;
  padding: 9px;
  border-radius: 10px;
}

.partner-links .wp-block-image {
  margin-block-start: 0;
}

h1.wp-block-post-title {
  color: var(--color--blue);
  font-weight: 700;
}

.wp-block-post-title {
  margin-bottom: 50px;
}

/* nav--top */
.wp-block-navigation__submenu-container {
  padding-top: 47px;
  color: white !important;
  border: solid 1px white !important;
  border-bottom: none;
  background: var(--color--blue) !important;
  /* top: 47px !important; */
}
.wp-block-navigation__submenu-container li {
  background: var(--color--blue) !important;
  border-bottom: solid 1px white;
  margin-bottom: 0;
}

.wp-block-navigation__submenu-container li:hover {
  background: #bb64b6 !important;
}

.wp-block-navigation__submenu-container li a {
  text-decoration: none !important;
}

/* home page */
.home main {
  margin-top: 0 !important;
}

.logo {
  position: absolute;
  width: 150px;
  z-index: 95;
  margin: 0;
  padding: 21px;
  background: white;
  top: 82px;
  left: 10%;
  border-radius: 20px;
  border: solid 3px var(--color--blue);
}

.video-embed {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: var(--wp--style--global--content-size);
  margin: auto;
  margin-top: 30px;
  border-radius: 10px;
  box-shadow: 4px 3px 12px 0px rgba(156, 132, 161, 0.45);
  -webkit-box-shadow: 4px 3px 12px 0px rgba(156, 132, 161, 0.45);
  -moz-box-shadow: 4px 3px 12px 0px rgba(156, 132, 161, 0.45);
}

.video-embed iframe,
.video-embed object,
.video-embed embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hp-banner {
  margin-top: 0;
}

.hp-banner p {
  font-size: 18px;
  line-height: 31px;
  max-width: 75%;
  margin: auto;
}

.hp-banner .has-large-font-size {
  font-size: 37px !important;
  line-height: 58px !important;
  font-weight: 200 !important;
  margin-bottom: 15px;
  padding: 2px 25px;
}

.hp-banner .has-large-font-size strong {
  font-weight: 500;
}

blockquote p {
  font-size: 29px;
  line-height: 47px;
  max-width: 75%;
  margin: auto;
}

.hp-quote {
  padding: 20px !important;
}

/* cover component */
.wp-block-cover,
.wp-block-cover-image {
  min-height: 730px;
}

/* ctas */

.about-content > div,
.about-content h2,
.about-content p {
  max-width: var(--wp--style--global--content-size) !important;
  margin-left: auto;
  margin-right: auto;
}

.about-content figure {
  margin: 0 !important;
}

.about-content figure img {
  width: 100%;
  border-radius: 10px !important;
}

.about-content .anchors p {
  margin: 0;
  font-size: 18px;
}

.about-content .anchors p:hover {
  background-color: white;
}

.about-content .anchors p:hover a {
  color: var(--color--blue);
  cursor: pointer;
}

.anchors {
  gap: 0.8rem;
}

.rainbow-values h2 {
  line-height: 33px !important;
  font-style: italic;
  font-weight: 200;
  margin-bottom: 48px;
}

.rainbow-values p {
  border-bottom: solid 1px var(--soft--style--border);
  margin-bottom: 50px;
  padding-bottom: 20px;
}

.rainbow-values .list p {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.is-style-section-5--3 {
}

.is-style-section-5--3 .wp-block-column {
  /* flex-basis: 25%;
  width: 175px;
  max-width: 175px;
  height: 175px; */
  background: var(--color--blue);
  align-content: center;
  border-radius: 100%;
  transition: all ease 0.3s;
  position: relative;
}

.is-style-section-5--3 figure {
  margin-block-start: 0rem;
  z-index: -1;
}

.is-style-section-5--3 figure img {
  border-radius: 50%;
}

.is-style-section-5--3 .wp-block-column h3,
.is-style-section-5--3 .wp-block-column h3 a {
  color: white !important;
  height: 100%;
  align-content: center;
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
}

.is-style-section-5--3 {
  max-width: var(--wp--style--global--content-size);
  margin: auto !important;
  border: solid 1px #ffffff;
  border-radius: 10px;
  margin-top: 30px !important;
  box-shadow: 4px 3px 12px 0px rgba(156, 132, 161, 0.45);
  -webkit-box-shadow: 4px 3px 12px 0px rgba(156, 132, 161, 0.45);
  -moz-box-shadow: 4px 3px 12px 0px rgba(156, 132, 161, 0.45);
  background-color: #d6b7f5 !important;
}

.is-style-section-5--3 .wp-block-column h3 {
  background: #7a00df61;
  transition: all ease 0.3s;
  border: solid 5px #ffffff;
  box-sizing: border-box;
}

.is-style-section-5--3 .wp-block-column h3:hover {
  background: #7a00df;
}

.is-style-section-5--3 .wp-block-column h3 a {
  display: block;
  width: 100%;
  height: 100%;
  align-content: center;
  text-decoration: none;
}

.is-style-section-5--3 .wp-block-column h3 a:hover {
  text-decoration: none;
}

.is-style-section-5--3 .wp-block-column:hover {
  transition: all ease 0.3s;
  background: #b614ac;
}

.is-style-section-5--3 .wp-block-columns {
  justify-content: center !important;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr !important;
  gap: 20px !important;
}

.useful-information-heading {
  background: #7a15df;
  color: white !important;
  width: fit-content;
  /* padding: 5px 36px;
  border-radius: 10px;
  margin-top: 50px; */
  font-size: 37px !important;
  line-height: 58px !important;
  font-weight: 200 !important;
  margin-bottom: 15px;
  padding: 2px 25px;
  margin-top: 70px;
}

.useful-information-heading strong {
  font-weight: 500;
}

/* staff block */

.staff-block {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.staff-block .wp-block-column {
  background: var(--color--blue);
  border-radius: 20px;
  padding: 20px;
  color: white;
}

.staff-block p {
  font-size: 18px;
  margin-top: 21px;
  border: solid 1px var(--color--blue);
  padding: 10px;
  color: var(--color--blue);
  background: white;
  margin-top: 10px;
  font-weight: 500;
}

.staff-title {
  background: var(--color--blue);
  display: inline-block;
  max-width: var(--wp--style--global--content-size);
  margin: auto;
  margin-top: 20px;
}

/* contact-block */
#contact-block {
  padding: 30px;
  border-radius: 20px;
}

#contact-block {
  padding: 30px;
  border-radius: 0;
  background: white !important;
  color: var(--color--blue) !important;
  border: solid 1px var(--color--blue);
}

#contact-block p {
  margin-top: 0px;
}

/* key information */
.key-information {
  border: solid 1px var(--color--blue);
  margin: 0px !important;
  padding: 30px 20px;
  background: white;
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
  color: var(--color--blue);
}

.key-information a {
  font-weight: 500;
}

.key-information .policy a {
  width: 100%;
  display: block;
  border: solid 2px var(--color--blue);
  /* border-radius: 10px; */
  background: var(--color--blue);
  color: white;
  padding: 5px 10px;
  margin-bottom: -10px;
  text-decoration: none;
}

.key-information .policy a:hover {
  background: white;
  color: var(--color--blue);
}

.key-information .links a {
  font-weight: 600;
  display: inline-block;
  width: 100%;
}

.key-information .links p.active,
.key-information .links p:hover {
  background: white;
  color: var(--color--blue);
  /* margin: 10px -20px;
  padding: 10px 20px; */
  /* font-weight: 600; */
  cursor: pointer;
}

.key-information .links p.active a,
.key-information .links p:hover a {
  color: var(--color--blue);
}

.links {
  border-radius: 0 !important;
  padding: 10px 0 !important;
}

.links p,
.links h2 {
  padding-right: var(--wp--preset--spacing--30);
  padding-left: var(--wp--preset--spacing--30);
  border-bottom: solid 1px var(--soft--style--border);
  margin-block-start: 0 !important;
}

.links p {
  padding-top: 5px;
  padding-bottom: 5px;
}

.links p a {
  text-decoration: none;
}

/* page-banner -- full width */
.page-banner {
  max-width: none;
  margin-right: calc(var(--wp--style--root--padding-right) * -1) !important;
  margin-left: calc(var(--wp--style--root--padding-left) * -1) !important;
  padding-left: 0;
  padding-right: 0;
  margin-top: 70px;
}

.page-banner h2 {
  font-size: 37px !important;
  line-height: 58px !important;
  font-weight: 500;
  font-weight: 500;
  font-size: 47px !important;
  line-height: 73px;
  margin-bottom: 10px;
}

.page-banner p {
  font-size: 18px;
  line-height: 31px;
}

.page-banner .wp-block-button__link {
  background-color: var(--color--blue);
}

/* subjects page */
.subjects-block {
  max-width: var(--wp--style--global--content-size);
  margin: auto !important;
  margin-left: 0;
  margin-right: 0;
  border: solid 1px var(--color--blue);
  /* border-radius: 20px; */
  padding: 20px;
  background: white;
}

.subjects-block p {
  margin: 5px !important;
}

.subjects-block .has-global-padding > .alignfull {
  margin: auto;
}

.subjects-block .wp-block-column {
  flex-basis: 50% !important;
}

.subjects-block .wp-element-button,
.subject-nav .wp-element-button {
  background-color: var(--color--blue);
}

.subject-nav {
  max-width: var(--wp--style--global--content-size);
  padding: 20px;
}

/* child-care-cols */

.child-care-cols {
  gap: 15px;
}

.child-care-cols .wp-block-image {
  border: solid 1px rgb(82 82 82 / 24%);
  padding: 0 20px;
  border-radius: 20px;
  height: 100%;
}

.child-care-cols .wp-element-caption {
  color: white;
}

.child-care-cols .uk-safer .wp-element-caption {
  /* color: #444; */
  color: var(--color--blue);
}

.orange .wp-block-image {
  background: #ff6201;
}

.green .wp-block-image {
  background: #1bcd00;
}

.green-2 .wp-block-image {
  background: #0d8926;
}

/* people-card */
.people-card {
  display: flex;
  padding: 10px;
  background: white;
  border: solid 1px var(--color--blue);
  margin-bottom: 15px;
}

.people-card p,
.people-card h3 {
  color: var(--color--blue);
}

.people-card .wp-block-image {
  max-width: 200px;
  margin: 0;
}

.people-card .wp-block-group {
  flex-grow: 1;
  padding: 20px;
}

/* event-block */
.event-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  border: solid 1px var(--color--blue);
  margin-bottom: 10px;
  background: white;
}

.event-block p {
  color: var(--color--blue);
  font-weight: 700;
  flex-grow: 1;
}

.event-block table {
  width: auto;
}

/* support-links */
.support-links p {
  padding: 0;
}

.support-links a {
  display: block;
  width: 100%;
  cursor: pointer;
  color: var(--color--blue);
  padding: 5px 10px;
}

.support-links a:hover {
  background: var(--color--blue);
  color: white;
}

/* ooh  */
.ooh .people-card {
  align-items: center;
}

.ooh .people-card img {
  min-width: 300px;
  margin-right: 20px;
}

.ooh .people-card .wp-block-image {
  max-width: 300px;
}

/* amazon*/

.amz {
  border-bottom: solid 1px #dfdfe0;
  padding-bottom: 15px;
}

.amz .wp-block-button__link {
  background: var(--color--blue);
}

/* gov block */

.text-page .staff-title {
  padding: 2px 25px;
}

.gov-block h2.wp-block-heading {
  font-size: 24px !important;
}

.gov-block-inner {
  display: flex;
  padding-bottom: 30px;
  border-bottom: solid 1px #dfdfe0;
}

.gov-block-inner figure {
  min-width: 200px;
  padding-right: 10px;
}

.gov-block-inner .wp-block-table {
  margin-top: 0;
}

.gov-block-inner .wp-block-table tr > td:first-of-type {
  font-weight: 700;
}

.gov-block-inner .wp-block-table tr:nth-of-type(odd) {
  background: aliceblue;
}

.gov-block .wp-block-image img {
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
    object-fit: cover;
    height: 100%;
    border-radius: 2px;
}

.parents-think {
    margin-top: 50px!important;
}

.parents-think .wp-block-button {
    border: solid 1px white;
    border-radius: 30px;
}

.parents-think .wp-block-button:hover .wp-block-button__link {
    background-color: white;
    color: #bb64b6;
}

.parents-think .wp-block-button:hover .wp-block-button__link {
    background-color: white;
    color: #bb64b6;
}

.text-page .wp-block-image img {
    width: 100%;
    max-width: none;
}


