/*
 Theme Name:   Kingster Child
 Theme URI:    http://demo.goodlayers.com/kingster
 Description:  Goodlayers Kingster Child Theme
 Author:       Goodlayers
 Author URI:   http://goodlayers.com
 Template:     kingster
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, right-sidebar, responsive-layout
 Text Domain:  kingster-child

 START YOUR CHILD THEME CSS HERE
*/

.d-none{
	display:none !important;
}
.hidden{
  display: none;
}
.block{
  display: block;
}
.kingster-body span.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
}
.loader-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loader {
    --d: 22px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    color: #224a8e;
    box-shadow: calc(1 * var(--d)) calc(0 * var(--d)) 0 0,
        calc(0.707 * var(--d)) calc(0.707 * var(--d)) 0 1px,
        calc(0 * var(--d)) calc(1 * var(--d)) 0 2px,
        calc(-0.707 * var(--d)) calc(0.707 * var(--d)) 0 3px,
        calc(-1 * var(--d)) calc(0 * var(--d)) 0 4px,
        calc(-0.707 * var(--d)) calc(-0.707 * var(--d)) 0 5px,
        calc(0 * var(--d)) calc(-1 * var(--d)) 0 6px;
    animation: l27 1s infinite steps(8);
}
@keyframes l27 {
    100% {
        transform: rotate(1turn);
    }
}
.kingster-footer-wrapper .kingster-widget-title {
    border-bottom-color: #1e407b !important;
}
.gdlr-core-page-builder-body [data-skin="SUBSCRIBE"] input[type="button"], .gdlr-core-page-builder-body [data-skin="SUBSCRIBE"] input[type="submit"] {
    background-color: #1e407b;
}
.kingster-copyright-wrapper a {
    color: #2d60b9;
}
.kingster-footer-wrapper a {
    color: #bfbfbf;
}
table tr th {
    background-color: #1e407b;
}
.gdlr-core-flexslider.gdlr-core-bottom-nav-1 .flex-direction-nav li a {
  background-color: #224a8e;
}
#vision-div.gdlr-core-stunning-text-caption-above-title .gdlr-core-stunning-text-item-title {
  color: #353372;
}
.gdlr-core-course-item.gdlr-core-course-style-list-info .gdlr-core-course-item-button, .gdlr-core-course-item.gdlr-core-course-style-list-info .gdlr-core-course-item-button:hover {
  background-color: #1e407b;
}
.gdlr-core-personnel-style-grid .gdlr-core-personnel-list-title, .gdlr-core-personnel-style-grid .gdlr-core-personnel-list-title a {
  color: #224a8e;
}

.full-block .gdlr-core-item-pdlr {
  padding-left: unset;
  padding-right: unset;
}

.custom-overlay-alignment{
  top:unset;
  bottom: 2% !important;
  text-align:center;
}

.custom-font-bg{
  background: rgba(0, 0, 0, 0.6);
}

.gdlr-core-flipbox-item .gdlr-core-flipbox-front, .gdlr-core-flipbox-item .gdlr-core-flipbox-back, .gdlr-core-feature-box-item .gdlr-core-feature-box {
  background-color: #224a8e;
}

.gdlr-core-flipbox-item .gdlr-core-flipbox-front, .gdlr-core-flipbox-item .gdlr-core-flipbox-back, .gdlr-core-flipbox-item .gdlr-core-flipbox-frame, .gdlr-core-feature-box-item .gdlr-core-feature-box, .gdlr-core-feature-box-item .gdlr-core-feature-box-frame {
  border-color: #163366;
}
.school-curriculum-flipbox .gdlr-core-flipbox-item.gdlr-core-item-pdlr,.school-curriculum-flipbox .gdlr-core-text-box-item.gdlr-core-item-pdlr{
  padding-bottom: unset;
}

.gdlr-core-course-form .gdlr-core-course-form-combobox select option{
    color:#000;
}

#director_message .gdlr-core-blockquote-item-content, .gdlr-core-blockquote-item-author, pre {
     color: inherit;
}

/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{
    opacity: 0;
}
/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{
    -webkit-transition: opacity .5s linear 0.2s;
    -moz-transition: opacity .5s linear 0.2s;
    transition: opacity .5s linear 0.2s;
    opacity: 1;
}
#footer-admission-wrapper .gdlr-core-block-item-title-nav {
    display:none;
}
#ibwps-upcoming-counter-section .gdlr-core-counter-item-number,.gdlr-core-counter-item-bottom-text {
    color: #fff;
}
#ibwps-upcoming-counter-section .gdlr-core-counter-item-divider {
    border-color: #fff;
}
.pre-primary-program-section .gdlr-core-title-item-left-image {
    margin: -9px 20px 0px 0px;
}
.fb3d-modal.visible{
    margin:unset;
}
.fb3d-thumbnail-lightbox-mode .book-heading h3, .fb3d-thumbnail-mode .book-heading h3 {
    bottom: 0px !important;
}
._3d-flip-book .book-thumbnail img {
    height:200px;
}
.kingster-sidebar-area .kingster-widget-title {
    border-bottom-color: #1e407b;
}
.kingster-body .tagcloud a {
    border-color: #1e407b;
}
.kingster-body .tagcloud a {
    background-color: #1e407b;
}
.kingster-not-found-wrap .kingster-not-found-background {
     opacity: unset; 
     background-image: url('../../../wp-content/uploads/2025/03/404.jpg');
}
/*div.wpcf7-response-output,*/
/*div.wpcf7-validation-errors {*/
/*    display: none !important;*/
/*}*/

/*span.wpcf7-not-valid-tip {*/
/*    display: none;*/
/*}*/

/*input[aria-invalid="true"],*/
/*select[aria-invalid="true"] {*/
/*    border-color: #ff2c00!important; */
/*}*/
/**/
.circle, .circle:before, .circle:after { border-radius: 50%; overflow: hidden;}
.menunav {  
  width: 100%;
}
.menunav ul {
  position: relative;
  padding: 47%;
  max-width: 0; max-height: 0;
  list-style: none;
}
.menunav li {
  position: absolute;
}
.slice {
  overflow: hidden;
  position: absolute;
  top: 0; left: 0;
  width: 50%; height: 50%;
  transform-origin: 100% 100%;
}
/* Cell orientation */
.coconut { transform: rotate(0deg) skewX(40deg); }
.vanilla { transform: rotate(45deg) skewX(40deg); }
.orange { transform: rotate(90deg) skewX(40deg); }
.almond { transform: rotate(135deg) skewX(40deg); }
.grape { transform: rotate(180deg) skewX(40deg); }
.blackberry { transform: rotate(225deg) skewX(40deg); }
.cherry { transform: rotate(270deg) skewX(40deg); }
.apple { transform: rotate(315deg) skewX(40deg); }

.menunav label { cursor: pointer; color:#fff;}
.slice label {
  display: block;
  width: 200%; height: 200%;
  transform: skew(-40deg) rotate(-65deg);
  line-height: 1.9;
  text-align: center;
  font-size: clamp(12px, 2vw, 16px);
}
.slice label span.over {
	display: block;
}
.slice label:hover {
	color: white;
	border: 2px solid black;
	transition: all 0.5s ease;
}
.circle .menuname:hover {
	color: white;
	transition: color 0.5s ease;
}

.menudesc {
	width: 280px;
}

/* Cell background colors */
.coconut label, .ococonut:checked ~ .menunav .unsel { background: #149cd6; }
.vanilla label, .ovanilla:checked ~ .menunav .unsel { background: #0772b8; }
.orange label, .oorange:checked ~ .menunav .unsel { background: #5e4599; }
.almond label, .oalmond:checked ~ .menunav .unsel { background: #e73c69; }
.grape label, .ogrape:checked ~ .menunav .unsel { background: #f37022; }
.blackberry label, .oblackberry:checked ~ .menunav .unsel { background: #e0a31f; }
.cherry label, .ocherry:checked ~ .menunav .unsel { background: #9bc438; }
.apple label, .oapple:checked ~ .menunav .unsel { background: #4cbdc1; }

.slice label { font-weight: 700; line-height: 5; }
.circle label { font-weight: 700; line-height: 5; }

.slice p{
  width: 100px;
  margin-left: 185px;
}

.unsel {
  z-index: 2;
  top: 34%; left: 34%;
  width: 32%; height: 32%;
  text-align: center;
  background-color: wheat;
}
.unsel label{
  display: block;
  width: 100%; height: 100%;
  line-height: 9;
  color: #000;
  margin-top: 20px;
}
.middle{
  z-index: 1;
  top: 15%; left: 15%;
  height: 70%;
  text-align: center;
  background-color: white;
}
.visible{
    display: block;
    position: absolute;
    margin: 250px 0 0 250px;
}

.visible ul{
  list-style-type: none;
}
.visible details ul{
  list-style-type: square;
}
.visible a{
  font-size: 120%;
  text-decoration: none;
  color: purple;
}
.Reseau a{
  font-size: 160%;
}
.Reseau a:hover{
  color: red;
}
.circle label span.over{
  -webkit-transform:rotate(-180deg);
  -moz-transform:rotate(-180deg);
  -o-transform:rotate(-180deg);
  transform:rotate(-180deg);
}
.circle label span{
  width: 120px;
  display: inline-flex;
  flex-wrap: wrap;
  line-height: 1.8;
}
.circle label span.over{
  width: 120px;
  display: inline-flex;
  flex-wrap: wrap;
  line-height: 1.8;
}
/* .circle span.icon{
    background: #e5e8e9;
    padding: 1% 7%;
    border-radius: 50%;
    position: absolute;
    margin-top: -12%;
    margin-left: 5px;
}
.circle label span.icon2{
    background: #e5e8e9;
    padding: 1% 8%;
    border-radius: 50%;
    position: absolute;
    margin-top: -12%;
    margin-left: -20px;
} */
/**/

.selected.slice label {
  /* cursor: pointer;
  position: relative;  
  font-size: 18px; */
  border: 2px solid #000;
  transition: all 0.5s ease-in-out;
  /* box-shadow: 0 0 10px transparent; */
}

/*Mobile View*/
@media only screen and (max-width: 768px) {
    .kingster-page-title-wrap .kingster-page-title-top-gradient {
        background: none !important; /* Removes the background */
    }
    .full-block .gdlr-core-container-custom {
      padding-left: unset;
      padding-right: unset;
    }
    .menunav ul {
        margin: 0;
    }
    .unsel label {
        font-size: 12px;
        line-height: 2;
        margin-top: 20px;
    }

    .circle label span {
        font-size: 10px;
        width: 77px;
        display: inline-flex;
        overflow: unset;
        flex-wrap: unset;
        border:unset;
        word-break: unset;
        padding: 0 6px;
    }

    .circle label span.over {
        font-size: 10px;
        width: 77px;
        display: inline-flex;
        overflow: unset;
        flex-wrap: unset;
        border:unset;
        word-break: unset;
        padding: 0 6px;
    }
    .circle label {
        line-height: unset;
    }
    .slice label {
        line-height: unset;
    }
    .slice label {
        line-height:unset;
        text-align: unset;
        font-size: unset;
    }
    
    #about-indo-british-wrapper .gdlr-core-container{
        flex-direction:column-reverse;
    }
    
    #about-indo-british-wrapper .flex-direction-content{
        padding : 40px 20px 75px 20px !important;
    }
    
    #our-mision-vision-wrapper .flex-direction-content{
        padding: 40px 20px 75px 20px !important;
    }
    
    #our-mission-wrapper .gdlr-core-container{
        flex-direction:column-reverse;
    }
    
    #our-mission-wrapper .flex-direction-content{
        padding : 40px 20px 75px 20px !important;
    }
    
    #our-vision-wrapper .flex-direction-content{
        padding: 40px 20px 75px 20px !important;
    }
    
    #director_message .gdlr-core-container{
        flex-direction:column-reverse;
    }
    
    .school-curriculum-flipbox .gdlr-core-pbf-wrapper-full-no-space .gdlr-core-pbf-column-content-margin {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}