/*****************************/
/*       Yond Connect        */
/*    info@yondconnect.nl    */
/*****************************/
@import url("https://use.typekit.net/oqe7hpt.css");
/*******
font-family: chypre-extended, sans-serif;
font-weight: 200;
font-weight: 500;
font-weight: 600;
font-weight: 700;
font-style: normal;
font-style: italic;


KLEUREN
broodtekst: #00809C

bg's
blauw:  #E0F0F3
groen:  #E6F0EB
roze:   #FDF4F8
oranje: #FEF9E8

Koppen / kaders
oranje:     #DE5D23
turquise:   #339EB2
groen:      #4B9776
roze:       #C93670
oranje:     #E9AF33


*******/
/**** Headers ***/
/*
.desk_mid_2, .desk_mid_3{
    margin-top: 6px;
}*/
div.mod-languages img {
  width: 30px;
}
.desk_mid {
  top: 3px;
}
.navicon_desk {}
.uk-accordion-title {
  border-radius: 0.6rem;
}
header a {
  text-decoration: none;
}
.hero {
  /*    margin-bottom: -240px;*/
}
.hero > div {}
.hero + div {
  Padding-top: 300px;
}
.payoff1 {
  font-size: 1.25rem;
  color: #DE5D23;
}
/**********   NAV  ********/
.uk-sticky.uk-active{
    background-color: #fff;
}
  header.uk-sticky.uk-active {
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
  }
.uk-sticky.uk-active .header_top_mob, .uk-sticky.uk-active .payoff1, .uk-sticky.uk-active .payoff2 {
    display: none;
}
  .uk-sticky.uk-active .logo {
    width: 150px;
  }

.header_top_mob {
  text-align: center;
}
.header_top_mob div.mod-languages li {
  margin: 0;
}
.uk-nav-default .uk-nav-sub {
  font-weight: 200;
}
.uk-nav-default .uk-nav-sub li {
  position: relative;
}
.uk-nav-default .uk-nav-sub li a:before {
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 0;
  content: "-";
  text-indent: -20px;
  color: inherit;
}
.uk-nav-default .uk-nav-sub li {}
.uk-nav > li.uk-parent.uk-open > a {
  padding-bottom: 0;
}
.uk-nav-default a:hover, .uk-nav-default li.uk-active > a {
  font-weight: 800;
}
/********** FOOTER ********/
#footer {
  background-color: #339eb2;
  background-image: url("../images/logowit.svg");
  background-repeat: no-repeat;
  background-size: 950px;
  background-position: right -150px bottom 50px;
}
#footer .uk-icon {
  background-color: transparent !important;
}
#footer .uk-icon-button {
  background-color: #fff !important;
}
#footer * {
  text-decoration: none !important;
}
/********** Homepage ********/
.home_cirkel_blokken {
  position: relative;
  z-index: 2;
  background: linear-gradient(to bottom, #fff 0%, #fff 150px, #339eb2 150px, #339eb2 calc(100% - 150px), #fff calc(100% - 150px), #fff 100%);
  margin-bottom: 20px;
}
.home_cirkel_blokken .cirkel {
  width: 300px;
  height: 300px;
  max-width: 300px;
  max-height: 300px;
  overflow: hidden;
  border: solid 6px;
  border-radius: 50%;
  position: relative;
  line-height: 1.2rem;
  background: #fff;
}
.home_cirkel_blokken .cirkel > a.uk-panel {
  width: max-content;
  width: 100%;
  max-width: 100%;
  position: absolute;
  padding: 20px;
  box-sizing: border-box;
  top: 50%;
  transform: translateY(-50%);
}
.home_cirkel_blokken .cirkel > a.uk-panel .el-image {
  border-radius: 50%;
  padding: 8px;
  color: #fff;
}
.cirkel > a.uk-panel .el-title {
  font-size: 1.35rem;
  font-weight: 800;
  margin-bottom: 5px !important;
}
.cirkel > a.uk-panel .el-meta {
  font-weight: 500;
  color: #339EB2;
}
.cirkel > a.uk-panel .el-content {
  font-weight: 500;
}
/************/
.basisschool.cirkel {
  border-color: #4B9776;
}
.basisschool > a.uk-panel .el-title {
  color: #4B9776;
}
.basisschool > a.uk-panel .el-meta {}
.basisschool > a.uk-panel .el-content {
  color: #4B9776;
}
.basisschool > a.uk-panel .el-image {
  background: #4B9776;
}
/***********/
.kinderopvang.cirkel {
  border-color: #C93670;
}
.kinderopvang > a.uk-panel .el-title {
  color: #C93670;
}
.kinderopvang > a.uk-panel .el-meta {}
.kinderopvang > a.uk-panel .el-content {
  color: #C93670;
}
.kinderopvang > a.uk-panel .el-image {
  background: #C93670;
}
/*******/
.peuterleerkplek.cirkel {
  border-color: #E9AF33;
}
.peuterleerkplek > a.uk-panel .el-title {
  color: #E9AF33;
}
.peuterleerkplek > a.uk-panel .el-meta {}
.peuterleerkplek > a.uk-panel .el-content {
  color: #E9AF33;
}
.peuterleerkplek > a.uk-panel .el-image {
  background: #E9AF33;
}
/*****************************/
/*          Buttons          */
/*****************************/
.uk-button {
  padding: 8px 45px 8px 20px;
  position: relative;
}
.uk-button-large {
  padding: 21px 100px 21px 45px;
}
.uk-button span.uk-icon {
  border-radius: 100px;
  background-color: #339eb2;
  color: #fff;
  position: absolute;
  right: -2px;
  height: 100%;
  aspect-ratio: 1;
  top: 50%;
  transform: translateY(-50%);
}
.uk-button-large span.uk-icon {}
.uk-button-large span.uk-icon > svg {
  width: 40px;
  height: 40px;
}
.uk-section-primary span.uk-icon {
  background-color: #fff;
  color: #339eb2;
}
.uk-button span.uk-icon > svg {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.uk-link-text {
  font-size: 0.8rem;
  text-decoration: none;
}
.uk-border-pill {
  border: solid 8px #339EB2;
}
/*****************************/
/*         Correctie         */
/*****************************/
.uk-h4, h4 {
  margin-bottom: 0;
}
.uk-h4 + p, h4 + p, .uk-h4 + div, h4 + div {
  margin-top: 0;
}
.uk-accordion-title::before {
  background-size: 90%;
}
/*****************************/
/*         responsief        */
/*****************************/
@media (max-width:439px) {
  html {
    font-size: 18px;
  }
}
@media (min-width:960px) {
  .home_cirkel_blokken {
    margin-top: -50px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .0) 0, rgba(255, 255, 255, .0) 150px, #339eb2 150px, #339eb2 100%);
    margin-bottom: 0px;
  }
/*
  header.uk-sticky.uk-active {
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
  }
*/
  .uk-sticky.uk-active .payoff1, .uk-sticky.uk-active .payoff2 {
    display: none;
  }
  .uk-sticky.uk-active .logo {
    width: 150px;
  }
}
@media (min-width:639px) {
  .header_top_mob {
    text-align: right;
  }
}
/*****************************/
/*    kleuren combinaties    */
/*****************************/
.kader {
  color: #fff !important;
}
/****** BLAUW */
#blauw {
  background-color: #E0F0F3;
}
#blauw .kader, #grblauwoen .uk-accordion-title {
  background-color: #339EB2;
}
#blauw h1, #blauw h2, #blauw h3 {
  color: #DE5D23;
}
#blauw .uk-button {
  color: #DE5D23;
  border: 2px solid #DE5D23;
}
#blauw .uk-button span.uk-icon {
  background-color: #DE5D23;
}
#blauw .uk-border-pill {
  border-color: #fff;
}
/****** GROEN */
#groen {
  background-color: #E6F0EB;
}
#groen .kader, #groen .uk-accordion-title {
  background-color: #4B9776;
}
#groen h1, #groen h2, #groen h3 {
  color: #4B9776;
}
#groen .uk-button {
  color: #4B9776;
  border: 2px solid #4B9776;
}
#groen .uk-button span.uk-icon {
  background-color: #4B9776;
}
#groen .uk-border-pill {
  border-color: #fff;
}
/****** ROZE */
#roze {
  background-color: #FDF4F8;
}
#roze .kader, #roze .uk-accordion-title {
  background-color: #C93670;
}
#roze h1, #roze h2, #roze h3 {
  color: #C93670;
}
#roze .uk-button {
  color: #C93670;
  border: 2px solid #C93670;
}
#roze .uk-button span.uk-icon {
  background-color: #C93670;
}
#roze .uk-border-pill {
  border-color: #fff;
}
/****** ORANJE */
#oranje {
  background-color: #FEF9E8;
}
#oranje .kader, #oranje .uk-accordion-title {
  background-color: #E9AF33;
}
#oranje h1, #oranje h2, #oranje h3 {
  color: #E9AF33;
}
#oranje .uk-button {
  color: #E9AF33;
  border: 2px solid #E9AF33;
}
#oranje .uk-button span.uk-icon {
  background-color: #E9AF33;
}
#oranje .uk-border-pill {
  border-color: #fff;
}
.grecaptcha-badge {
  visibility: hidden;
}
form .uk-button {
  color: #DE5D23;
  border: 2px solid #DE5D23;
}
form .uk-button span.uk-icon {
  background-color: #DE5D23;
}