/* Landingspagina */
 .page-template-tpl-pseudo .woocommerce-breadcrumb {
     display: none;
}
 .page-template-tpl-pseudo #content .container {
     max-width: 100%;
}
 .page-template-tpl-pseudo #content {
     margin-bottom: -30px;
}
 .onw-content {
     font-size: 16px;
     line-height: 1.8;
     padding: 75px 0;
     color: #342e37;
}
 .onw-hero img, .onw-bundles img {
     object-fit: contain;
}
 .onw-bundles .onw-html {
     display: grid;
     grid-template-columns: repeat(6, 1fr);
}
 .onw-bundles .onw-html > :nth-child(even) {
     text-align: center;
     grid-column: span 1;
}
 .onw-bundles .onw-html > :nth-child(-n+2) {
     font-weight: 600;
}
 .onw-bundles .onw-html > :not(:last-child) {
     padding: 10px 0;
}
 .onw-bundle-button a, .onw-button {
     display: inline-block;
     background-color: #342e37;
     color: #ffffff;
     font-weight: 600;
     padding: 16px 32px;
     border-radius: 3px;
     font-size: 1.1em;
     line-height: normal;
     transition: all 200ms ease-in-out;
}
 .onw-bundles .onw-column > div {
     background-color: #8ec1f3;
     padding: 0 25px;
}
 .onw-bundles .onw-column > :first-child {
     padding-top: 25px;
     border-radius: 3px 3px 0 0;
}
 .onw-bundles .onw-column > :last-child {
     padding-bottom: 25px;
     border-radius: 0 0 3px 3px;
}
 .onw-bundles .onw-column:nth-child(2) > div {
     background-color: #61a8ec;
}
 .onw-bundles .onw-column:nth-child(3) > div {
     background-color: #3c92e6;
}
 .onw-bundle-title {
     padding-bottom: 0;
}
 .onw-bundles .onw-html > :nth-child(odd) {
     grid-column: span 5;
}
.onw-bundles .onw-column .onw-image img {
    height: 200px;
    object-fit: contain;
}
 .onw-bundle-button {
     grid-column: span 4!important;
}
 .onw-bundle-more {
     grid-column: span 2!important;
     align-self: center;
     text-decoration: underline;
     color: #4f4f4f!important;
     cursor: pointer;
     font-size: 0.85em;
     transition: all 100ms ease-in-out;
}
 .onw-bundle-info {
     grid-column: span 6!important;
     overflow: hidden;
     max-height: 0;
     transition: all 200ms ease-in-out;
}
 .onw-bundle-more.onw-open + .onw-bundle-info {
     max-height: 350px;
}
 .onw-bundle-more:hover {
     color: inherit!important;
}
 .onw-bundles h3 {
     margin-top: 0;
}
 .onw-bundle-button a:hover, .onw-button:hover {
     background-color: #000000;
     color: #ffffff;
}
 .onw-reviews img {
     border-radius: 100%;
     margin-right: 15px;
}
 .onw-review-name strong {
     font-size: 1.2em;
     display: block;
}
 .onw-reviews .onw-review-top {
     display: flex;
     align-items: center;
}
 .onw-reviews .onw-column > div {
     background-color: #9fd356;
     padding: 0 25px;
}
 .onw-reviews .onw-column > :first-child {
     padding: 25px;
     border-radius: 3px 3px 0 0;
}
 .onw-reviews .onw-column > :last-child {
     padding-bottom: 25px;
     border-radius: 0 0 3px 3px;
     flex-grow: 2;
}
 .onw-reviews .fa {
    /* color: #fafffd;
     */
     margin-right: 2px;
}
 .onw-review-name {
     line-height: normal;
}
 .onw-reviews .onw-column {
     display: flex;
     flex-direction: column;
}
 .onw-usp-bar {
     padding: 15px;
}
 .onw-usp-bar ul {
     display: flex;
     list-style: none;
     padding: 0;
     justify-content: space-between;
     flex-wrap: wrap;
}
 .onw-usp-bar ul li {
     display: flex;
     align-items: center;
     font-weight: 600;
}
 .onw-usp-bar ul li:before {
     font-family: 'Font Awesome 5 Free';
     font-weight: 600;
     margin-right: 15px;
     font-size: 1.5em;
     width: 30px;
     text-align: center;
}
 .onw-usp-bar ul li:nth-child(1):before {
     content: '\f3fd';
}
 .onw-usp-bar ul li:nth-child(2):before {
     content: '\f51c';
}
 .onw-usp-bar ul li:nth-child(3):before {
     content: '\f03d';
}
 .onw-bundles .onw-column {
     position: relative;
}
 .onw-bundle-banner {
     position: absolute;
     right: 15px;
     top: 0;
     padding: 5px 10px!important;
     background-color: #342e37;
     color: #ffffff!important;
     font-weight: 600;
     border-radius: 3px;
     line-height: normal;
}
 .onw-video .onw-html {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     border-radius: 3px;
     overflow: hidden;
}
 .onw-video .onw-html iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .onw-hero h1 {
     font-size: 2em;
}
 .onw-bundles:before {
     content: '';
     position: absolute;
     left: 0;
     top: -1px;
     width: 100%;
     height: 200px;
     background-color: #9fd356;
     clip-path: polygon(0 0, 100% 0, 100% 0, 0% 100%);
}
 .onw-bundles {
     padding-top: 0;
}

button.splide__arrow[type="button"] {
    background-color: #342e37!important;
    color: #ffffff!important;
    opacity: 1;
}

button.splide__arrow[type="button"] * {
    fill: #ffffff!important;
}

.splide__pagination {
    position: static;
}

button.splide__pagination__page[type="button"] {
    background-color: #c9c9c9!important;
}

.onw-no-padding {
    padding: 0;
}

.onw-screenshots {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

.onw-screenshots .onw-image {
    padding: 5px;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 2px #f2f2f2;
}

.onw-screenshots .onw-image img {
    border-radius: 3px;
    height: auto;
}

.onw-screenshots .onw-image:first-child {
    grid-column: span 2;
    grid-row: span 2;
}

 @media (min-width: 768px) {
     .onw-bundles .splide__arrows {
         display: none;
    }
}
 @media (max-width: 767px) {
     .onw-content {
         padding: 0;
    }
     .onw-hide-mobile {
         display: none;
    }
     .page-template-tpl-pseudo .site-search {
         display: none;
    }
     .page-template-tpl-pseudo .mobile-header-v1 {
         padding: 10px 0;
    }
     .page-template-tpl-pseudo #casengo-chat-wrapper {
         display: none!important;
    }
     .onw-hero .onw-text {
         padding: 25px 0;
    }
     .onw-bundles .onw-image {
         margin: 0;
    }
     .onw-bundles .onw-column {
         padding: 0;
         margin: 25px 0;
    }
     .onw-bundles .onw-column:not(:last-child) {
         margin-bottom: 0;
    }
     .onw-usp-bar .onw-text {
         padding: 0;
    }
     .onw-reviews {
         padding: 25px 0;
    }
     .onw-reviews .onw-column {
         padding: 25px 15px;
    }
     .onw-bundle-banner {
         right: 0;
    }
     .onw-video {
         padding-bottom: 25px;
    }
     .onw-bundles:before {
         clip-path: polygon(0 0, 100% 0, 100% 50%, 0% 100%);
    }
    /* Splide */
     .onw-bundles.splide {
         padding: 0 15px;
    }
     .onw-bundles.splide .splide__arrow:disabled {
         opacity: 0;
    }
     .onw-bundles.splide .onw-container {
         margin-bottom: 15px;
    }
     .onw-bundles.splide .onw-column {
         font-size: 14px;
    }
     .onw-bundle-button {
         grid-column: span 6!important;
    }
     .onw-bundle-button a {
         display: block;
         text-align: center;
    }
     .onw-bundle-more {
         grid-column: span 6!important;
         font-size: 1em;
    }
     .onw-bundles .onw-html > :nth-child(odd) {
         grid-column: span 4;
    }
     .onw-bundles .onw-html > :nth-child(even) {
         grid-column: span 2;
    }
	 
	 .onw-screenshots .onw-image {
         margin: 0;
     }   
     .onw-screenshots {
         padding: 25px 15px 50px
     }

     .onw-screenshots .onw-image {
    grid-column: span 3!important;
}
}
/* END Landingspagina */
