@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
  font-family: 'Gotham-rounded-bold';
  src: url("../fonts/gothamrnd-bold.eot");
  src: url("../fonts/gothamrnd-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/gothamrnd-bold.woff") format("woff"), url("../fonts/gothamrnd-bold.ttf") format("truetype"), url("../fonts/gothamrnd-bold.svg#gothamrnd-bold") format("svg"); }

@font-face {
  font-family: 'Avenir';
  src: url("../fonts/Avenir_Next_LT_Pro_Demi.ttf") format("truetype"); }

@font-face {
  font-family: 'Avenir-LightOblique';
  src: url("../fonts/Avenir-LightOblique.ttf") format("truetype"); }
  
@font-face {
  font-family: 'Avenir-Medium';
  src: url("../fonts/Avenir-Medium.ttf") format("truetype"); }
  
@font-face {
  font-family: 'Avenir-MediumOblique';
  src: url("../fonts/Avenir-MediumOblique.ttf") format("truetype"); }
  
@font-face {
  font-family: 'Avenir-Heavy';
  src: url("../fonts/Avenir-Heavy.ttf") format("truetype"); }
  
@font-face {
  font-family: 'Avenir-Black';
  src: url("../fonts/Avenir-Black.ttf") format("truetype"); }
    
@font-face {
  font-family: 'Avenir-BlackOblique';
  src: url("../fonts/Avenir-BlackOblique.ttf") format("truetype"); }
  
@font-face {
  font-family: 'Avenir-Bold';
  src: url("../fonts/Avenir_Next_LT_Pro_Bold.ttf") format("truetype"); }

a.ext {}
a.ext:after {content: "\f08e"; padding-left: 5px; font-family: FontAwesome;}
a.email {color: #f26522; text-decoration: underline; font-weight: bold;}
a.email:hover, a.email:focus {color: #999;}
a.phone {text-decoration: none; color: #000; font-weight: bold;}
a.phone:hover, a.phone:focus {color: #999;}
/*cc a.phone:before {color: #f26522; font-size: 14px; content: "\f095"; padding-left: 5px; padding-right: 5px; font-family: FontAwesome;}*/
a
a.download {color: #f26522; text-decoration: none; font-weight: bold;}
a.download:before {content: "\f019"; padding-right: 5px; font-family: FontAwesome;}
a img:hover {opacity: 0.8;} 
/*cc
a.button,a.button:hover, a.button:focus, input[type="submit"] {background-color: #f2af00; color: #fff !important; display: inline-block; padding: 15px 17px; text-transform: uppercase; font-family: 'Gotham-rounded-bold', "Arial Rounded MT Bold"; text-decoration: none; font-size: 14px; cursor: pointer; border: 0; border-radius: 5px;}
a.button:hover, a.button:focus, input[type="submit"]:hover, input[type="submit"]:focus {background-color: #cf4a15;}
*/

/* CCK
div#slideshow a.button, div#slideshow a.button:hover, div#slideshow a.button:focus {background-color: #F26522;}
div#slideshow a.button:hover, div#slideshow a.button:focus, {background-color: #cf4a15;}
*/
.orange {color: #f26522 !important;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.bold {font-weight: bold;}
  
.nomobile {display: block;} 

img {max-width: 100%;}
img.right {float: right; padding-left: 10px; max-width: 420px; padding-bottom: 6px;}
img.left {float: left; padding-right: 10px; max-width: 420px; padding-bottom: 6px;}
iframe.youtube-video {width: 600px; height: 450px;margin-top:100px;}
div.youtube-video-wrapper {margin: 0 auto; text-align: center;}
div.transcript-wrapper {margin: 20px;}
span.transcript {background-color: #AA272F; color: #fff !important; display: inline-block; padding: 8px 8px; text-transform: uppercase; font-family: 'Gotham-rounded-bold', "Arial Rounded MT Bold"; text-decoration: none; font-size: 14px; cursor: pointer; border: 0;}
span.transcript:hover, span.transcript:focus {background-color: #cf4a15;}
span.transcript.closed:after {content: "\f102"; padding-left: 5px; font-family: FontAwesome; font-size: 16px;}
span.transcript.opened:after {content: "\f103"; padding-left: 5px; font-family: FontAwesome; font-size: 16px;}
div.transcript {display: none;}
#clear, .clear {clear: both;}
.printonly, .element-invisible { display: none !important;}





h1, h2, h3, h4, h5, h6,
p.h1, p.h2, p.h3, p.h4, p.h5, p.h6 
{color: #f26522; font-family: 'Poppins','Gotham-rounded-bold', "Arial Rounded MT Bold"; line-height: 110%;}
h1 {text-align:center;}
h1, p.h1 {font-size: 72px;font-weight:700;}
h2, p.h2 {font-size: 50px;font-weight:700;}
h3, p.h3 {font-size: 50px;font-weight:600; padding-top:30px;}
h4, p.h4 {font-size: 28px;font-weight:700;}
.pheading {font-size: 72px; font-weight:700; text-align:center;color:#fff;margin-block-end:0px;margin-block-start:0px;line-height:1em;}

p.error {font-weight: bold; background-color: #C03; color: #FFF; padding: 5px;}
p.warning {font-weight: bold; background-color: #fdc039; color: #FFF; padding: 5px;}
p.success {font-weight: bold; background-color: limegreen; color: #FFF; padding: 5px;}

div#content a:not(.button), div#content a:visited:not(.button) {color: #f26522; text-decoration: none; font-weight: bold;}
div#content a:hover:not(.button), div#content a:focus:not(.button) {color: #cf4a15; text-decoration: none; -webkit-transition: all, 0.25s, ease-in-out; -moz-transition: all, 0.25s, ease-in-out; -ms-transition: all, 0.25s, ease-in-out; -o-transition: all, 0.25s, ease-in-out; transition: all, 0.25s, ease-in-out;}

/* Temporary diagnostic - add red borders to find overflow culprits */
* {
  /* outline: 1px solid red; */
}

html, body {
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  font-size: 24px;
  line-height: 1.5;
  font-family: 'Poppins', Arial;
}
div.icons {display: none;}
div.one {float: left; width: 8.33333333%; }
div.two {float: left; width: 16.66666667%; }
div.three {float: left; width: 25%; }
div.four {float: left; width: 33.33333333%; }
div.five {float: left; width: 41.66666667%; }
div.six {float: left; width: 50%; }
div.seven {float: left; width: 58.33333333%; }
div.eight {float: left; width: 66.66666667%; }
div.nine {float: left; width: 75%; }
div.ten {float: left; width: 83.33333333%; }
div.eleven {float: left; width: 91.66666667%; }
div.twelve {float: left; width: 100%; }

.padding1 {padding: 1px;}
.padding5 {padding: 5px;}
.padding10 {padding: 10px;}
.padding15 {padding: 15px;}
.padding20 {padding: 20px;}
.padding25 {padding: 25px;}
.padding30 {padding: 30px;}

div#accessibility {height: 0px; overflow: hidden;}
div#accessibility ul { list-style-type: none; padding-left: 0px; width: 1020px; margin: 0 auto;}
div#accessibility ul li { display: inline-block; padding-right: 35px;}
div#accessibility ul li a { color:#333; text-decoration: none; line-height: 40px; font-weight: bold; padding: 10px;}
div#accessibility ul li a:hover, div#accessibility ul li a:focus {color: #FFF; background: #333;}

#google_translate_element .goog-te-gadget .goog-te-gadget-simple {background-color: transparent !important; border: none !important; font-size: 14px !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-right: 15px !important;}
#google_translate_element .goog-te-gadget .goog-te-gadget-simple .goog-te-gadget-icon { float: left; margin-top: 10px; margin-left: -10px !important; background-image: none !important; }

#google_translate_element span a.goog-te-menu-value span {border-left: 0 !important;}


.button {
    font-size: 24px;
    display: inline-block;
    align-items: center;
    justify-content: center;
    text-align:center;
    border-radius: 9999px;
    color: #fff;
    text-decoration: none;
    font-weight: 800;
    line-height: 1;  
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
    transition: background-color .2s ease, transform .06s ease;
    margin-bottom: 10px;
    background: #F26522;
    color: #fff;
    padding:20px 20px;
    text-transform: uppercase;
    margin-right:20px;
}

#preschool,
#oshc,
#vacation-care,
#mobile-playvan {
  display: block;     /* keep them as elements so scroll-to works */
  height: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}



div#top-wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  background: #fff;
}




/*cc start*/
/* =========================
   Desktop / Large Screens
   ========================= */
/* Desktop - no orange background needed, only on nav row */
.mobile-menu-text{ display:none;}

#top {
  display: grid;
  align-items: center;
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
  grid-template-rows: auto auto;
  gap: 16px;
  padding: 0;
  box-sizing: border-box;
  grid-auto-flow: row dense;
  position: relative;
  width: 100%;
  margin: 0;
}



/* Prevent children from blowing out columns */
#top > * { min-width: 0; }

#pcclogo {
  grid-column: 1;
  grid-row: 1;
  justify-self: start;
  padding-left: 50px;
  margin: 0;
}

#phone-icons {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  padding-right: 50px;
  margin: 0;
}

#logo        { grid-column: 2; grid-row: 1; justify-self: center; text-align: center; }

/* Orange background only on the nav row (desktop) */
#main-menu {
  grid-column: 1 / -1;
  grid-row: 2;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background-color: #f26522;
}

#main-menu > nav {
  width: 100%;
  padding: 0 50px;
  box-sizing: border-box;
  margin: 0;
}

/* Burger hidden on desktop; neutralise stray clear div */
#main-menu-toggle { display: none; }
#top > .clear     { display: none; }

/* Images / spacing hygiene */
#pcclogo img, #logo img { max-width: 100%; height: auto; display: block; }
#pcclogo p, #logo p, #phone-icons p { margin: 0; }

/* Logo sizes (desktop) */
#pcclogo img { max-width: 225px; padding-top: 20px; }
#logo img    { max-width: 350px; padding-top: 20px; }

/* =========================
   Pill Buttons
   ========================= */
#phone-icons p {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}

#phone-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 20px 35px;
  border-radius: 9999px;
  color: #fff;
  text-decoration: none;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.4px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
  transition: background-color .2s ease, transform .06s ease;
  white-space: nowrap;
  margin-top:10px;
}
#phone-icons a.phone   { background: #E17BB4; font-size: 20px; }
#phone-icons a.enquire { background: #1F7EC6; text-transform: uppercase; font-size: 20px; }
#phone-icons a.phone:hover   { background: #d36aa6; }
#phone-icons a.enquire:hover { background: #1a6faf; }
#phone-icons a:active        { transform: translateY(1px); }

/* =========================
   Tablet & Mobile (≤991px)
   Order: Row1 PCC + burger → Row2 centered logo → Row3 phone → Row4 nav
   ========================= */
/* Mobile - Ensure only the first row carries the orange bar */

@media (max-width: 1110px) and (min-width: 991px) {

#pcclogo img { max-width: 225px; padding-top: 50px; }
#logo img    { max-width: 225px; padding-top: 20px; }

}
@media (max-width: 991px) {
  h2 {
      font-size:45px;
      text-align:center;
      padding-left:5px;
      padding-right:5px;
  }
  p {
      max-width:100%;
      text-align:center;
      justify-content:center;
  }
  
  #logo p {
        display: flex;
        justify-content: center; /* horizontal centering */
        align-items: center;     /* vertical centering if needed */
        margin: 0;               /* remove extra spacing */
    }
    
    #logo img {
        display: block; /* optional but safe */
    }
  
  .pheading {font-size: 50px;padding-top:100px;}
  .button {
        width:90%;
        max-width:90%;
        margin-top:10px;
        margin-bottom:10px;
  }
  .feature-block-heading {
      padding-top:100px;
  }

    
  #top {
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto auto auto;
    row-gap: 12px;
    padding: 0 20px;
  }

  #top > * {
    position: relative;
    z-index: 1;
  }

  /* Create orange background for the first row only */
  #top::before {
    content: '';
    display: block;
    grid-column: 1 / -1;
    grid-row: 1 / 2;
    justify-self: stretch;
    align-self: stretch;
    background-color: #f26522;
    z-index: 0;
    margin: 0 -20px;
    pointer-events: none;
  }

  #pcclogo {
    display: block;
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    width: auto;
    padding: 12px 0;
  }

  #main-menu-toggle {
    display: block;
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    width: auto;
    padding: 12px 0;
  }

  #logo {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: center;
    text-align: center;
    display: inline-block;     
  }
  
  #logo {
    display: flex;
    justify-content: center;              
  }
  #logo p { margin: 0; }
  #logo a { display: inline-flex; align-items: center; justify-content: center; }
  #logo img { display: block; max-width: 360px; }
  
  
  #logo img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 360px;
    padding-top: 12px;
  }




  /* Row 3 — phone pill centered (hide Enquire on mobile) */
  #phone-icons {
    display: block;
    grid-column: 1 / -1;
    grid-row: 3;
    justify-self: center;
    text-align: center;
    padding-bottom:50px;
  }
  #phone-icons a.enquire { display: none !important; }
  #phone-icons a.phone   { display: inline-flex; }

  /* Row 4 — nav full width; keep full-bleed, adjust inner padding */
  #main-menu {
    grid-column: 1 / -1;
    grid-row: 4;
  }
  #main-menu > nav { padding: 0; }

  /* Tidy logo sizes on mobile */
  #pcclogo img { max-width: 260px; padding-top: 16px; padding-bottom: 16px; }
  button.menu-toggle span.icon-bar {background: #fff;  } 
  
       #main-menu {
        grid-column: 1 / -1;
        grid-row: 2;
      }
    
      /* Row 3 — main logo centered */
      #logo {
        grid-column: 1 / -1;
        grid-row: 3;
      }
    
      /* Row 4 — phone pill */
      #phone-icons {
        grid-column: 1 / -1;
        grid-row: 4;
      }
}


/* Mobile: hide decorations .backgroundImages{ display:none; }*/
@media (max-width: 1600px) and (min-width: 991px){
  .home #diversity-image { display:none;}
}

/* =========================
   Tiny Phones (≤480px) — optional
   ========================= */
@media (max-width: 480px) {
  #logo img    { max-width: 260px; padding-top: 10px; }
  #pcclogo img { max-width: 260px; padding-top: 16px; padding-bottom: 16px;}
  button.menu-toggle span.icon-bar {background: #fff;  } 

}

@media screen and (min-width: 991px) and (max-width: 1200px ) {
	div#main-menu {display: none;}
	div#main-menu-toggle { display: block;}
	#phone-icons a.enquire { display: none !important; }
	button.menu-toggle span.icon-bar {background: #f26522; } 
	
	#top {
      display: grid;
      align-items: center;
      grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto auto;
      grid-template-rows: auto;
      gap: 16px;
      padding: 0 50px;
      padding-bottom:20px;
      box-sizing: border-box;
      grid-auto-flow: row dense;
      position: relative;
    }
} 

@media screen and  (max-width: 1200px ) {
	div#main-menu {display: none; width: 100%;}
	div#main-menu nav {background: #F26522;}
	div#main-menu nav ul {width: 100%;}
	div#main-menu nav ul li {width: 100%; background: #e9e9e9; text-align: left; border-bottom: 2px solid #F26522;  }
	div#main-menu nav ul li a {font-size: 18px; color: #F26522;}
	div#main-menu nav ul li.active a {border-bottom: 0;}
	div#main-menu-toggle { display: block;}
	div#sub-menu { display: none;}

	div#sub-menu ul li a { padding: 0 10px; font-size: 12px;}
}

@media screen and (min-width: 1200px) {
    
    /* UL lays items out by content width and distributes remaining space */
    #main-menu .nav.menu {
      display: flex;
      justify-content: space-between;
      align-items: center;
      list-style: none;
      margin: 0;
      padding: 0;
      white-space: nowrap;
      margin-top: 15px;
      margin-bottom: 15px;
    }

    /* Remove any stray margins/padding from nav elements */
    #main-menu nav ul {
      margin: 0;
      padding: 0;
    }

    #main-menu nav ul li {
      margin: 0;
      padding: 0;
    }
    
    /* Let LIs auto-size to content */
    #main-menu .nav.menu > li{
      flex: 0 0 auto;
    }
    
    /* Make links clickable blocks with padding */
    #main-menu .nav.menu > li > a{
      display: block;
      padding: 5px 5px;
      text-decoration: none;
      text-align: center;
    }
    
    div#main-menu nav ul li a:hover, div#main-menu nav ul li a:focus {color: #cccccc;}
    div#main-menu nav ul li a {color: #FFF; }

}
/*cc end*/


div#main-menu nav ul { list-style-type: none; padding-left: 0px; margin: 0;}
div#main-menu nav ul li { display: inline-block;}
div#main-menu nav ul li a {font-family: 'Poppins','Gotham-rounded-bold', "Arial Rounded MT Bold"; text-transform: uppercase; padding-left: 10px; padding-right: 10px; font-weight: bold; text-decoration: none; font-size: 20px; line-height: 20px; padding-bottom: 5px;}
div#main-menu nav ul li.active a {border-bottom: 3px solid #FFF;}

/*ccf  ======= FOOTER (shared) ======= */
#footer-wrapper{position:relative;overflow:hidden;background:#f4e9da;z-index:60;}
#footer-content-wrapper{max-width:1400px;margin:0 auto;padding:40px 50px;box-sizing:border-box;position:relative;z-index:1}
#footer-content-wrapper-wrapper{
  display:grid;
  grid-template-columns:280px 1fr;   /* logo | links block */
  align-items:center;gap:24px
}

/* Logo */
#footer-content-logo img{display:block;width:225px;}

/* Middle area: make it two rows (links row + copyright row) */
#footer-content-menu{
  display:grid;
  grid-template-columns:1fr;   /* links span full width of the middle column */
  grid-auto-rows:auto;
  align-items:center;
  gap:16px;                    /* space between links and copyright */
}

/* Copyright on its own second row, right-aligned on desktop/tablet */
#footer-content-text{
  grid-column:1 / -1;
  grid-row:2;
  justify-self:end;
  white-space:nowrap;
  font-weight:400
}

/* Make the module’s list a single row with even spacing on desktop */
#footer-content-menu ul,
#footer-content-menu .menu,
#footer-content-menu .nav{
  display:flex;justify-content:space-between;align-items:center;
  gap:clamp(24px,8vw,120px);
  margin:0;padding:0;list-style:none;margin-top:100px;
}
#footer-content-menu li{flex:1 1 auto;text-align:center}
#footer-content-menu a{text-decoration:none;font-weight:400;line-height:1.2;color:#000;white-space:nowrap;font-size:20px;}

/* Decorative images (adjust sources as needed) */
.footerimage{position:absolute;pointer-events:none;z-index:0}
#image1{ /* positivity */
  top:-305px; right:60px; width:460px; 
}
#image2{ /* foundations */
  top:120px; right:180px; width:120px; display:none;
}
#image3{ /* river */
  top:80px; left:-50px; width:400px;
}

/* ------- Tablet tweak ------- */
@media (max-width:1100px){
  #footer-content-wrapper-wrapper{grid-template-columns:220px 1fr auto}
  #footer-content-menu{gap:14px}
  #footer-content-menu ul,
  #footer-content-menu .menu,
  #footer-content-menu .nav{gap:clamp(16px,6vw,72px)}
}

/* ======= MOBILE (matches your screenshot) ======= */
@media (max-width: 991px) {
  #footer-content-wrapper{padding-top:180px;padding-bottom:350px;}
  /* Stack: logo, links (vertical), copyright */
  #footer-content-wrapper-wrapper{
    grid-template-columns:1fr; gap:28px; justify-items:center; text-align:center
  }
  #footer-content-menu{grid-template-columns:1fr; justify-items:center; gap:0;}


  /* Turn the nav into a centered vertical list with generous spacing */
  #footer-content-menu ul,
  #footer-content-menu .menu,
  #footer-content-menu .nav{
    display:flex; flex-direction:column; align-items:center;
    gap:10px; margin-top:0px;/* space between items */
  }
  #footer-content-menu li{flex:none; width:auto; text-align:center}
  #footer-content-menu a{
    display:inline-block; padding:6px 4px; 
    font-weight:400; text-decoration:none; font-size:20px;
  }

  /* Copyright centered under links */
  #footer-content-text{
    grid-column:1; grid-row:auto; justify-self:center; margin-top:4px; white-space:normal;font-size:20px;
  }

  #image3{ /* river */
    top:-20px; right:-70px; left:auto; bottom:auto;
    transform: rotate(-25deg);
    width:min(60vw,420px)
  }
  #image2{ /* foundations */
    top:-70px; left:-50px; right:auto; width:180px; display:inline;
    transform: rotate(-10deg);
  }
  #image1{ /* positivity */
    top:560px; right:auto; left:auto;
    width:400px; 
  }
}



/*cck Slide show CSS adjustments */

div.camera_caption > div {
    background-color: rgba(256, 256, 256, 0.25);
    left:-100px;
    max-width:450px;
    width:450px;
    top:30px;
}
div.camera_caption_title {
    font-family: 'Poppins','Gotham-rounded-bold', "Arial Rounded MT Bold";
    color:#000;
    font-size:70px !important;
}


/* Camera read more button = same look as #phone-icons .enquire */
p.camera_readmore_button { 
  margin: 0; 
  text-align: center;        /* remove if you don't want it centered */
}

p.camera_readmore_button a.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 20px 35px;
  border-radius: 9999px;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.4px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
  transition: background-color .2s ease, transform .06s ease;
  white-space: nowrap;
  font-size:22px;
  /* Enquire-specific look */
  background: #1F7EC6;
  text-transform: uppercase;
}

p.camera_readmore_button a.button:hover { background: #1a6faf; }
p.camera_readmore_button a.button:active { transform: translateY(1px); }

/* Optional: keyboard focus */
p.camera_readmore_button a.button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
/*
@media (min-width: 991px) and (max-width: 1500px ) {
    div.camera_caption_title {
        font-size:50px !important;
    }
}
    div.camera_caption_title {
        font-size:50px !important;
        padding-top:10%;
        color:#000;
        font-family: 'Poppins','Gotham-rounded-bold', "Arial Rounded MT Bold";
        text-align:left;
    }
    div.camera_caption_desc {
        color:#000;
        text-align:left;
        font-size:16px !important;
    }
    div.camera_caption > div {
        background-color: rgba(0, 0, 0, 0.0);
        max-width:600px;
        width:100%;
        padding:0 60px;
    }
    p.camera_readmore_button {
        text-align:left;
        margin:20px 0 0 0;
    }
    p.camera_readmore_button a.button {
        background: #1F7EC6;
        padding:15px 25px;
        display:inline-block;
    }
}*/
@media (max-width: 1350px) {
    div.camera_caption_title {
        font-size:40px !important;
        padding-top:10px;
    }
    div.camera_caption > div {
        background-color: rgba(256, 256, 256, 0.4);
        left:0px;
        width:90%;
        top:330px;
        text-align:center;
        
    }
    .camera_readmore_button .button {
        max-width:60%;
    }
}

/* ccb */

#servicesheader {
  position: relative;
  z-index: 0;
  width: 100%;
  margin: 0;
  background: #1F7EC6;
}

/* Heading style */
#servicesheader h2 {
  margin: 0;
  text-align: center;
  color: #fff;
}

.services-wrapper {
  position: relative;
  z-index: 0;
  width: 100%;
  padding: 0 0 80px;
  margin: 0;
  background: #1F7EC6;
}

/* Inner cleanup */
.services { padding: 0; }

/* Two rows of pills (desktop/tablet) */
.services ul {
  list-style: none;
  padding: 0;
  margin: 0 auto 26px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px 20px;                     /* row gap | column gap */
}

.services li {
  text-align: center !important;      /* override inline left aligns */
}

.services li a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 28px;
  background: #69A6D0;  
  color: #fff;
  text-decoration: none;
  font-weight:600;
  height:90px;
  text-transform: uppercase;
  line-height: 1.2;
  box-shadow: 0 6px 18px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.15);
  transition: background-color .2s ease, transform .06s ease, box-shadow .2s ease;
  white-space: nowrap;
  text-align: center;
}

.services li a:hover {
  background: #4B8FBE;
  box-shadow: 0 8px 22px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.18);
}
#before-content .services li a:active { transform: translateY(1px); }
#before-content .services li a:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
  border-radius: 9999px;
}

#before-content .services > p { margin: 0; height: 0; }

@media (min-width: 991px) {
  #servicesheader { padding-top: 80px; padding-bottom:40px; }
   .s5 {
    width:300px;
    }
    .s4 {
        width:377px;
    }
}

@media (max-width: 991px) {
    #servicesheader { padding-bottom:20px; }
    #servicesheader p {line-height:1em;margin-left:10px; margin-right:10px; }
    .services-wrapper { text-align:center;}
    .services {
        text-align: center;
    }
    .services li a {
        width:95%;
        border-radius: 9999px;
    }
    .services li {
      min-width:100%;
      margin:0;
      height:90px;
      padding-top:5px;
    }
    .services li a {
        display: inline-flex;
    }

}

.whitecontent {
    position: relative;
    font-size:25px;
    text-align:center;
    padding-left:20%;
    padding-right:20%;
    padding-top:100px;
    padding-bottom:200px;
    overflow:hidden;
}

.whitecontent h5 {
    color:#f26522;
    font-size:25px;
    font-weight:600;
}

  #creativity-image { 
    top:460px; right:10px; left:auto; bottom:auto;
    transform: rotate(-15deg);z-index: -1;
  }
  #diversity-image { 
    top:520px; left:150px; right:auto; width:600px;z-index: -1;
      
  }
  #movement-image { 
    top:-200px; left:-200px;
  }
  #movement-image img{ 
    width:600px;
  }
  
div.bgimage {
  position:absolute;pointer-events:none;z-index:0
}

div.bgimage img {
  display:inline;
}


@media (max-width: 991px) {
    .whitecontent {
        padding-top:250px;
        padding-left:20px;
        padding-right:20px;
        font-size:22px;
    }
    #creativity-image { 
        top:20px; right:-100px; 
        width:270px;
        transform: rotate(32deg);
    }
    #diversity-image { 
       top:1220px; left:100px;  width:250px;
    }
    #movement-image { 
        top:-70px; left:-180px;
    }
    #movement-image img{ 
        width:350px;
    }
}







/* ===== Children's Services Commitment (green band) ===== */
.greencontent{
  background:#4ca16f;              /* green band */
  color:#111;                       /* body text colour */
  padding: clamp(48px, 6vw, 84px) 20px;
  z-index:10;
}

.greencontent > *{ margin:0 auto; text-align:center; }

/* readable line length */
.greencontent p { max-width: 1100px; }
.greencontent h2{ max-width: 1300px; }

/* Heading */
.greencontent h2{
  color:#fff;
  margin-bottom: clamp(16px, 2.2vw, 28px);
}

/* Body copy */
.greencontent p{
  font-size: 22px;
  line-height: 1.55;
  margin-bottom: 16px;
}


/* Optional: soften edges on huge screens */
@media (min-width: 1600px){
  .greencontent{ padding-left: 40px; padding-right: 40px; }
}



@media (max-width: 991px) {
    .greencontent h2{
      font-size: 45px;
      font-weight:700;
      padding-top:100px;
    }
    .greencontent{
        padding-left:30px;
        padding-right:30px;
    }
    .home .feature-block-text-wrapper {
        padding-bottom:100px !important;
        
    }
    .home .feature-block-heading {
      padding-top:60px;
    }

}

/* Outer wrappers in a 3-up row */
.home .feature-block-wrapper{
  display:inline-block;
  vertical-align: top;
  width:30%;
  margin-left:30px;
  margin-top:150px;
  min-width:400px;
}


/* Card shell */
.home .feature-block{
  margin-top:0px;
  margin-bottom:200px;
  position:relative;
  display:flex;
  flex-direction:column;
  border-radius:24px;
  overflow:hidden;                         /* rounds image + panel */
  box-shadow:0 10px 30px rgba(0,0,0,.12);
}

/* Top image — keep same height across cards */
.home .feature-block-image-wrapper{
  aspect-ratio:16 / 10;                    /* consistent crop */
  background-size:cover !important;
  background-position:center !important;
  width:100%;
}

/* ---------- Coloured text panel ---------- */
/* Force equal heights via a fixed min-height (tweak as needed) */
.home .feature-block-text-wrapper{
  --panel:#2a78b7;                         /* default; overridden per variant */
  --panel-min: 550px;                      /* << set equal panel height here */
  position:relative;
  background:var(--panel);
  color:#fff;
  padding:24px;

  display:flex;                            /* allow inner flex column */
  min-height:var(--panel-min);
}

/* Remove any legacy curved overlay that could affect spacing */
.home .feature-block-text-wrapper::before{ content:none !important; }

/* Inner content: stack + fill, push button down */
.home .feature-block-text{
  max-width:90%;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:12px;
  width:100%;
  min-height:0;
  flex:1 1 auto;
}

/* Heading + body copy */
.home .feature-block-heading{
  font-size: 50px;
  line-height:1.1;
  font-weight:700;
  margin:6px 0 6px;
  color:#fff;
}

.home .feature-block-summary{
  font-size:18px;
  line-height:1.55;
  opacity:.95;
}
.home .feature-block-summary p{ margin:0 0 10px; }
.home .feature-block-summary ul{ margin:10px 0 0 20px; }

/* Button row: always bottom within panel */
.home .feature-block-button{ margin-top:auto; }

/* Also space buttons that live inside summary content */
.home .feature-block-summary .button{ margin-top:18px; }

/* Buttons */
.home .button{
  display:inline-block;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.3px;
  border-radius:9999px;
  background:rgba(255,255,255,.18);
  color:#fff;
  text-decoration:none;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.25),
    0 6px 16px rgba(0,0,0,.15);
  transition: transform .08s ease, background .2s ease, box-shadow .2s ease;
}
.home .button:hover{ transform:translateY(-1px); background:rgba(255,255,255,.24); }

/* Colour variants (match your HTML classes) */
.home .feature-block.red    .feature-block-text-wrapper{ --panel:#2a78b7; } /* blue */
.home .feature-block.amber  .feature-block-text-wrapper{ --panel:#cf7cb0; } /* pink */
.home .feature-block.orange .feature-block-text-wrapper{ --panel:#f26522; } /* orange */

@media (max-width: 1300px) {
    .home .feature-block-wrapper{ width:100%; margin:0 0 18px;}
    .home .feature-block {
        border-radius:0px;
        margin-bottom:0px;
    }
    .home .feature-block-wrapper{
        margin-bottom:0px;
    }
    .home .feature-block-text{
      max-width:90%;
    }
    .home .feature-block-text-wrapper{
      min-height:250px;
    }
}

.pinkblock {
    background:#DC81AD;
    width:100%;
}
.pinkblock h3 {
    color:#fff;
}

.pinkblock li {
    color:#fff;
}

.blueblock {
    background:#1F7EC6;
    width:100%;
}
.blueblock h3 {
    color:#fff;
}

.blueblock li {
    color:#fff;
}


/* Legacy helper */
.clear{ display:none; }



/* background images */
/* ===== Decorative backgrounds ===== */
.backgroundImages{
  position: relative;
  pointer-events: none;
}
.backgroundImages .bgimage{ position: absolute; }
.backgroundImages .bgimage img{ display:block; width:100%; height:auto; }

/* Foundations — always under sections */
.backgroundImages #flora-image{
  top:-150px; right:-200px;
  width:min(60vw,420px);
  z-index:-1;
}

.backgroundImages #foundations-image{
  right:380px; bottom:-200px;
  width:min(60vw,420px);
  z-index:-1;
}
.backgroundImages #foundations-image img{
  transform: rotate(-45deg);
  transform-origin: center;
  z-index:-1;
}

.backgroundImages #embed-creativity-image {
  top:300px; right:-100px;
  z-index:-1;
}

.ourservices #creativity-image { 
    top:-270px; right:-110px; left:auto; bottom:auto;
    transform: rotate(-15deg);z-index: -1;
  }

.about-us .backgroundImages #embed-diversity-image {
  top:-280px; left:-100px;
  z-index:-1;
}

.about-us .backgroundImages #embed-flora-image {
  top:-150px; right:200px;
  z-index:-1;
}

.about-us .backgroundImages #embed-movement-image {
  top:-250px; right:-300px;
  z-index:-1;
}

.backgroundImages #embed-river-image {
  top:-300px; left:-100px;
  z-index:-1;
}

.backgroundImages #embed-unity-image {
  top:-300px; left:-100px;
  z-index:-1;
}

.backgroundImages #embed-positivity-image {
  top:-300px; left:-100px;
  z-index:-1;
}

.backgroundImages #embed-integration-image {
  top:-300px; left:-100px;
  z-index:-1;
}

.backgroundImages #embed-fauna-image {
  top:-300px; left:-100px;
  z-index:-1;
}

.backgroundImages #embed-positivity-image {
  top:-300px; left:-100px;
  z-index:-1;
}


/* Fauna — below programs (will show where section is transparent) */
.backgroundImages #fauna-image{
  left:-200px; bottom:-230px;
  transform: rotate(75deg);
  z-index:30;
}


/* ===== Sections above backgrounds ===== */
#content,
#after-content,
.curricular-programs-wrapper{
  position: relative;
  /*z-index:-1;              above backgrounds */
}

/* Feature cards higher than everything decorative */
.feature-block{ position:relative; z-index:30; }


/* Mobile: hide decorations .home #diversity-image { display:none;} */
@media (max-width: 1300px){
  /*.backgroundImages{ display:none; }*/
  #fauna-image { display:none; }
}
.session-schedule {
  margin: 1rem 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.session-day-group {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 0.75rem 1rem;
  background: #fff;
}

.session-day-heading {
  margin: 0 0 0.5rem;
  font-size: 1.1rem;
}

.session {
  padding: 0.5rem 0;
  border-top: 1px solid #eee;
}

.session:first-of-type {
  border-top: none;
}

.session-time {
  margin: 0 0 0.15rem;
  font-weight: 600;
}

.session-location {
  margin: 0;
}

/* Optional: more "tabular" look on larger screens */
@media (min-width: 768px) {
  .session {
    display: grid;
    grid-template-columns: 120px 1fr;
    column-gap: 1rem;
    align-items: flex-start;
  }

  .session-time {
    margin: 0;
  }
}




/*cca*/

div#article-image p.article-hero-heading {
    color:#000;
}

.article-hero-heading-wrapper {
    padding-top:100px;
}


div#article-image div.article-hero-heading-wrapper {position: relative; width: 100%; margin: 0 auto; min-height: 457px;}
div#article-image div.article-hero-heading-wrapper {position: relative; max-width: 1180px; width: 100%; margin: 0 auto; min-height: 457px;}

@media (max-width: 991px){
  /* Use the parent as a container; show the bg only in the spacer area */
  #article-image{
    display:block;                 /* ensure visible */
    position:relative;
    background-size:cover;
    background-position:center;
    padding:0;
  }
  /* Top spacer that defines the image height (adjust ratio as needed) */
  #article-image::before{
    content:"";
    display:block;
    width:100%;
    padding-top: 66.66%;          /* ~3:2 image; use 56.25% for 16:9 */
  }

  /* Heading block sits BELOW the image */
  #article-image .article-hero-heading-wrapper{
    position:static;
    min-height:0 !important;
    margin:0;
    padding-top:22px;
    padding-bottom:26px;
    background:#f1f1f1;           /* light band under the image */
    text-align:center;
  }
  #article-image p.article-hero-heading{
    margin:0;
    color:#111;
    font-weight:800;
    font-size: 50px !important;
    line-height:1.15;
  }
  
  .childcare-search-form {
      margin:0 !important;
  }
  div.childcare-search-form-wrapper div.childcare-search-form {
      width:100% !important;
  }
  .childcare-search-form-fields {
      width:80%;
      margin:auto;
  }
  div#article-image div.article-hero-heading-wrapper {
      margin:0 !important;
  }
}




#google-map {
    z-index:50;
}

.infoBox .button{
    font-size:20px;
    color:#fff;
    background:#F26522;
    display:inline-block;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.3px;
    border-radius:9999px;
    text-decoration:none;
    box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.25),
    0 6px 16px rgba(0,0,0,.15);
    transition: transform .08s ease, background .2s ease, box-shadow .2s ease;
}

/*cc div#main-menu {float: left; width: 80%; padding-top: 5px; text-align: right; background-color:#f26522;}*/




/*cc div#main-menu-toggle {display: none; cursor: pointer; float: right;} */
button.menu-toggle {background: transparent; border: 0; cursor: pointer; margin: 5px; margin-right: 0;}
div.mobile-menu-text {width: 50%; float: left; color: #FFF; font-weight: bold; text-transform: uppercase; font-size: 20px; line-height: 50px;}
div.mobile-menu-bars {width: 50%; float: left;}
button.menu-toggle span.icon-bar {width: 40px; height: 5px; margin: 8px;  display: block; margin-right: 0; margin-left: 16px;} 



div#main-menu-toggle span.open{background: #f26522; float: left; height: 5px; transition: .3s; width: 48px; position: relative; top: 9px; margin-bottom: 10px; margin-left: -18px;}
div#main-menu-toggle span.close{background: #FFF; background-image: url(/images/icons/close.png); background-position: left; background-repeat: no-repeat; background-size: 48px 48px; float: left; height: 54px; transition: .3s; width: 60px; position: relative; top: 0px; margin-bottom: 10px; margin-left: -18px;}


/* cck
div#body.slideshow .camera_pag {margin-top: -100px;}
.slideshow div.camera_pag {visibility: hidden;}
div#slideshow div.camera_next:hover, div#slideshow div.camera_prev:hover, div#slideshow div.camera_stop:hover, div#slideshow div.camera_play:hover {background-color: #FFF;}
div#slideshow div.camera_next:focus, div#slideshow div.camera_prev:focus, div#slideshow div.camera_stop:focus, div#slideshow div.camera_play:focus {background-color: #F26522;}
.camera_wrap .camera_pag .camera_pag_ul li:focus {background-color: #F26522; border: 3px solid #fdc039;}
p.slideshow-heading {display: none;}
*/


div#orange-block-wrapper {background-color: #e98300;}
div#orange-block {max-width: 1180px; width: 90%; margin: 0 auto; color: #FFF; text-align: center; padding: 5%; font-size: 20px;}
/*
div.yellow-services-wrapper { background: #fdc039; padding: 20px;margin-left:auto;margin-right:auto;}
div.yellow-services {max-width: 1180px; margin: 0 auto; color: #FFF; font-family: 'Poppins','Gotham-rounded-bold', "Arial Rounded MT Bold"; font-size: 24px;}
div.yellow-services-wrapper ul, div.yellow-services-wrapper ul li {list-style-type: none; margin: 0; padding: 0;}
div.yellow-services-wrapper ul li {display: inline-block; width: 18%; border-right: 1px solid #333;}
div.yellow-services-wrapper ul li:last-child {border-right: 0; border-right: 1px solid #333;}

div.yellow-services-wrapper ul li {background-repeat: no-repeat; background-size: 48px 48px; padding-left: 6%; background-position-x: 8px; line-height: 25px;}
div.yellow-services-wrapper ul li a {text-decoration: none; color: #FFF;}
div.yellow-services-wrapper ul li a:hover, div.yellow-services-wrapper ul li a:focus {color: #F26522;}
div.yellow-services-wrapper ul li.long-day-care {background-image: url(/images/icons/long-day-care.png);width:13%;}
div.yellow-services-wrapper ul li.pre-school {background-image: url(/images/icons/pre-school.png);width:13%;}
div.yellow-services-wrapper ul li.osh-care {background-image: url(/images/icons/osh-care.png);width:13%;}
div.yellow-services-wrapper ul li.vacation-care {background-image: url(/images/icons/vacation-care.png);width:13%;}
div.yellow-services-wrapper ul li.mobile-play-van {background-image: url(/images/icons/mobile-play-van.png);width:13%;border:none;}
div.yellow-services-wrapper ul li.occupational-therapy {background-image: url(/images/icons/occupational_therapy.png);width:16%;}
div.yellow-services-wrapper ul li.speech-therapy {background-image: url(/images/icons/speech_therapy.png);width:16%;}
div.yellow-services-wrapper ul li.advocacy {background-image: url(/images/icons/advocacy.png);width:16%;}
div.yellow-services-wrapper ul li.specialised {
    background-image: url(/images/icons/specialised.png);background-size:48px 48px;width:21%;border:none;}
*/
div.round-block {max-width: 1180px; width: 100%; margin: 0 auto; padding-top: 30px; padding-bottom: 30px;}
div.round-block-image-wrapper {min-height: 240px; background-size: cover; width: 40%; float: left; padding-left: 5%; padding-right: 5%; text-align: right;}
div.round-block-text-wrapper {min-height: 240px; width: 50%; float: left; font-family: 'Poppins','Avenir-Medium', Arial; font-size: 16px;}
div.round-block-text p.round-block-heading {padding: 0; margin: 0; font-family: 'Poppins','Gotham-rounded-bold', "Arial Rounded MT Bold"; font-size: 32px; line-height: 1.2;padding-top: 50px;}
div.round-block-text p.round-block-heading span.orange {color: #F26522;}
div.round-block-text p.round-block-heading span.amber {color: #f0ad04;}


/*ccfb*/


#article-content div div.feature-block-image-wrapper[style*="Mobile_playvan_image_Crop.jpg"] {
  background-position:right;
}


#article-content div div.feature-block { width: 100%; margin: 0 auto;}
#article-content div div.feature-block.white {padding-bottom: 20px; padding-top: 20px;}
#article-content div div.feature-block-image-wrapper {min-height: 400px; background-size: cover; width: 50%; float: left; background-position: center;z-index:20; border-radius: 32px;}
#article-content div div.feature-block-text-wrapper {min-height: 240px; width: 50%; float: left; font-family: 'Poppins','Avenir-Medium', Arial; font-size: 24px;}
/*#article-content div div.feature-block.white div.feature-block-text-wrapper {background: #FFF;} */
/*
#article-content div div.feature-block.charcoal div.feature-block-text-wrapper {background: #333;}
#article-content div div.feature-block.orange div.feature-block-text-wrapper {background: #F26522;}
#article-content div div.feature-block.red div.feature-block-text-wrapper {background: #ce1f2c;}
#article-content div div.feature-block.amber div.feature-block-text-wrapper {background: #f0ad04;}
*/
#article-content div div.feature-block.charcoal div.feature-block-text-wrapper {background: #409465;} /* green */
#article-content div div.feature-block.orange div.feature-block-text-wrapper {background: #F26522;}
#article-content div div.feature-block.red div.feature-block-text-wrapper {background: #2a78b7;}  /* blue */
#article-content div div.feature-block.amber div.feature-block-text-wrapper {background: #cf7cb0;} /*pink */


#article-content div div.feature-block a.button {border-radius: 9999px; margin-top: 15px;}
#article-content div div.feature-block a.button:hover, div.feature-block a.button:focus {background-color: #F26522 !important;}
#article-content div div.feature-block.amber a.button:hover, div.feature-block a.button:focus {background-color: #ce1f2c !important;}
#article-content div div.feature-block.red a.button {background-color: #aa272f;}
#article-content div div.feature-block.amber a.button {background-color: #ea8300;}
#article-content div div.feature-block.orange a {color: #ffffff;}
#article-content div div.feature-block.red a {color: #ffffff;}

#article-content div div.feature-block-text {padding: 35px; color: #FFF;}
#article-content div div.feature-block.white div.feature-block-text {color: #333; padding-top: 0;}
#article-content div div.feature-block.white div.feature-block-text p.feature-block-heading {color: #F26522;}
#article-content div div.feature-block-text p.feature-block-heading {padding: 0; margin: 0; font-family: 'Poppins','Gotham-rounded-bold', "Arial Rounded MT Bold"; font-size: 50px;font-weight:700;}


#article-content div div.feature-block.col-right div.feature-block-image-wrapper {float: right;}
#article-content div div.feature-block.col-right div.feature-block-text-wrapper {float: right;}
/**/

@media (max-width: 1350px) {
    #article-content div div.feature-block-image-wrapper {min-height:400px !important;
    }
    
    #article-content {width:100%}
    #article-content div div.feature-block.white {padding-bottom: 0px; padding-top: 0px;}
    #article-content div div.feature-block-image-wrapper {border-radius:0px;width:100%;
    }
    #article-content div div.feature-block-text-wrapper { width:100%}
	#article-content div div.feature-block.col-right {  display:block;}
	#article-content div div.feature-block{  display:block;}
	#article-content div div.feature-block.col-left {  display:block;}	
	#article-content p {padding-left:20px;padding-right:20px;}
    #article-content .feature-block-wrapper{
        flex-direction:column;  /* easiest way to stack */
        flex-wrap:nowrap;       /* not needed once we column-stack */
        gap:12px;
    }
    #article-content .feature-block{
        flex:1 1 100%;
        max-width:100%;
        width:100%;
        min-width:0;            /* kills any pesky min-widths */
    }
}






div.curricular-programs-wrapper {padding-left: 20px;padding-right: 20px;padding-top: 20px;padding-bottom: 100px;background:#1F7EC6;}
div.curricular-programs {width: 100%; margin: 0 auto; padding: 10px; color: #000; font-size: 16px; text-align: center;}
div.curricular-programs-wrapper ul, div.curricular-programs-wrapper ul li {list-style-type: none; margin: 0; padding: 0;}
div.curricular-programs-wrapper ul li {display: inline-block; width: 12.5%; font-family: 'Poppins','Avenir-Medium', Arial; background-repeat: no-repeat; background-size: 48px; background-position: center; padding-top: 60px; background-position-y: top; vertical-align: top; line-height: 1.2;}
div.curricular-programs-wrapper ul li.music {background-image: url(/templates/childcarev2/images/music.png);}
div.curricular-programs-wrapper ul li.photography {background-image: url(/templates/childcarev2/images/photography.png);}
div.curricular-programs-wrapper ul li.yoga {background-image: url(/templates/childcarev2/images/yoga.png);}
div.curricular-programs-wrapper ul li.mentoring {background-image: url(/templates/childcarev2/images/mentoring.png);}
div.curricular-programs-wrapper ul li.incursions {background-image: url(/templates/childcarev2/images/excursions.png);}
div.curricular-programs-wrapper ul li.transition {background-image: url(/templates/childcarev2/images/transition.png);}
div.curricular-programs-wrapper ul li.parenting {background-image: url(/templates/childcarev2/images/parenting-programs.png);}

/*############### CHILDCARE COMPONENT ##################*/

:root{
  --pcc-blue:#207DC1;        /* page bg */
  --pcc-blue-cta:#5FA4D3;    /* button/segment fill */
  --pcc-orange:#F26522;      /* brand accent */
  --field-h:56px;            /* unified control height */
  --radius:24px;             /* pill radius */
}


.childcare-centre-tile .h3{
    font-size:28px;
}

.childcare-centre-tile .button{
    font-size:20px;
    color:#fff;
    background:#F26522;
    display:inline-block;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.3px;
    padding:12px 18px;
    border-radius:9999px;
    text-decoration:none;
    box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.25),
    0 6px 16px rgba(0,0,0,.15);
    transition: transform .08s ease, background .2s ease, box-shadow .2s ease;
    
    
    
}


/* Wrappers */
div.childcare-grid-wrapper{max-width:1180px;width:100%;margin:0 auto;}
div.childcare-map-wrapper{max-width:1180px;width:100%;margin:0 auto;padding-bottom:80px;}
div.childcare-search-form-wrapper div.childcare-search-form{width:80%;margin:0 auto;}
div.childcare-search-form-wrapper.grid{background-color:#DB81B5}
div.childcare-search-form-wrapper.map{background-color:var(--pcc-blue);}
div.childcare-search-form-wrapper>div.padding10{padding:0}

/* Toggle bars */
div.childcare-search-form-wrapper div.childcare-search-form-grid{
  background:#DB81B5;color:#FFF;text-align:center;
  font-family:'Poppins','Gotham-rounded-bold',"Arial Rounded MT Bold";
  font-size:28px;font-weight:700;
}
div.childcare-search-form-wrapper div.childcare-search-form-map{
  background:var(--pcc-blue);color:#FFF;text-align:center;
  font-family:'Poppins','Gotham-rounded-bold',"Arial Rounded MT Bold";
  font-size:28px;font-weight:700;
}
div.childcare-search-form-wrapper div.childcare-search-form-grid a,
div.childcare-search-form-wrapper div.childcare-search-form-map a{
  color:#FFF !important;font-family:'Poppins',"Arial Rounded MT Bold";
  font-size:28px;display:block;padding:10px;text-decoration:none;
}

/*

div.childcare-search-form-wrapper div.childcare-search-form-grid a:hover,
div.childcare-search-form-wrapper div.childcare-search-form-grid a:focus,
div.childcare-search-form-wrapper div.childcare-search-form-map a:hover,
div.childcare-search-form-wrapper div.childcare-search-form-map a:focus{background-color:#4D97CD;}
*/


/* Text & labels */
div.childcare-search-form-wrapper p.find-local-centre{
  color:#FFF;font-family:'Poppins','Gotham-rounded-bold',"Arial Rounded MT Bold";
  font-size:28px;margin:0;font-weight:700;
}
div.childcare-search-form-wrapper a.reset-filter{color:#000;font-size:22px;}
div.childcare-search-form-wrapper div.form-input label{
  color:#FFF;font-family:'Poppins','Gotham-rounded-bold',"Arial Rounded MT Bold";
  font-size:20px;margin:0;font-weight:700;
}
div.childcare-search-form-wrapper div.form-input label.error{color:#C03;}
div.childcare-search-form-wrapper div.form-input label.serviceid{margin-top:1em;display:block;}

/* ===== Unified TEXT INPUT ===== */
div.childcare-search-form-wrapper div.form-input input{
  width:90%;
  height:var(--field-h);
  padding:0 22px;
  border:0;
  border-radius:var(--radius);
  background:#fff;
  font-family:'Poppins','Avenir-Medium';
  color:#333;font-size:18px;line-height:var(--field-h);
  box-shadow:0 8px 18px rgba(0,0,0,.16);
}
div.childcare-search-form-wrapper.map div.form-input label input{
  border:0 !important;        /* remove old yellow border on map view */
}

#keywords {
  margin-top: 30px; 
}

/* ===== SELECT (pill + blue right segment + chevron) ===== */
div.select-wrapper{
  position:relative;
  width:100%;
  background:#fff;
  border-radius:var(--radius);
  box-shadow:0 8px 18px rgba(0,0,0,.16);
  overflow:hidden;             /* so the right segment clips perfectly */
}
div.select-wrapper select{
  -webkit-appearance:none;appearance:none;
  width:100% !important;
  height:var(--field-h) !important;
  line-height:var(--field-h);
  border:0;
  background:transparent;
  border-radius:var(--radius);
  padding:0 80px 0 18px;       /* room for the blue segment */
  font-family:'Poppins','Avenir-Medium';
  color:#333;font-size:17px;cursor:pointer;
}
/* blue right segment */
div.select-wrapper::after{
  content:"";
  position:absolute; top:0; right:0; height:100%; width:72px;
  background:var(--pcc-blue-cta);
  border-radius:0 var(--radius) var(--radius) 0;
  pointer-events:none;
  z-index:1;                   /* under chevron */
}
/* white chevron (pure CSS) */
div.select-wrapper::before{
  content:"";
  position:absolute; right:30px; top:50%;
  width:12px; height:12px;
  border-right:3px solid #fff;
  border-bottom:3px solid #fff;
  transform:translateY(-60%) rotate(45deg); /* points down */
  pointer-events:none;
  z-index:2;                   /* above blue segment */
}
/* kill legacy select borders on map variant */
div.childcare-search-form-wrapper.map div.select-wrapper select{border:0 !important;}

/* ===== Search button (rounded, soft, uppercase) ===== */
div.childcare-search-form-wrapper p.search-submit-button{
  text-align:center;margin-top:50px;
}
div.childcare-search-form-wrapper p.search-submit-button input[type="submit"]{
  -webkit-appearance:none;appearance:none;display:inline-block;
  min-width:200px;
  height:var(--field-h);
  padding:0 34px;
  border:0;border-radius:9999px;
  background:var(--pcc-blue-cta);color:#fff;
  font-family:'Poppins','Gotham-rounded-bold',"Arial Rounded MT Bold";
  font-weight:800;font-size:20px;
  letter-spacing:.08em;text-transform:uppercase;text-align:center;cursor:pointer;
  box-shadow:0 10px 22px rgba(0,0,0,.20),
             inset 0 2px 0 rgba(255,255,255,.35),
             inset 0 -2px 0 rgba(0,0,0,.08);
  transition:transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
div.childcare-search-form-wrapper p.search-submit-button input[type="submit"]:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(0,0,0,.24),
             inset 0 2px 0 rgba(255,255,255,.38),
             inset 0 -2px 0 rgba(0,0,0,.09);
  filter:brightness(1.02);
}
div.childcare-search-form-wrapper p.search-submit-button input[type="submit"]:active{
  transform:translateY(0);
  box-shadow:0 6px 14px rgba(0,0,0,.22),
             inset 0 1px 0 rgba(255,255,255,.25),
             inset 0 -1px 0 rgba(0,0,0,.10);
  filter:brightness(.98);
}
div.childcare-search-form-wrapper p.search-submit-button input[type="submit"]:focus{
  outline:3px solid rgba(255,255,255,.65);outline-offset:3px;
}

/* Results/tiles (unchanged behaviours) */
p.childcare-search-results-count{text-align:center;font-size:28px;}
div.childcare-centre-tile{border:1px solid #c2c7ca;min-height:600px;position:relative;}
div.childcare-centre-tile p.image{background-size:cover;min-height:180px;margin:0;background-color:#c9c9c9;}
div.childcare-centre-tile p.title.h3{margin:0;}
div.childcare-centre-tile p.title.h3 a{color:var(--pcc-orange);text-decoration:none;}
div.childcare-centre-tile p.title.h3 a:hover,
div.childcare-centre-tile p.title.h3 a:focus{color:#DB81B5;}
div.childcare-centre-tile p.childcare-more-details-button{text-align:center;position:absolute;bottom:20px;margin:0;}
div.childcare-centre-tile p.childcare-more-details-button a.button{display:block;}
div.childcare-centre-tile div.services-list ul, ul.google-map{margin:0;padding:0;}
/*div.childcare-centre-tile div.services-list li.tick, li.google-map-tick{
  margin:0;padding-left:30px;
  list-style-type:none;display:inline-block;width:60%;
  background-image:url(/images/icons/tick.png);
  background-size:20px;background-repeat:no-repeat;background-position-y:5px;
}*/
div.childcare-centre-tile .services-list {
  margin: 0;
  padding-left: 1.25rem;      /* space for the bullet */
  list-style: disc;           /* default bullet */
}

/* li items: no bg icon, no inline-block/width */
div.childcare-centre-tile .services-list li.tick,
li.google-map-tick{
  background: none !important;
  list-style: disc;           /* show • */
  list-style-position: outside;
  display: list-item;         /* restores bullet rendering */
  padding-left: 0;
  width: auto;
  margin: 0;                  /* adjust if you want vertical spacing */
}


li.google-map-tick{font-size:16px;min-width:220px;}

/* Centre details */
div.childcare-details.three{float:right;}
div.childcare-details.three div.padding20{padding-right:0;}
div.childcare-details p.childcare-contact-title{font-weight:bold;margin:0;}
div.childcare-details p.childcare-contact-address{margin:0;}
div.childcare-services-offered h3{margin-bottom:0;}
div.childcare-service-details-wrapper{border-bottom:1px solid #999;padding:20px 0;}
div.childcare-service-details-wrapper:first-child{padding-top:0}
div.childcare-service-details-wrapper:last-child{border-bottom:0;}
div.childcare-service-details p.childcare-service-tick{font-weight:bold;margin:0;}
div.childcare-service-details p.childcare-operating-hours{margin:0;}
div.childcare-service-details p.childcare-age-range{margin:0;}
div.childcare-service-details p.childcare-hubworks-url{margin:0;}
div.childcare-service-details p.childcare-hubworks-url-button{display:none;margin:0;}
p.application-button-wrapper{margin-top:52px;}

.childcare-centre-tile div p .button {
     background:#F26522;
}



/* ===== Single breakpoint ===== */
@media (max-width: 991px){
  .childcare-search-form-fields .two, .childcare-search-form-fields .six, .childcare-search-form-fields .four {
      width:100%;
  }

    
  .childcare-search-form-wrapper .childcare-search-form{width:92%;}

  /* Controls full-width on small screens */
  div.childcare-search-form-wrapper div.form-input label input{width:100%;}
  div.select-wrapper select{padding:0 72px 0 18px;} /* keep chevron segment clear */

  .childcare-search-form-wrapper p.search-submit-button{
    margin-top:28px;
  }
  .childcare-search-form-wrapper p.search-submit-button input[type="submit"]{
    width:100%;display:block;margin:0 auto;font-size:18px;
  }
  
  #google-map {
      height:600px !important;
  }
  
  div.childcare-centre-tile p.childcare-more-details-button{text-align:center;position:relative;padding-top:65px;margin-left:15%;margin-right:15%;}
    div.childcare-centre-tile .services-list {
      margin: 40px;
      padding-left: 1.25rem;      /* space for the bullet */
      list-style: disc;           /* default bullet */
    }
}
/*############### END CHILDCARE COMPONENT ##################*/








/*############### ENQUIRY FORM ##################*/
.error {font-weight: bold; color: #c03;}
label.error {display: block;}
input.error {border: 2px solid #c03 !important;}
textarea.error {border: 2px solid #c03 !important;}

div.contact-form input.contact-field, div.contact-form textarea.contact-field {width: 90%; padding: 9px; border-radius: 9px; border: 1px solid #d9d9d9; font-family: 'Poppins','Avenir-Medium'; color: #333; font-size: 18px; margin-top: 15px;}

div.contact-form div.select-wrapper {width: 92%; margin-top: 15px;}
div.contact-form div.source div.select-wrapper {width: 93.5%;}
div.contact-form div.select-wrapper select {border: 1px solid #d9d9d9;}
div.contact-form textarea.contact-field {width: 94%; margin-top: 15px; margin-bottom: 0; min-height: 120px;}

/*############### ENQUIRY FORM ##################*/


div#article-image {display: none; background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; position: relative;}
div#article-image p.article-hero-heading {position: absolute; top: 25%; padding: 30px; margin: 0; background: rgb(256,256,256,0.25); }
/*cca
div#article-image div.article-hero-heading-wrapper {position: relative; max-width: 1180px; width: 100%; margin: 0 auto; min-height: 457px;}
div#article-image p.article-hero-heading {position: absolute; top: 25%; padding: 30px; margin: 0; background: rgb(0,0,0,0.6); color: #FFF;}
*/
/*############### MAPS ##################*/
div.google-map {border-bottom: 4px solid #f26522; padding-bottom: 10px;}
div#google-map {position: relative; width: 100%; height: 480px; overflow: hidden; background-image: url(/images/icons/loading.gif); background-position: center; background-repeat: no-repeat; background-size: 40px 40px; min-height: 50px;}
.shadow {overflow: hidden; position: relative;}
.shadow:before {
    content: '';
    width: 100%;
    position: absolute;
    z-index: 90;
    top: 0;
    -webkit-box-shadow: 0px 0px 13px 2px #000;
    -moz-box-shadow: 0px 0px 13px 2px #000;
    -ms-box-shadow: 0px 0px 13px 2px #000;
    -o-box-shadow: 0px 0px 13px 2px #000;
    box-shadow: 0px 0px 13px 2px #000;
}

/*############### MAPS ##################*/

/*############### CONTENT ##################*/
@media (min-width: 1350px) {
    div#article-content {width: 94%; margin: 0 auto;}
    body {padding:0;}
}
@media (max-width: 1350px) {
    div#article-image p.article-hero-heading {position:relative; background:rgb(0,0,0,0.0);}
}





div#content {width: 100%; margin: 0 auto;}
dl.article-info, div.item-image {display: none;} /*Keep article info on website for Structured Data, but hide from display.*/
/*############### CONTENT ##################*/

/*############### FOOTER ##################*/
/*ccf



div#footer-wrapper {border-top: 4px solid #f26522; width: 100%; margin-top: 10px;}
div#footer {width: 100%; max-width: 1020px; margin: 0 auto; min-height: 100px;}


*############### FOOTER ##################*

ul#footer-internal {float: left; width: 80%;}
ul#footer-external {float: left; width: 20%;}
ul#footer-internal ul:first-child > li:nth-child(4) {display: none;} 
* TO HIDE THE BLOG MENU ITEM *

div#footer-menu ul#footer-external > li {width: 100%;}

div#footer-content-wrapper {width: 100%; background: #464646; padding: 0px;}
div#footer-content-wrapper-wrapper {max-width: 1180px; width: 96%; margin: 0 auto; }
div#footer-content-logo p img{padding-top: 15px; padding-bottom: 15px;}
div#footer-content-text {line-height: 22px; color: #FFF;}
div#footer-content-menu {line-height: 22px; text-align: right; padding-top: 15px;}
#footer-content-menu li {list-style-type: none; display: inline-block; padding-left: 20px; }
#footer-content-menu li a {color: #FFF; text-decoration: underline; font-size: 16px;}
#footer-content-menu li a:hover, #footer-content-menu li a:focus {color: #F26522;}
*/
/*cc
@media screen and (max-width: 1200px){
	div#main-menu {display: none; width: 100%;}
	div#main-menu-toggle { display: block;}
} 

@media screen and (max-width: 1190px){
	
	div.yellow-services-wrapper ul li {width: 13.3%;}
	div.yellow-services-wrapper ul li {background-size: 46px 46px; padding-left: 6%; background-position-x: 8px;}
	div.yellow-services {font-size: 22px;}
} 
*/

@media screen and (max-width: 1041px){ 

	div#accessibility ul, 
	div#top, 
	div#content{width: 100%;}
/*ccf	
	div#footer, 
	div#footer-menu, 
	div#footer-content-wrapper-wrapper {max-width: 100%;}

    div.yellow-services {font-size: 20px;}
	div.yellow-services-wrapper ul li {width: 13.2%;}
	div.yellow-services-wrapper ul li {background-size: 36px 36px; padding-left: 6%; background-position-x: 12px;}
*/
/* cck	
	.camera_caption > div {
		padding: 15px;
		border-radius: 0px !important;
		font-family: 'Poppins',"Arial Rounded MT Bold";
		position: absolute;
		top: 60px;
		left: 0;
		max-width: 400px;
	}
	div.hand-icon {top: -30px;}
	div.hand-icon img {max-height: 100px;}
	div.camera_caption_title {font-size: 26px !important;}
*/
}

@media screen and (max-width: 841px){ 
/* cck
    
    li {display: list-item;text-align: left;}
	.camera_caption > div { top:20px;}
	div.camera_pag {display: none;}
	div.hand-icon {display: none;}
	div.camera_caption_title {font-size: 20px !important;}
*/	
	
	div#phone-icons {padding-top: 5px;text-align:center;padding-right:0px;}


	/*ccdiv#phone-icons a.phone {font-size: 20px; text-align: right; margin-right: 0; display: block; margin-bottom: 5px;}*/
	div#phone-icons a.phone:before {font-size: 20px;}
/*	
	div.yellow-services-wrapper div.padding20{ padding: 0;}
	div.yellow-services-wrapper ul, div.yellow-services-wrapper ul li {list-style-type: square;}
	div.yellow-services-wrapper ul li {background-image: none !important; border: 0; width: 100%; text-align: center; padding-left: 0%;}
	div.yellow-services-wrapper ul li br {display: none !important;}
*/	
	div.round-block-image-wrapper {width: 90%; text-align: center;}
	div.round-block-text-wrapper {width: 100%;  min-height: auto !important;  text-align: center;}
	

	div.curricular-programs {padding: 0;}
	div.curricular-programs-wrapper ul li {width: 49%; margin-bottom: 30px;}
	
/*
	div#article-content {width: 94%;}
	div#article-image div.article-hero-heading-wrapper {min-height: 180px;}
*/	
/* ccfb */ 
	#article-content div div.feature-block-image-wrapper {width: 100%; min-height: 400px !important;  text-align: center;}
	#article-content div div.feature-block-text-wrapper {width: 100%; min-height: auto !important;  text-align: center;}
	#article-content div div.feature-block-text p.feature-block-heading {margin-top: 15px;line-height:1.1em;}
/**/
	div#orange-block {padding: 10%; max-width: 80%;}
	
	div.childcare-search-form.padding10 {padding: 0;}
	div.childcare-search-form-fields div.form-input.two {text-align: center;}
	div.childcare-search-form-wrapper p.search-submit-button {margin-top: 0; }
	
	div.childcare-centre-tile {min-height: auto; padding-bottom: 70px;}
	
	p.application-button-wrapper {margin-top: 5px; text-align: center;}
	div.childcare-application-results.padding20 {padding: 0;}
	
	/*ccf div#footer-content-logo p {text-align: center;} */
	
/* cck	
	input {-webkit-appearance: none !important;}
	.camera_caption { width: 100%; top: 0; margin-left: 0; position: relative !important;}
	.camera_caption div {background: transparent; background-color: transparent; border-bottom: 0;}
	div.camera_caption_title {font-size: 24px; color: #FFF; text-shadow: 2px 2px 2px #000;}
	div#body.slideshow .camera_pag {margin-top: -50px;}
*/	
	/*div#event-image {padding-top: 235px;}*/
	
	div.event-search-form div.form-input label input, div.event-search-form div.form-input label select {margin-top: 5px;}
	
	div.event-search-form div.form-input {width: 99%;}
	input[type="text"].calendar {max-width: 99%;}
	div.select-wrapper {width: 94%;}
	div.event-search-form div.form-input input[type="submit"] {width: 100%; margin-top: 0;}
	.ui-datepicker .ui-datepicker-calendar td span, .ui-datepicker .ui-datepicker-calendar td a {height: 32px !important; width: 32px !important;}
	
	div.event-search-form div.form-input div.padding5 {padding: 0;}

	
	div#logo {width: 11%;}
	
	/*div#search {width: 20%;}
	div#search input {width: 58%;}*/
	
	img.left, img.right {max-width: 50%;}
	/* cc
	div#logo { width: 20%;}
	div#main-menu {display: none; width: 100%;}
	div#main-menu nav ul li {width: 100%; background: #e9e9e9; text-align: left; border-bottom: 2px solid #F26522;}
	div#main-menu nav ul li a {padding: 16px 10px; font-size: 18px; color: #F26522;}
	div#main-menu nav ul li.active a {border-bottom: 0;}
	div#main-menu-toggle { display: block;}
	div#sub-menu { display: none;}

	div#sub-menu ul li a { padding: 0 10px; font-size: 12px;}
	*/
	/* cck
	div.camera_caption_title {padding: 0px; font-size: 20px; text-align: center;}
	div.camera_caption_desc p {display: none;}
	div.camera_caption_desc p.camera_readmore_button {display: block; text-align: center;}
	div.camera_caption_desc p.camera_readmore_button a.button {padding: 12px; margin-top: 12px;}
	*/
	div#google-map {height: 360px; }
	ul.google-map-tabs li a {padding: 10px; font-size: 12px;}

	div#newsletter input[type="submit"] {font-size: 11px;}
	div#newsletter input[type="email"] {font-size: 11px;}
	
	div#contact-details {width: 31% !important;}
	div#contact-details div.five {width: 100%;}
	div#contact-details div.six {width: 100%;}
	div#media-social {width: 35% !important;}

	/*a.button, a.button:hover, a.button:focus, input[type="submit"], div.slideshow-button a, div.slideshow-button a:hover {font-size: 12px;}
    div.yellow-services-wrapper ul, div.yellow-services-wrapper ul li {display:flex;flex-direction:column;min-width:max-content;} */
}

@media screen and (max-device-width: 680px){

	h1, p.h1 {font-size: 30px;}
	div.one, div.two, div.three, div.four, div.five, div.six, div.seven, div.eight, div.nine, div.ten, div.eleven, div.twelve {width: 100% !important; }
	div#contact-details,div#media-social {width: 50% !important; }
	div#media-social {margin-top: -23px;}
	div#accessibility ul li a {font-size: 13px;}

    .slideshow div#breadcrumbs {margin-top: 0; }
    
	div#sub-menu ul, 
	div#breadcrumbs, 
	.slideshow div#breadcrumbs, 
	div.instagram, 
	div.vptags, 
	div.latest-blog {max-width:100%;}

	/*ccf
	div#footer, 
	div#footer-menu, 
	div#footer-content-wrapper-wrapper {max-width:100%;}
	
	ul#footer-internal, div#footer-menu ul > li, ul#footer-external {width: 100%;}
	
	div#footer-menu ul > li > a:after {font-family: FontAwesome; content: "\f0d7"; position: absolute; right: 10px;}
	div#footer-menu ul ul {display: none;}
	
	
	div#footer-content-text, div#footer-content-menu {text-align: center;}
	div#footer-menu ul {margin-top: 0; margin-bottom: 0;}
	*/	
	div.google-map p.h1 {margin: 10px; width: 96%; text-align: center;}
	div.google-map p.h1 span.map-pin{display: block; margin-left: 128px; height: 50px;}
	ul.google-map-tabs li {width: 49%; float: left;}
	div#google-map {height: 220px; }
	
	div.instagram p.h1 {background-position: top center; background-repeat: no-repeat; position: relative; background-size: 48px 48px; padding-top: 48px; text-align: center; text-indent: 0; width: 100%; line-height: 1.1; padding-left: 0;}
	/*ccf
	div#footer-menu-wrapper {display: none;}
	*/
}

@media screen and (max-device-width: 480px){

	div#accessibility ul, div#top, div#content {width: 100%;}
	
	/*ccdiv#logo { width: 50%;} */
	
	div.event-search-form div.form-input {width: 95%; text-align: center;}
	div.event-search-form div.form-input label {text-align: left; padding: 0; width: 90%;}
	div.event-search-form div.form-input input[type="submit"] {margin-top: 0px;}
	div#search-results-tabs ul li {width: 100%;}
	
	div#newsletter {text-align: center;}
	div#mailchimpsubscribe-message {width: 100%;}
	div#contact-details,div#media-social {width: 100% !important; text-align: center;}
	div#contact-details p.h3,div#media-social p.h3 {margin-bottom: 0px;}
	
	div.event-listing.things h3.title {width: 100%;}
	
	div#search-results div.result p.publish-date {float: none;}
	/*ccf
	div#footer-content-menu ul {padding-left: 0; margin-top: 0;}
	div#footer-content-menu ul li {display: block; text-align: center;}
	*/
	div#media-social ul li { margin-left: 8px; margin-right: 8px;}
}

@media screen and (max-device-width: 375px){ /* iPhone 6 Portrait -  375x667 */

}

@media screen and (max-device-width: 320px){ /* iPhone 5 Portrait - 320x568 */

}

/*new toolbar style pcc master menu*/
div#toolbar .separator {display: inline;}
div#toolbar {width: 100%; background: #f0e0ca; } 
div#toolbar > ul {list-style: none; padding:0 ; margin:0;   text-align:center; } 
div#toolbar ul li { display:inline-block; border-left: 3px solid #ffffff; }
div#toolbar ul li:last-child { border-right: 3px solid #fff;}  /**/
div#toolbar ul li.parent > a:after { font-family: FontAwesome; content: "\f0d7";}
div#toolbar ul li a {display: block; color: #000; text-decoration: none;  text-align:center;  padding:10px 50px; font-weight:700; font-family:'Poppins';font-size:14px;}
div#toolbar ul li:hover {background-color: #f26522;}
div#toolbar ul li.active {background-color: #f26522;}
div#toolbar ul li.activesite {background-color: #f26522;}
div#toolbar ul li a.dropdown:after {top: 13px; }
div#toolbar ul li ul {text-align: left; background: #f0e0ca; height: 0; list-style: none; margin: 0; overflow: hidden; padding: 0; border-radius: 0; position: absolute; z-index: 110; width:max-content; min-width: 160px; }
div#toolbar ul li ul.show-menu {-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); height: auto; }
div#toolbar ul li ul li { display: block; border: none; padding: 0; }
div#toolbar ul li ul li:last-child { border-right: none; }
div#toolbar ul li ul li:hover { background-color: #f26522; }
div#toolbar ul li ul li a:focus { background-color: #f26522; }
div#toolbar ul li ul li a { text-align: left; padding:10px 20px; }/**/
div#toolbar ul li:hover ul { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); height: auto; }
div#toolbar ul li:focus ul { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); height: auto; }
div#toolbar ul li a:focus + ul{height: auto; z-index: 10000000;}
div#toolbar ul li span.text { display: block;text-align:center;  padding:10px 50px;font-weight:700;font-family:'Poppins';font-size:14px;} 
div#toolbar ul li.parent span.text:after {font-family: FontAwesome; content: "\f0d7";padding-left:5px;}
div#toolbar ul li ul li a.mobileonly {display: none;}
@media screen and (max-width: 1360px){div#toolbar ul li a, div#toolbar ul li span.text {padding:10px 30px;}}
@media screen and (max-width: 1120px){div#toolbar ul li a, div#toolbar ul li span.text {padding:10px 15px;}}
@media screen and (max-width: 870px){
    .nomobile {display: none !important;}
    div#toolbar ul li {display:block;  position: relative; text-align: center;}
  	div#toolbar ul li.nomobile {display: none;}
  	div#toolbar ul li ul li.mobileonly {display: block;} 
	div#toolbar ul li ul li{float: none;width:100vw; }
	div#toolbar ul li ul li a{text-align: center;}


}
/*end new toolbar style pcc master menu*/

/* For feature block sizes */

/* ccfb */
#article-content div div.feature-block-wrapper {
    display: flex;
    flex-wrap: wrap;
    clear: both;
    padding-top:100px;
    padding-bottom:100px;
}

#article-content div div.feature-block {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;

}

#article-content div div.feature-block.col-right {
  flex-direction: row-reverse;
}


#article-content div div.feature-block:first-child {
  clear: both;
}

#article-content div div.feature-block-image-wrapper,
#article-content div div.feature-block-text-wrapper {
  min-height: 100%;
  flex: 1;
  box-sizing: border-box;
  padding: 20px;
}

#article-content div div.feature-block-image-wrapper {
  background-size: cover;
  background-position: center;
}


#article-content div div.feature-block-text {
  flex: 1;
}

#article-content div div.feature-block-summary {
  margin-bottom: 20px;
}

#article-content div div.feature-block-summary ul {
  margin: 0;
  padding-left: 20px;
}

#article-content div div.feature-block-summary li {
  list-style-type: disc;
}



@media screen and (max-width: 1360px) {
#article-content div div.feature-block-wrapper {
    padding-top:0px;
    padding-bottom:0px;
}
}
/**/

/*############### TOP TOOLBAR - PCC MASTER MENU ##################*/
div#top-toolbar {
  font-size:14px;
}
div#top-toolbar ul li ul li.mobileonly {
  display: none;
}
div#top-toolbar .separator {display: inline;font-size:14px;}
div#top-toolbar {width: 100%; background: #f0e0ca;padding:0; margin:0; } 
div#top-toolbar ul {list-style: none; padding:0 ; margin:0;   text-align:center; } 
div#top-toolbar ul li { display:inline-block; border-left: 3px solid #ffffff; }
div#top-toolbar ul li:first-child { border-right: 1px solid #fff;} 
div#top-toolbar ul li:last-child { border-right: 3px solid #fff;}
div#top-toolbar ul li.parent > a:after { font-family: FontAwesome; content: "\f0d7";}
div#top-toolbar ul li a {display: block; color: #000; text-decoration: none;  text-align:center;  padding:10px 25px; font-weight:700; font-family:'Poppins', "Arial"; }
div#top-toolbar ul li.active {background-color: #f26522;}
div#top-toolbar ul li.activesite {background-color: #f26522;}
div#top-toolbar ul li a.dropdown:after {top: 13px; }
div#top-toolbar ul li ul {text-align: left; background: #f0e0ca; height: 0; list-style: none; margin: 0; overflow: hidden; padding: 0; border-radius: 0; position: absolute; z-index: 110; width:max-content; min-width: 160px; }
div#top-toolbar ul li ul.show-menu {-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); height: auto; }
div#top-toolbar ul li ul li { display: block; border: none; padding: 0; }
div#top-toolbar ul li ul li:last-child { border-right: none; }
div#top-toolbar ul li ul li:hover { background-color: #f26522; }
div#top-toolbar ul li ul li a:focus { background-color: #f26522; }
div#top-toolbar ul li ul li a { text-align: left; padding:10px 20px; }/**/
div#top-toolbar ul li:hover ul { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); height: auto; }
div#top-toolbar ul li a:focus + ul{height: auto; z-index: 10000000;}
div#top-toolbar ul li span.text {color: #000; display: block;text-align:center;  padding:10px 50px; font-weight:700;font-family:'Poppins', "Arial";} 
div#top-toolbar ul li.parent span.text:after {font-family: FontAwesome; content: "\f0d7";padding-left:5px;}
div#top-toolbar ul li div#google_translate_element span.text {display: none;}
div#top-toolbar ul li div#google_translate_element .goog-te-gadget span {color:#000 !important;}

@media screen and (max-width: 1360px) {
  div#top-toolbar ul li a,
  div#top-toolbar ul li span.text {
    padding: 10px 30px;
  }
}
@media screen and (max-width: 1120px) {
  div#top-toolbar ul li a,
  div#top-toolbar ul li span.text {
    padding: 10px 15px;
  }
  
}
@media screen and (max-width: 870px) {
  div.event-content-block {min-height: 340px;}
  .article-content{padding:0 5px;}
  /*ccf 
  div#footer-content {padding-right:15px;padding-left:15px;}
  */
  .f-right {padding-right:20px;}
  p.eventdatetime {font-size: 12px;}
  div.six p{padding-right:10px;}
   .nomobile {display: none !important;} 
  div#top-toolbar ul li ul {z-index:999;}
  div#top-toolbar ul li {
    display: block;
    position: relative;
    text-align: center;
  }
  div#top-toolbar ul li.nomobile {
    display: none;
  }
  div#top-toolbar ul li ul li.mobileonly {
    display: block;
  }
  div#top-toolbar ul li ul li {
    float: none;
    width: 100vw;
  }
  div#top-toolbar ul li ul li a {
    text-align: center;
  }
  div#top-toolbar ul li ul.invisible{background-color:#efe0ca;}
  div#top-toolbar ul li, div#top-toolbar ul li:last-child  {border:none;}
  
  
}

/* Our Services Page */
/* Alternating left/right block layout */
div.block {
  display: flex;
  align-items: stretch;
  margin-bottom: 80px;
  gap: 40px;
}

div.leftblock,
div.rightblock {
  flex: 1;
  min-width: 0;
}

/* Odd blocks (1st, 3rd, 5th...): left on left, right on right */
div.block:nth-child(odd) {
  flex-direction: row;
}

div.block:nth-child(odd) div.leftblock {
  order: 1;
}

div.block:nth-child(odd) div.rightblock {
  order: 2;
}

/* Even blocks (2nd, 4th, 6th...): right on left, left on right (reversed) */
div.block:nth-child(even) {
  flex-direction: row-reverse;
}

div.block:nth-child(even) div.leftblock {
  order: 2;
}

div.block:nth-child(even) div.rightblock {
  order: 1;
}

/* Responsive: stack on tablets/mobile */
@media (max-width: 991px) {
  div.block {
    flex-direction: column !important;
  }
  
  div.leftblock,
  div.rightblock {
    order: auto !important;
    width: 100%;
    margin-bottom: 20px;
  }
}

/* Pill-style buttons for Long Day Care, Preschool, OSHC, Vacation Care sections */


/* Hover states */
div.block p a.button:hover,
div.block p a.button:focus {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.16);
}

div.block p a.button:active {
  transform: translateY(0);
}

/* Our Services Page END */



/*############### END TOP TOOLBAR - PCC MASTER MENU ##################*/