/* -------------------------------------------------------
   GENERAL LAYOUT / GLOBAL FIXES
------------------------------------------------------- */
.col-md-12 > div:nth-child(2) { display: none; }
.col-md-12 .control-group { display: none; }
.col-md-12 legend { display: none; }

div#mod-custom188 { margin-bottom : 50px !important; }
div#enquirytext p  { line-height : 1.5}


.imgtext {background-color: #fcecdf;border-radius: 20px;padding: 20px;margin : 0px 0px 30px 0px !important}
.imgtextleft {background-color: #fcecdf;border-radius: 20px;padding: 20px;margin : 0px 0px 30px 0px !important}
.imgtextthree {background-color: #fcecdf;border-radius: 20px;padding: 20px;margin : 0px 0px 30px 0px !important}

.teambackground { background-color : #fcecdf}
/* THIS LINE ADDED 10/02/2026 */
.article-fulltext-inner {padding : 0px 25px;width: 75%;margin: auto;}


.owl-item {  border-radius : 125px; text-align : center }
.owl-item img {  border-radius : 170px !important;}
.owl-stage { margin: auto; }
.btnlanding { padding: 10px 0; font-size: 16px; font-weight: 500; border-radius: 30px; width: 48%; }
.homesidetext {margin-bottom : 0px !important;text-align : left;font-size: 20px;}

ul.list-unstyled li a { color : #592d06; font-size : 20px }

#gkFooter { background-color : #fcecdf !important; }
#gkFooter a { color :#592d06}
a { color :#592d06; border-bottom : 0px solid transparent; transition: none;}
li { color :#592d06}

#back-to-top { display : none;}

#topbookavisit{ display:none}
html {
    scroll-behavior: smooth;
    scroll-padding-top: 15px;
}

p { color :#592d06; font-size : 20px}
/* -------------------------------------------------------
   BLOG & ARTICLE IMAGE FIXES
------------------------------------------------------- */
.blog-slide .item img { margin-bottom: 0px !important; }
.blog-slide .item .item-title { margin-bottom: 0px; }

figure.item-page figure.item-image {
    display: none;
    margin-bottom: 0px !important;
}

figure.none.item-image {
    float: left;
    margin-right: 20px;
    width: 40%;
}


/* -------------------------------------------------------
   ARTICLE CONTENT VISIBILITY
------------------------------------------------------- */
.article-intro,
.article-introtext {
    display: none !important;
}


/* Centre items inside Owl Carousel */
#blog-slide-174 .owl-stage {
    display: flex !important;
    justify-content: center !important;
}

#blog-slide-174 .owl-item {
    float: none !important;  /* Remove Owl's float */
}


/* -------------------------------------------------------
   NURSERY FACILITIES MODULE
------------------------------------------------------- */
.nursery-facilities .facility a {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    color: #333;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    min-height: 100px;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    transition: all 0.25s ease-in-out;
}
#facilityBody { color : #592d06; font-size : 20px }

.nursery-facilities .facility a.active {
    background: #ee7b18;
    border-color: #ee7b18;
    color: #fff;
}

.nursery-facilities .facility a.active i { color: #fff !important; }

.nursery-facilities .facility a p {
    line-height: 1.2;
    margin-bottom: 0;
}


/* -------------------------------------------------------
   MAPS / IMAGES
------------------------------------------------------- */
.burtonmap img {
    border-radius: 20px !important;
    width: 100%;
    margin-bottom: 40px;
}
.bg-map { background-color : #fcecdf}

.img-col img {/* height: 300px !important; */}

.shadowimage {
    border-radius: 20px;
    margin: auto !important;
    width: 98% !important;
}


/* -------------------------------------------------------
   DJ-SLIDER FIXES
------------------------------------------------------- */
#djslider191 { height: 230px; }
#imgspacer { margin-top: 5px; }

#slider-container191 {
    border-radius: 20px !important;
    overflow: visible !important;
}
.ot-buttons .ot-btn {
    width: 200px; /* Adjust to your preferred width */
}
#slider191 img.dj-image {
    border-radius: 20px !important;
    display: block;
    height: auto;
    object-fit: contain;
    width: 100%;
}


/* -------------------------------------------------------
   FACILITY IMAGE DISPLAY
------------------------------------------------------- */
.facility-display img {
    /* border-radius: 20px; */
    max-width: 100%;
    transition: opacity 0.3s ease;
}

#facilityImage { width: 85%; }


/* -------------------------------------------------------
   TEMPLATE / GAVICK PRO (GK) OVERRIDES
------------------------------------------------------- */
#gkBottom1 {
    background-image: none !important;
    padding: 0px;
}

#gkBottom2 .container {
    padding : 0px !important;
}

#gkHeader {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

#gkHeaderMod {
    height: auto !important;
    margin: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
}

#gkHeaderNav { z-index: 9999; }

#gkMainbodyWrap .box {
    padding-bottom: 0px;
    padding-top: 0px;
}

#gkSidebar { display: none; }

#gkSidebar .moduletable { background-color: transparent; }

.gkMainMenu > .gkmenu.level0 > li > a,
.gkMainMenu > .gkmenu.level0 > li > span {
    color: #934320 !important;
    cursor: pointer;
    font-family: "Alan Sans";
}


/* Submenu item color */
.gkmenu.level1 li a {
  color: #592d06 !important;
}

/* Submenu item hover - make bold */
.gkmenu.level1 li a:hover {
  font-weight: bold;
    xcolor : red !important;
}




.gkMainMenu.gkMenu { z-index : 9999;}

    .headerbutton { margin-top : 20px; margin-bottom : 10px}
#options { display : none; }

/* -------------------------------------------------------
   MODULES & BUTTON STYLES
------------------------------------------------------- */
.btn-sidemenu {
    background-color: #db2164;
    margin-right: 10px;
    color : white !important;
    font-size: 20px;
    font-family: "Alan Sans";
}
.btn.btn-sidemenu.btn-visit { font-family : "Alan Sans" !important; }
.content .lead { color : #4F4F4F}
.j-blue-color { color: #351D77 !important; }
.j-orange-bg {
    background-color: #592d06!important;
    border: none !important;
    color: #fff !important;
}
.j-orange-color {color: #592d06!important;}
.text-uppercase { text-transform : none !important}
.link__graphic { display: none; } /* hides scribble under menu items */

.main-logo {min-height: 200px;padding: 25px;}

#landingheader {margin-bottom : 15px;}
#landingtext{
    background-color: #fcecdf;
    padding: 20px;
    border-radius: 30px;
    border: 1px solid lightgray;
}

#landingtextborder {
    background-color: #fcecdf;
    padding: 20px;
    border-radius: 0px;
    border: 1px solid lightgray;
    margin-bottom: 30px;
    height : 180px;
    }
#mod-custom172 {
    align-content: center;
    background-color: orange;
    height: 50px;
    text-align: right;
}

#mod-custom214 {margin-top: 0px;}
#mod-custom225 {margin-top: 40px;}
#mod-custom183 {margin-top: 40px;}
#mod-custom179 {margin-bottom : 60px;}
.no-mainbodyTop #gkMainbodyWrap > .container { padding: 0px; }


/* -------------------------------------------------------
   TYPOGRAPHY & HEADINGS
------------------------------------------------------- */
h1 { font-size: 36px; text-align : left; font-weight : 600; }
h2 { font-size: 28px; font-weight : 600}
h3 {font-size: 24px;color : #db2164;font-weight : 600;/* padding-top: 10px; */}
h3 a { font-size: 24px; font-weight : 600}
h4 { font-size: 20px; font-weight : 600; color : #db2164 }
h5 { font-size: 16px; font-weight : 600 }
hr { border-top: 1px solid #592d06;}

.sitespace { margin : 0px !important}

.djslider-default .navigation-numbers .load-button {
    height: 20px !important;
    width: 20px !important;
    margin-top: 10px !important;
}

.headlinebubbles { width : 25%; margin-top : 15px !important; }
ul.list-unstyled { margin : 0px !important;}

.facility-header { color : #db2164; font-weight : bold }
#facilityText { color : #db2164; font-weight : bold}
.head-highlight { color: #592d06!important; }

/* Change staff name colour inside the Owl Carousel */
.owl-item .item h3 {
    color: #592d06 !important;
}
.sitemap-list li::before { display : none}

.staffheaders {
    color: #592d06;
    font-weight: bold !important;
}
.articles-extrafields { color : #592d06;font-weight : bold; margin-top : -10px}

/* -------------------------------------------------------
   OPENING TIMES / DISCOVER / REFERENCES
------------------------------------------------------- */
.dividers,
.discover,
.opening-times,
.references {
    margin-top : 40px;
    margin-bottom : 30px;
    /* background-color: #ee7b18; */
    border-radius: 6px;
    color: #db2164;
    font-size: 30px;
    font-weight: bold;
    line-height: 2;
    padding: 6px 0;
    text-align: center;
    white-space: normal;
    word-wrap: break-word;
}

.homeheader {
        margin-top: 40px;
}
.opening-times {
    line-height: 1.2;
}

.opening-times strong {
    display: inline;
    margin-right: 4px;
}

.references {
    margin-bottom: 10px;
    margin-top: 10px;
}
#mod-custom204 { display : none}
#mod-custom197 {/* margin-top : 60px; */}
.whyfamilieschoose { background-color :#fdebd6}
.jacqui { background-color : #f58220}
.howtojoin { background-color : #fff6e8}
/* -------------------------------------------------------
   FORMS & BACK-END EDITOR
------------------------------------------------------- */
body.com_content.view-form .form-horizontal .control-group {
    margin-bottom: 0.75rem;
}


/* -------------------------------------------------------
   MISC OVERRIDES
------------------------------------------------------- */
.footer2 { display: none; }
.parallax { display: none; }

.submenu {
    color: #351D77 !important;
    font-weight: bold;
    margin: 0 30px;
    text-decoration: none;
}


/* Begin Scoped Styles */
.custom-carousel-scope {
    /* Apply Alan Sans to the module's content */
    font-family: 'Alan Sans', Arial, sans-serif !important;
}

.custom-carousel-scope .carousel-container {
    /* 1. Custom Scroll Behavior (Necessary for auto-scrolling and snapping) */
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox hide scrollbar */
    -ms-overflow-style: none; /* IE and Edge hide scrollbar */
    -webkit-mask-image: -webkit-radial-gradient(white, black); /* Fix for iOS scroll shadows */
}

.custom-carousel-scope .carousel-container::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera hide scrollbar */
}

.custom-carousel-scope .carousel-slide {
    scroll-snap-align: start; /* Snap to the start of the visible slide */
    /* Changed to 33.33% to show three slides at once on larger screens */
    flex: 0 0 33.33%; 
}

/* 2. Custom Color and Shape Classes (Specific to your design) */
.custom-carousel-scope .testimonial-card {
    background-color: #ffffff; /* White card */
    border-radius: 2rem; /* Custom border radius to match previous design */
    position: relative;
}

.custom-carousel-scope .star-color {
    color: #f59e0b; /* Gold/Amber stars */
}

.custom-carousel-scope .carousel-wrapper-max {
    max-width: 900px; /* Mimics max-w-4xl for the carousel block */
}

/* Ensure the card is centered and sized correctly on different screens */
.custom-carousel-scope .testimonial-card-wrapper {
    max-width: 500px; /* Max width for the testimonial card itself */
    width: 100%;
    margin: 0 auto; /* Center the inner card within the slide container */
}

/* Utility class for gold stars */
.custom-carousel-scope .star-display {
    color: #f59e0b;
    font-size: 2rem; /* Increased size */
    letter-spacing: 0.25em;
    margin-top: 1rem;
}



/* Ensure responsiveness for small screens, revert to one slide on mobile */
@media (max-width: 576px) {

.gkAsideMenu .level0 > li > a, .gkAsideMenu .level0 > li > span {
    font-family: 'Alan Sans';
    font-size: 18px;
    line-height: 1.56;
    color: #593606;
    
iframe[id^="visitiFrameResizer"] {
  height: 1900px !important;
}

iframe[id^="RegisteriFrameResizer"] {
  height: 5000px !important;
}

  iframe[id^="JobiFrameResizer"]{
  height: 1800px !important;
}

.article-fulltext-inner {
    padding: 0px 25px;
    width: 100%;
    margin: auto;



    
    
    .custom-carousel-scope .carousel-slide {
        flex: 0 0 100%; /* Full width on mobile */
    }

    .burnastonlanding { height : 230px !important}
    #landingtextborder.derbylanding { height : 180px!important; }
    #landingtextborder.hucknalllanding { height : 180px!important; }

    #gkMainbody { margin-bottom : -20px !important}
}
/* End Scoped Styles */

@media only screen and (max-width: 926px) and (orientation: landscape) {
    /* styles here */

    .headerbutton { margin-top : 20px; margin-bottom : 20px;}

}







/* -------------------------------------------------------
   MOBILE FIXES
------------------------------------------------------- */
@media (max-width: 575px) {
#slider-container213 {border-radius : 0px !important}
    h3 { padding-top : 20px}
    #phone {font-size : 16px}
    #email { font-size : 16px}
    /*#landingtextborder {height: 205px !important;}*/
    .headerbutton { margin-top : 10px; margin-bottom : 10px;}
    #landingheader h1 { text-align : center !important;}
    #landingheader  {margin-bottom: 40px !important;}
    .homesidetext { font-size : 15px} 
    .homeheader {
        margin-top: 0px !important;
    }
    #topbookavisit{ display:none; float: right; }

    #landingtext {
      height : 375px !important;
      margin-bottom : 20px;
    }
    
    .acym_module_form table.acym_form.horizontal {
        width: 100% !important;
    }

    .btnlanding { padding: 10px 0; font-size: 16px; font-weight: 500; border-radius: 30px; width: 100%; margin : 2px 0 8px 0 }

    .owl-item {width : 340px !important; margin-right : 50px !important }
    
    #djslider-loader177 { z-index: 0; }

    figure.none.item-image {   
        width: 90%;
        margin : 20px;
    }

    #gkSidebar { display: inline; }

    #mod-custom170 { display: none; }

    ul#slider177li img { border-radius: 0px !important; }


  .dividers {
    margin-top : 40px;
    margin-bottom : 20px;

   }

   .burtonmap img { width : 100%}
 
}


/* =====================================================
   FIX BURTON SLIDER - Match Derby and Burnaston
   ===================================================== */
#djslider191 .dj-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

#slider191 li {
  height: 306px !important;
}


/* ================================
   FAQs page: reduce big top gap
   ================================ */

/* Hide empty Joomla article scaffolding that creates space */
.faqs-page .page-header-wrap,
.faqs-page .article-info-top,
.faqs-page .article-intro,
.faqs-page .item-image-wrap {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove top padding/margin on the component container */
.faqs-page #gkMainbody.gkcomponent,
.faqs-page #gkMainbodyWrap,
.faqs-page #gkMainbodyWrap > .container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Optional: tighten spacing above the FAQ module itself (tweak if needed) */
.faqs-page .ot-faqs {
  margin-top: 10px !important;   /* try 0px / 10px / 20px */
  padding-top: 0 !important;
}

.map-info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: 30px auto;
  text-align: left;
}

.map-info-icon {
  width: 65px;        /* adjust if needed */
  height: auto;
}

.map-info-text h2 {
  margin: 0 0 6px 0;
  color: #592d06 !important;
}

.map-info-text p {
  margin: 0;
}