/*-------------------------
   FONT
--------------------------*/
@font-face {
  font-family: maiandra;
  src: url('../fonts/maiandra.ttf');
}

h1.sppb-addon-title {
    font-family: maiandra;
}

/*menu*/
header#sp-header {
    padding: 0 50px;
}

@media screen and (max-width:768px){
  header#sp-header {
    padding: 0 15px;
}
}

#sp-header.menu-fixed {
    background: #092a41!important;
    position: fixed;
    z-index: 9999;
    top: 0;
    box-shadow: 0 3px 3px rgb(0 0 0 / 5%);
    height: 70px;
}
.menu-fixed img.sp-default-logo {
    height: 50px;
    margin-top: -5px;
}
img.sp-retina-logo{
    width: 70px;
}

#offcanvas-toggler i.fa.fa-bars {
    color: #092a41;
}
.menu-fixed #offcanvas-toggler i.fa.fa-bars {
    color: #86a1a6;
}

/*menu hover colors*/
.menu-fixed-out li.sp-menu-item a {
    color: #032039;position:relativel
}
.menu-fixed-out li.sp-menu-item a:hover {
    color: #000;
    background: #a8da61;
}
.menu-fixed-out li.sp-menu-item a:hover:before {
    content: '';
    background: url(/images/00_tadika/home/6.png);
    height: 30px;
    width: 26px;
    position: absolute;
    background-repeat: no-repeat;
    top: 10px;
    left: 0px;
    right:0;
    margin:auto;
    transition: 0.3s ease;
    -webkit-animation-name: float;
    -webkit-animation-duration: 3500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}
.menu-fixed li.sp-menu-item a {
    color: #fff;
}

.menu-fixed li.sp-menu-item a:hover {
    color:#ffffff4d;
}

.menu-fixed li.active a{
    color: #8aa6a9;
}


/*-----------------------------------------------------------------------
                               1194px
-------------------------------------------------------------------------*/
@media screen and (min-width:992px) and (max-width:1195px){
.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {font-size: 12px!important;}}
  
  





/*pagetitle*/


.sp-page-title h2 {
    font-size: 21px;
    color: #2d872d;
    letter-spacing: 3px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Roboto';
    text-align: left;
    /* text-shadow: 0 0 10px black; */
}

.sp-page-title h3 {
    font-size: 90px;
    font-weight: 900;
    line-height: 1;
    margin-top: 10px;
    text-align: left;
    color: #2d872d;
    font-weight: 500;
    /* text-shadow: 0 0 20px BLACK; */
}

.sp-page-title {
    padding: 200px 0 192px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: scroll;
}


@media screen and (max-width:767px){
.sp-page-title h2 {
    font-size: 16px!important;
    color: #2d872d;
    letter-spacing: 3px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Roboto';
    text-align: left;
}

.sp-page-title h3 {
    font-size: 40px!important;
    font-weight: 900;
    line-height: 1;
    margin-top: 10px;
    text-align: left;
    color: #2d872d;
    font-weight: 900;
}

.sp-page-title {
    padding: 59px 0 60px;
    margin-top: 45px;
}}



/*pagetitle bg*/
.sp-page-title {
  background-repeat: no-repeat;
  background-position: 0% 100%;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.sp-page-title:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /* background: linear-gradient(180deg, #0000007a 0%, #092a41 100%) transparent; */
  z-index: -1;
}


/*mobile text-right to left*/
@media screen and (max-width:768px){
.mobile-left.sppb-text-right {
    text-align: left;
  }}

/*footer*/
#sp-bottom .sp-module .sp-module-title {
    text-transform: none;
    font-weight: 900;
    font-size: 17px;
    color: #032039;
    margin-bottom: 10px;
}

section#sp-section-6 {
    text-align: center;
    padding: 10px 0px;
    background: #3dbfcd;
    color: #fff;
}


#sp-bottom a {
    font-size: 16px!important;
    color: #032039!important;
    line-height: 20px!important;
}

#sp-bottom a:hover {
    color:#03203959!important;
}


@media screen and (max-width:768px){
section#sp-bottom {padding: 30px 15px;}}
@media screen and (min-width:992px){
div#sp-bottom2 {
    padding-left: 0;
    /* margin-left: -4px; */
  }
div#sp-bottom3, div#sp-bottom4 {
    padding-left: 50px;
    /* margin-left: -4px; */
  }}


/*copyright*/
div#sp-footer1 {
    font-size: 14px;
}

/*-------------------------
     OFFCANVAS
--------------------------*/ 
.offcanvas-menu i.fa.fa-remove {color:#2d2d2d;}
i.open-icon.fa.fa-angle-down, i.close-icon.fa.fa-angle-up {color:#2d2d2d;}
.offcanvas-menu .offcanvas-inner .sp-module ul li:hover i.open-icon.fa.fa-angle-down {color: #fff!important;}
.offcanvas-menu .offcanvas-inner .sp-module ul li:hover i.open-icon.fa.fa-angle-up {color:#fff!important;}
.offcanvas-menu .offcanvas-inner .sp-module ul li.active i.open-icon.fa.fa-angle-up {color:#fff!important;}
.offcanvas-menu .offcanvas-inner .sp-module ul li:focus i.open-icon.fa.fa-angle-down {color:#fff!important;}
.offcanvas-menu .offcanvas-inner .sp-module ul li:focus i.open-icon.fa.fa-angle-up {color:#fff!important;}
span.offcanvas-menu-toggler i{color:#2d2d2d!important;}
li.item-600.deeper.parent span.offcanvas-menu-toggler:hover i.close-icon.fa.fa-angle-up {color: #fff!Important;}
li.item-600.deeper.parent span.offcanvas-menu-toggler:hover i.open-icon.fa.fa-angle-down {color: #fff!Important;}
li.item-600.deeper.parent span.offcanvas-menu-toggler:focus i.close-icon.fa.fa-angle-up {color: #fff!Important;}
li.item-600.deeper.parent span.offcanvas-menu-toggler:focus i.open-icon.fa.fa-angle-down {color: #fff!Important;}



a.close-offcanvas {
    color: #032039;
}

.offcanvas-menu {
    background: url(/images/00_tadika/offcanvas.jpg);
    background-position: left center;
    background-size:cover;
    background-repeat:no-repeat;}

.offcanvas-menu {
    border-left: 4px solid #032039!important;
}

.offcanvas-menu .offcanvas-inner .sp-module:first-child {
    margin-top: 0;
    padding: 80px 30px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul li a {
  color:#334049!important;
}

.offcanvas-menu li.current.active a {
  color: #fff!important;
  font-weight: 900!important;
}


.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:focus > a {
  background: #334049 !important;
  color:#fff!important;
}
  

.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a{
  background: #032039 !important;
  color:white!important;
}

/*scroll*/
.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
  bottom: 30px;}

@media screen and (min-width: 320px) and (max-width: 767px){
.scrollup {
    bottom: 25px;
    right: 96px;
  }}
  

.com-speasyimagegallery.view-albums section#sp-main-body {border-bottom:2px solid #abcefb;}
.com-speasyimagegallery.view-album section#sp-main-body {border-bottom:2px solid #abcefb;}

.sppb-carousel-extended-item img {
    width: 100%!important;
    object-fit: contain!important;
    height: 100%;
}

.sppb-carousel-extended-item {
    height: 63%;
}


@media screen and (max-width: 480px){
footer#sp-footer {
    padding-bottom: 100px;
  }}

/*end*/