/*
Theme Name: Child Kita Kluet
Template: Impreza
Version: 1.0
*/



/* overpass-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Overpass';
    font-style: normal;
    font-weight: 200;
    src: url('fonts/overpass-v13-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('fonts/overpass-v13-latin-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
  }
  /* overpass-200italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Overpass';
    font-style: italic;
    font-weight: 200;
    src: url('fonts/overpass-v13-latin-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('fonts/overpass-v13-latin-200italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
  }
  /* overpass-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Overpass';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/overpass-v13-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('fonts/overpass-v13-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
  }
  /* overpass-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Overpass';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/overpass-v13-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('fonts/overpass-v13-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
  }
  /* overpass-700italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Overpass';
    font-style: italic;
    font-weight: 700;
    src: url('fonts/overpass-v13-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('fonts/overpass-v13-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
  }
  /* overpass-800 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Overpass';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/overpass-v13-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('fonts/overpass-v13-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
  }
  /* overpass-800italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Overpass';
    font-style: italic;
    font-weight: 800;
    src: url('fonts/overpass-v13-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('fonts/overpass-v13-latin-800italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
  }



@font-face {
  font-family: 'Delicious Handrawn';
  src: url('fonts/DeliciousHandrawn-Regular.eot');
  src: url('fonts/DeliciousHandrawn-Regular.eot?#iefix') format('embedded-opentype'),
      url('fonts/DeliciousHandrawn-Regular.woff2') format('woff2'),
      url('fonts/DeliciousHandrawn-Regular.woff') format('woff'),
      url('fonts/DeliciousHandrawn-Regular.ttf') format('truetype'),
      url('fonts/DeliciousHandrawn-Regular.svg#DeliciousHandrawn-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}




body, button, nav li, .w-btn, .w-html, .usg_html_1, h2.w-post-elm.post_title {
    font-family: 'Overpass', sans-serif !important;
    font-weight: 400 !important;
}

button, nav li, .w-btn, h2.w-post-elm.post_title {

  font-weight: 700 !important;
}

h1, h1.w-post-elm.post_title {

    font-family: 'Delicious Handrawn', sans-serif !important;

    letter-spacing: .02rem !important;
}

section.yellow,
section.blue {
  padding-top: 6rem !important;
  margin-bottom: 6rem !important;
}

/*
NAV MENU - BUTTONS ... BORDERS
*/

main section a:not(#page-footer a, .g-breadcrumbs a, .w-btn, .w-gallery-item-link, .w-post-elm a, .w-person-links-item),
.us-btn-style_1,
.w-nav.type_desktop .w-nav-list.level_2,
.ush_menu_1.type_desktop .level_1 a:not(.level_2) {
  background:rgba(254, 199, 7, .4);
  background: white;
  margin: 0 0.3rem;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius:15px 255px;
}

.us-btn-style_1 {
  background:#20274E;
  border: 2px solid transparent !important;
}

.w-nav.type_desktop .w-nav-list.level_2 {
  margin: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
border: 2px solid transparent !important;
overflow: hidden;
}

.w-nav.type_desktop .menu-item-40 .w-nav-list.level_2 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.us-btn-style_1:hover,
.ush_menu_1.type_desktop .level_1 a:not(.level_2):hover{
box-shadow: 2px 8px 4px -6px hsla(0,0%,0%,.3);
}

.us-btn-style_1:hover,
.ush_menu_1.type_desktop .level_1 a:not(.level_2):hover{
border: 2px solid #20274E !important;
}

.w-nav.type_desktop .w-nav-list.level_2,
.ush_menu_1 .w-nav-item.level_1.current-menu-item a:not(.level_2),
.ush_menu_1 .w-nav-item.level_1.current_page_parent a:not(.level_2){
border: 3px solid #20274E !important;
}

.ush_menu_1.type_desktop .level_1 a:not(.level_2) {
border:solid 2px rgba(156, 156, 190, .6) !important;
border:solid 2px transparent !important;
}



main section a:not(.g-breadcrumbs a, .w-btn, .w-gallery-item-link, .w-post-elm a, .w-person-links-item) {
  border-bottom:solid 2px rgba(156, 156, 190, .6) !important;
  font-weight: bold;
  margin: 0;
}


main section a:not(.g-breadcrumbs a, .w-btn, .w-gallery-item-link, .w-post-elm a, .w-person-links-item):hover {
    border-bottom: 3px solid rgb(254, 221, 106) !important;
    border-bottom: 3px solid rgb(254, 199, 7) !important;
  }


.blue,
.blue::after {
  background-image: url(img/section-bg-blue.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
  background-color: rgba(156, 156, 190, .6);
}


.yellow,
.yellow::after {
  background-image: url(img/section-bg-yellow.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
  background-color: rgb(254, 221, 106);
}

.ush_menu_1.type_desktop .menu-item.level_1 a {
  background-size: contain;
}

.yellow::after,
.blue::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 70px;
  bottom: -70px;
  right: 0;
  transform: scaleY(-1);
}

.home .l-section-img:after {
  background-image: url(img/section-bg-white.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom center;
  content: "";
  position: absolute;
  width: 100%;
  height: 126px;
  bottom: 0px;
  right: 0;
}


.l-header.sticky .l-subheader.at_middle {
    line-height: 60px;
    height: 60px;
}

#page-footer {
  background-image: url(img/section-bg-footer.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
  background-color: rgba(156, 156, 190, 1);
  padding-top: 3rem;
  margin-top: 2rem;
}

.schraeg {
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
  transform: rotate(-4deg);
  margin-left: -25px;
  margin-bottom: 20px;
  margin-top: -10px;
  border-radius: .3rem;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius:15px 255px;
  border: 4px solid #fff !important;
}

@media screen and (max-width: 768px) {
  .schraeg {
    margin-left: 0;
    margin-top: 0;
  }
}

.home .schraeg {
  margin-left: 0;
}