/*
Theme Name: Prokidz
Author: Dutch Kiwi Design B.V.
Template: Prokidz
Version: 1.0.0
*/
/* This file was modified 2025-01-22 by Aspen Grove Studios to customize metadata in header comment */
/* This file was modified 2023-05-22 by Aspen Grove Studios to customize metadata in header comment */

/* =Theme customization starts here
------------------------------------------------------- */

.unique-selling-point-container .et_pb_blurb_container {
  vertical-align: middle;
}


@media (min-width: 980px) {
  .heading-with-star h2:after {
    content: url("data:image/svg+xml,%3Csvg width='142' height='149' viewBox='0 0 142 149' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.1301 44.9751C54.3883 38.199 63.1666 35.712 66.9407 41.3458L75.0623 53.4696C76.7501 55.9891 79.8683 57.1352 82.786 56.3086L96.8261 52.3309C103.35 50.4825 108.428 58.0627 104.237 63.393L95.2159 74.8636C93.3412 77.2473 93.2147 80.5671 94.9025 83.0866L103.024 95.2104C106.798 100.844 101.158 108.016 94.7934 105.676L81.0967 100.642C78.2504 99.5956 75.054 100.501 73.1794 102.885L64.1587 114.356C59.9669 119.686 51.4032 116.538 51.6614 109.762L52.2171 95.1797C52.3325 92.1494 50.4836 89.3893 47.6372 88.343L33.9405 83.3084C27.5758 80.9689 27.9232 71.8517 34.4475 70.0033L48.4876 66.0256C51.4053 65.199 53.459 62.5876 53.5744 59.5572L54.1301 44.9751Z' fill='%23FED049'/%3E%3Cpath d='M55.8605 37.3882C56.0818 31.5801 63.6062 29.4484 66.841 34.2773L74.9627 46.4011C76.8916 49.2805 80.4552 50.5904 83.7898 49.6457L97.8299 45.6681C103.422 44.0837 107.775 50.581 104.182 55.1498L95.161 66.6204C93.0186 69.3447 92.874 73.1387 94.8029 76.0182L102.925 88.1419C106.159 92.9709 101.325 99.1181 95.8697 97.1128L82.1729 92.0783C78.9199 90.8826 75.2669 91.9175 73.1245 94.6418L64.1038 106.112C60.5109 110.681 53.1706 107.983 53.3919 102.175L53.9475 87.5928C54.0795 84.1295 51.9664 80.9751 48.7134 79.7794L35.0167 74.7448C29.5612 72.7396 29.859 64.9248 35.4512 63.3404L49.4913 59.3628C52.8259 58.4181 55.1729 55.4336 55.3049 51.9703L55.8605 37.3882Z' stroke='%2360ACA8' stroke-opacity='0.5' stroke-width='2'/%3E%3C/svg%3E%0A");
    margin-left: -30px;
  }
}

@media (max-width: 980px) {
  .unique-selling-point-container .et_pb_blurb_container {
    padding-left: 5px !important;
  }
}


.with-short-clouds .et_pb_top_inside_divider {
  /* background-image: url("data:image/svg+xml,%3Csvg width='1729' height='165' viewBox='0 0 1729 165' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 88.5755 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 210.851 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 333.282 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 456.284 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 578.56 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 700.991 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 823.732 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 946.008 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 1068.44 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 1191.44 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 1313.72 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 1436.15 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 1559.29 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 1681.72 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 1804.64 0.751953)' fill='%23248D88'/%3E%3C/svg%3E%0A") !important; */
  background-image: url('data:image/svg+xml,<svg width="1834" height="164" viewBox="0 0 1834 164" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_100_47)"><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 139.841 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 262.117 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 384.548 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 507.55 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 629.826 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 752.256 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 874.998 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 997.274 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 1119.7 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 1242.71 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 1364.98 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 1487.41 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 1610.55 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 1732.99 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 1855.9 0)" fill="%2331993B"/></g><defs><clipPath id="clip0_100_47"><rect width="1834" height="164" fill="white"/></clipPath></defs></svg>') !important;
  top: -50px !important;
  background-repeat: repeat-x !important;
}

.with-short-clouds .et_pb_bottom_inside_divider {
  background-image: url('data:image/svg+xml,<svg width="1834" height="164" viewBox="0 0 1834 164" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_100_47)"><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 139.841 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 262.117 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 384.548 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 507.55 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 629.826 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 752.256 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 874.998 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 997.274 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 1119.7 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 1242.71 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 1364.98 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 1487.41 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 1610.55 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 1732.99 0)" fill="%2331993B"/><ellipse cx="81.9206" cy="81.9415" rx="81.9206" ry="81.9415" transform="matrix(-1 0 0 1 1855.9 0)" fill="%2331993B"/></g><defs><clipPath id="clip0_100_47"><rect width="1834" height="164" fill="white"/></clipPath></defs></svg>') !important;

  /* background-image: url("data:image/svg+xml,%3Csvg width='1729' height='165' viewBox='0 0 1729 165' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 88.5755 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 210.851 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 333.282 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 456.284 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 578.56 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 700.991 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 823.732 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 946.008 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 1068.44 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 1191.44 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 1313.72 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 1436.15 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 1559.29 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 1681.72 0.751953)' fill='%23248D88'/%3E%3Cellipse cx='81.9206' cy='81.9415' rx='81.9206' ry='81.9415' transform='matrix(-1 0 0 1 1804.64 0.751953)' fill='%23248D88'/%3E%3C/svg%3E%0A") !important; */
  bottom: -50px !important;
  background-repeat: repeat-x !important;
}

/* Downloads home page */
.facetwp-template-static .fwpl-result {
  border-radius: 5px;
}

.facetwp-template-static .fwpl-result:nth-child(even) {
  background-color: #f9fafb;
}

.facetwp-template-static .title {
  font-weight: 500;
}

.facetwp-template-static .title > a {
  color: #404653;
}

.facetwp-template-static .title > a:hover {
  color: #248d88;
}

.download-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.icon-link > svg {
  vertical-align: middle;
}

.icon-link {
  transition: color 0.3s ease-in-out;
  color: #101828;
}

.icon-link:hover {
  color: #248d88;
}

#nb-calc,
#nb-calc > div > div {
  margin-left: 0 !important;
  width: 100% !important;
}

.nbc {
    width: 100% !important;
}

.nbc button,
#nb-calc button {
    background-color: #31993B !important;
    color: white !important;
    border-radius: 20px !important;
}

.nbc button .material-icons {
    color: white !important;
}

.nbc div:has(button),
#nb-calc div:has(button) {
    box-shadow: none !important;
}


.nbc_title {
    display: none;
}

table.nbc {
    background-color: white;
    border: none !important;
    border-radius: 20px;
}

@media (max-width: 980px) {
    table.nbc tr {
        display: flex;
        flex-direction: column;
    }

    table.nbc tr td > div > div:has(input),
    table.nbc tr td > div,
    table.nbc tr td > div > div  {
        width: 100% !important;
    }

    table.nbc .addRemoveButton {
        display: flex;
        padding: 10px !important;
    }
}

.checkmark-list {
  list-style-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="7" cy="7" r="7" fill="%2331993B"/><path d="M10.543 5.29252L7.31262 8.52291C6.92209 8.91344 6.28893 8.91344 5.8984 8.52291L4.12891 6.75342" stroke="white"/></svg>');
}

.checkmark-list li {
  padding-left: 5px;
}


.main-menu .et_mobile_nav_menu {
  background-color: #31993B;
  border-radius: 50%;
  padding: 5px;
}

.et_pb_module .mobile_menu_bar:before {
  top: 0 !important;
}

.main-menu .et_pb_menu__menu {
  padding-left: 20px;
  padding-right: 20px;
}

.main-menu .et-menu {
  background: white;
  border-radius: 50px;
}

.main-menu .et_pb_menu__wrap {
  justify-content: center !important;
}

.main-menu .et_pb_menu--with-logo > nav > ul > li > a,
.main-menu .et_pb_menu__menu > nav > ul > li > a {
  padding: 12px 20px;
}

.main-menu .et-menu-nav > ul {
  padding: 5px !important;
}

.et_pb_menu .et-menu > li:first-of-type,
.et_pb_menu .et-menu > li:last-of-type {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.main-menu .current_page_item {
  background: #FED049;
  color: #101828;
  border-radius: 50px;
}

@media (min-width: 981px) {
  .main-menu .current-menu-parent {
    background: #FED049;
	color: #101828;
	border-radius: 50px;
  }
	
  .main-menu .current-menu-parent a {
    color: #101828;
   }
}

.et-menu .menu-item-has-children>a:first-child {
	padding-left: 5px !important; 
}

.main-menu .current_page_item a {
  color: #101828;
}

.main-menu .sub-menu {
  padding: 5px !important;
}

.main-menu .sub-menu li {
  padding: 0 !important;
  width: 100%;
}

.main-menu .et_pb_menu__logo-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* media query tablet and mobile --> */
@media (max-width: 980px) {
  .main-menu .et_pb_menu__wrap {
    justify-content: flex-end !important;
  }

  .et_mobile_menu .menu-item-has-children > a {
    background: transparent !important;
  }

  .et_mobile_menu {
    border-radius: 20px;
  }

  .prokidz-button {
    display: none;
  }
}

.download-actions {
  flex-wrap: nowrap;
  display: flex;
}


.prokidz-button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px 20px;
    color: #101828 !important;
    border-width: 0px !important;
    border-color: RGBA(255, 255, 255, 0);
    border-radius: 100px;
    font-size: 16px;
    font-family: 'Nunito', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 600 !important;
    background-color: #FED049;
    line-height: 1.7em !important;
    transition-property: all !important;
    cursor: pointer;
} 

.prokidz-button::after {
    line-height: inherit;
    font-size: inherit !important;
    opacity: 1;
    margin-left: .3em;
    left: auto;
    font-family: FontAwesome !important;
    font-weight: 400 !important;
    content:
     ""
}


.team-column { height: 400px; }

@media (min-width: 981px)  and (max-width: 1250px) {
  .team-column {
    height: 300px;
  }

}

@media (min-width: 1251px) {
  .team-column {
    height: 400px;
  }

  .team-column .et_pb_image_wrap img  {
    object-fit: contain;
  }
	
	.team-foto .et_pb_image_wrap {
		    height: 300px !important;
	}
}

 .team-column .et_pb_image_wrap  {
   max-height: 100%;
  }

@media (min-width: 1400px) {
  .team-column .et_pb_image {
	height: 460px;
	}
}


.wpcf7-text {
  height: 50px !important;
}

.wpcf7-form-control {
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #D1D1D1 !important;
  border-radius: 40px;
  width: 100% !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.wpcf7-form-control:focus {
  border-color: #181818 !important;
}

.wpcf7-textarea {
  padding-top: 10px;
  border-radius: 20px !important;
}


#contact-form .wpcf7 input[type="submit"]{
  width: fit-content !important;
  border-radius: 100px;
  height: 50px;
  padding-left: 60px;
  padding-right: 60px;
  background-color: #FED049;
  border: none !important;
  font-size: 18px
}

#contact-form-footer .wpcf7 input[type="submit"]{
  width: fit-content !important;
  border-radius: 100px;
  height: 50px;
  padding-left: 60px;
  padding-right: 60px;
  background-color: #31993B;
  color: white;
  border: none !important;
  font-size: 18px
}

.wpcf7 input[type="submit"]:hover {
 cursor: pointer;
}

#et-main-area {
  overflow-x: hidden;
}


.sb-feed-posts {
  min-height: 350px;
}

.sb-feed-posts .sb-post-item-wrap {
  max-height: 350px !important;
}

.sb-feed-posts .sb-post-item-wrap {
  height: 100%;
}


/* Reviews */
@media (min-width: 981px) and (max-width: 1250px) {
  [id^=sb-reviews-container-] .sb-colstablet-2 .sb-post-item-wrap {
      width: calc(33.3333% - calc((var(--column-gutter)* 2) / 3));
  }
}

/* Reviews */
@media (max-width: 980px) {
  [id^=sb-reviews-container-] .sb-colstablet-2 .sb-post-item-wrap {
      width: calc(50% - calc((var(--column-gutter)* 1) / 2));
  }
}

@media (max-width: 600px) {
  [id^=sb-reviews-container-] .sb-colsmobile-1 .sb-post-item-wrap {
      width: 100% !important;
  }
}
