/**
 * Theme Name: nanosoft Child
 * Description: Child theme for the nanosoft
 * Author: LineThemes
 * Template: nanosoft
 */

 #site-footer {
    content-visibility: auto;
 }

 .content-bottom-widgets {
    content-visibility: auto;
 }

 #sectors {
    content-visibility: auto;
 }

 #case {
    content-visibility: auto;
 }

 .logo.logoDefault {
     display: block;
 }

/* Block editor fixed for within the existing page template */
.content > .wp-block-group:not(.alignwide):not(.alignfull) {
   max-width: 800px;
   margin: 0 auto;
}

.content > .wp-block-group.alignfull {
   width: 100vw;
   margin-left: calc((100vw - 100%) / 2 * -1);
}

.content > .wp-block-group.is-layout-constrained.has-background, .content > .wp-block-group.is-layout-constrained.alignfull {
   padding: 0px 20px;
}

.content > .wp-block-group.alignfull > .alignwide {
   width: var(--wp--style--global--wide-size);
   max-width: 90%;
   margin: 0 auto;
}

/* extra block editor style options */
.list-is-positive {
   position: relative;
   list-style: none;
   padding: 0;
}

.list-is-positive li {
   position: relative;
   display: flex;
   align-items: center;
}

.list-is-positive li::before {
   content: "";
   background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath fill="%235ABFE8" d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-111 111-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l64 64c9.4 9.4 24.6 9.4 33.9 0L369 209z"%3E%3C/path%3E%3C/svg%3E');
   background-repeat: no-repeat;
   background-size: contain;
   width: 20px;
   height: 20px;
   display: inline-block;
   margin-right: 10px;
}

.marking-as-underline mark {
   color: inherit !important;
   text-decoration: underline solid var(--wp--preset--color--secondary);
   text-underline-offset: 0.5em;
}

.text-wrap-balance {
   text-wrap: balance;
}

picture > img {
   border-radius: inherit;
}

.form-on-dark-background .contact {
   background-color: transparent;
   border: none;
   padding: 0;
}

.form-on-dark-background .contact * {
   color: #fff !important;
}
.form-on-dark-background .contact input,
.form-on-dark-background .contact textarea {
   background-color: transparent;
   border: 1px solid #fff;
}
.form-on-dark-background .contact input::-webkit-input-placeholder,
.form-on-dark-background .contact input::-moz-placeholder,
.form-on-dark-background .contact input:-ms-input-placeholder,
.form-on-dark-background .contact input:-moz-placeholder,
.form-on-dark-background .contact textarea::-webkit-input-placeholder,
.form-on-dark-background .contact textarea::-moz-placeholder,
.form-on-dark-background .contact textarea:-ms-input-placeholder,
.form-on-dark-background .contact textarea:-moz-placeholder {
   color: rgba(255,255,255,0.5);
}
.form-on-dark-background .contact input[type="submit"].primary {
   background-color: var(--wp--preset--color--secondary);
}

/* extra responsiveness */
.waarom-ct-groep {
   margin-block-end: 0 !important;
   margin-bottom: 64px !important;
}

@media screen and (max-width: 1200px) {
   .waarom-ct-groep {
      gap: 24px !important;
      margin-bottom: 24px !important;
   }
}

@media screen and (max-width: 1000px) {
   .waarom-ct-groep > .wp-block-column > .wp-block-group {
      flex-direction: column;
   }
}

@media screen and (max-width: 781px) {
   .waarom-ct-groep > .wp-block-column > .wp-block-group {
      flex-direction: row;
   }
   .waarom-ct-groep > .wp-block-column > .wp-block-group > :first-child {
      flex: 0 0 50px;
      display: flex;
      justify-content: center;
   }

   .hide-on-mobile {
      display: none;
   }

   .mobile-gap-none {
      gap: 0 !important;
   }

   .mobile-gap-small {
      gap: 10px !important;
   }

   .mobile-gap-medium {
      gap: 20px !important;
   }

   .mobile-gap-large {
      gap: 30px !important;
   }
}