/* Theme Name: The One Ahead 2025 Theme URI: https://www.meomodo.eu/wordpress/templates/the-one-ahead-2025/ Description: The One Ahead 2025 theme Author: MeoModo DWS Barry van der Biezen Author URI: https://www.meomodo.eu/ Version: 1.0 Tags: The One Ahead, MeoModo DWS, High-End WordPress themes License: Private */ body.logged-in .ct_header {top:var(--wp-admin--admin-bar--height) !important} body.logged-in .ct_sidemenu {top:var(--wp-admin--admin-bar--height) !important;height:calc(100% - var(--wp-admin--admin-bar--height))} .icon-envelope:before {content:"\e901"} .icon-home:before {content:"\e900"} .icon-image:before {content:"\e90d"} .icon-headphones:before {content:"\e910"} .icon-music:before {content:"\e911"} .icon-video-camera:before {content:"\e914"} .icon-bullhorn:before {content:"\e91a"} .icon-mic:before {content:"\e91e"} .icon-price-tag:before {content:"\e935"} .icon-barcode:before {content:"\e937"} .icon-qrcode:before {content:"\e938"} .icon-cart:before {content:"\e93a"} .icon-coin-dollar:before {content:"\e93b"} .icon-coin-euro:before {content:"\e93c"} .icon-credit-card:before {content:"\e93f"} .icon-phone:before {content:"\e942"} .icon-address-book:before {content:"\e944"} .icon-location:before {content:"\e947"} .icon-clock:before {content:"\e94e"} .icon-stopwatch:before {content:"\e952"} .icon-calendar:before {content:"\e953"} .icon-lock:before {content:"\e98f"} .icon-unlocked:before {content:"\e990"} .icon-wrench:before {content:"\e991"} .icon-equalizer:before {content:"\e992"} .icon-cog:before {content:"\e994"} .icon-bin:before {content:"\e9ac"} .icon-switch:before {content:"\e9b6"} .icon-menu:before {content:"\e9bd"} .icon-info:before {content:"\ea0c"} .icon-cancel-circle:before {content:"\ea0d"} .icon-blocked:before {content:"\ea0e"} .icon-cross:before {content:"\ea0f"} .icon-checkmark:before {content:"\ea10"} .icon-checkmark2:before {content:"\ea11"} .icon-play3:before {content:"\ea1c"} .icon-pause2:before {content:"\ea1d"} .icon-stop2:before {content:"\ea1e"} .icon-backward2:before {content:"\ea1f"} .icon-forward3:before {content:"\ea20"} .icon-first:before {content:"\ea21"} .icon-last:before {content:"\ea22"} .icon-previous2:before {content:"\ea23"} .icon-next2:before {content:"\ea24"} .icon-eject:before {content:"\ea25"} .icon-volume-high:before {content:"\ea26"} .icon-volume-medium:before {content:"\ea27"} .icon-volume-low:before {content:"\ea28"} .icon-volume-mute:before {content:"\ea29"} .icon-volume-mute2:before {content:"\ea2a"} .icon-volume-increase:before {content:"\ea2b"} .icon-volume-decrease:before {content:"\ea2c"} .icon-checkbox-checked:before {content:"\ea52"} .icon-checkbox-unchecked:before {content:"\ea53"} .icon-mail4:before {content:"\ea86"} .icon-facebook:before {content:"\ea90"} .icon-instagram:before {content:"\ea92"} .icon-whatsapp:before {content:"\ea93"} .icon-spotify:before {content:"\ea94"} .icon-youtube:before {content:"\ea9d"} .icon-soundcloud:before {content:"\eac3"} .icon-arrow-down2:before {content:"\ea3e"} .icon-sphere:before {content:"\e9c9"} h2 a {color:#12a19b;text-decoration:none} h2 a:hover {text-decoration:underline} .wp-block-embed {margin:0px 0px 50px} .wp-block-gallery .wp-block-image {} .wp-block-gallery .wp-block-image img {position:relative;transition:scale 0.2s} .wp-block-gallery .wp-block-image:hover img {scale:1.25;z-index:100} nav.navigation.pagination {} nav.navigation.pagination .nav-links {display:flex;gap:15px;justify-content:center;margin:50px 0px 0px} nav.navigation.pagination .nav-links a {display:inline-block;padding:5px 15px;color:#fff;background-color:#403E3F;border:1px solid #fff;border-radius:5px;text-decoration:none;transition:border 0.2s} nav.navigation.pagination .nav-links a:hover {border:1px solid #12a19b} nav.navigation.pagination .nav-links span.current {display:inline-block;padding:5px 15px;background-color:#12a19b;color:#fff;border:1px solid #fff;border-radius:5px} .ct_news {position:relative;border-top:2px solid #a6a6a6;border-bottom:2px solid #a6a6a6} .ct_news .background {position:absolute;top:0px;display:block;width:100%;height:100%;background:rgba(233, 233, 233, 0.30)} .ct_news ul,.ct_news ol {display:flex;flex-wrap:wrap;justify-content:center;gap:50px;list-style-type:none;margin:0px;padding:0px} .ct_news ul li,.ct_news ol li {position:relative;overflow:hidden;border-radius:15px} .ct_news ul li .inner2,.ct_news ol li .inner2 {max-width:300px} .ct_news ul li img,.ct_news ol li img {border-radius:15px;overflow:hidden;object-fit:cover;vertical-align:top} .ct_news ul li p,.ct_news ol li p {color:#fff} .ct_news div.wrap {display:flex;gap:25px;flex-wrap:wrap;padding:25px;position:relative;z-index:100;text-decoration:none} .ct_news h3 a {color:#12a19b;text-decoration:none} .ct_news h3 a:hover {text-decoration:underline} .ct_news .backgroundimage {position:absolute;top:0px;height:100%;z-index:99;object-fit:cover;filter:brightness(0.20)} .ct_news ol li {transition:background-color 0.3s} .ct_news ol li p {transition:color 0.2s} .ct_news ol li:hover,.ct_news ol li.inview {background-color:#fff} .ct_news ol li:hover p,.ct_news ol li.inview p {color:#403E3F} @media (min-width:641px) { /* tablet */ .ct_news div.wrap {flex-wrap:nowrap} .ct_news ul li,.ct_news ol li {width:100%} .ct_news ul li .inner2,.ct_news ol li .inner2 {max-width:none} .ct_news ul li img,.ct_news ol li img {margin:0px} .ct_news ul li p,.ct_news ol li p {text-align:left} } /*@media (min-width:1036px) { }*/ .wp-block-embed__wrapper {display:flex;justify-content:center} .wp-block-embed__wrapper iframe {aspect-ratio:16/9;width:100%;height:auto} h2.woocommerce-loop-product__title {line-height:25px} .product_meta {display:flex;flex-direction:column;flex-wrap:wrap} .product_meta > span {} .ct_sidemenu {position:fixed;right:-550px;top:0px;width:525px;max-width:100%;height:100%;z-index:10001;background-color:#fff;box-shadow:0px 0px 25px #111;transition:right 0.5s} .ct_sidemenu.show{right:0px} .ct_sidemenu .scrolling {overflow-y:auto;height:calc(100% - 83px);-ms-overflow-style:none;scrollbar-width:none} .ct_sidemenu .close-wrap {height:83px;width:100%;background-color:#12a19b;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0px 60px} .ct_sidemenu .close-wrap img {height:32px;cursor:pointer;margin:0px} .ct_sidemenu .link-wrap{padding:50px 60px} .ct_sidemenu .ct_socialmedia {} .ct_sidemenu .ct_socialmedia ul {display:flex;gap:15px;list-style-type:none;margin:0px;padding:0px} .ct_sidemenu .ct_socialmedia ul li {} .ct_sidemenu .ct_socialmedia ul li a {display:flex;text-decoration:none;color:#fff;padding:5px;border-radius:5px;overflow:hidden;transition:color 0.2s,background-color 0.2s} .ct_sidemenu .ct_socialmedia ul li a:hover {background-color:#fff;color:#12a19b} .ct_sidemenu .hambuger_menu {list-style-type:none;margin:0px;padding:0px;font-size:20px;line-height:28px} .ct_sidemenu .hambuger_menu li {position:relative;margin:0px 0px 10px} .ct_sidemenu .hambuger_menu li a {display:block;color:#131313;text-decoration:none;padding:0px 0px 10px} .ct_sidemenu .hambuger_menu li a:hover {text-decoration:underline} .ct_sidemenu .accordion {color:#131313;cursor:pointer} .ct_sidemenu .accordion::after {content:'+';color:#131313;float:right;margin:0px 3px;font-size:24px;line-heigt:24px;width:24px;font-weight:700;text-align:center} .ct_sidemenu .accordion.active::after {content:'-'} .ct_sidemenu .accordion.active.keepopen {cursor:auto} .ct_sidemenu .accordion.active.keepopen::after {content:''} .ct_sidemenu .panel {max-height:0;overflow:hidden;transition:max-height 0.2s ease-out;margin:0px 0px 0px 15px;padding:0px} @media (min-width:1024px) { .ct_sidemenu .accordion::after {margin:0px;font-size:24px;line-height:24px;width:24px} } @keyframes lights { 0% { color: hsl(18, 161, 155); text-shadow: 0 0 1em hsla(18, 100%, 50%, 0.2), 0 0 0.125em hsla(18, 100%, 60%, 0.3), -1em -0.125em 0.5em hsla(40, 100%, 60%, 0), 1em 0.125em 0.5em hsla(200, 100%, 60%, 0); } 30% { color: hsl(18, 161, 155); text-shadow: 0 0 1em hsla(18, 100%, 50%, 0.5), 0 0 0.125em hsla(18, 100%, 60%, 0.5), -0.5em -0.125em 0.25em hsla(40, 100%, 60%, 0.2), 0.5em 0.125em 0.25em hsla(200, 100%, 60%, 0.4); } 40% { color: hsl(18, 161, 155); text-shadow: 0 0 1em hsla(18, 100%, 50%, 0.5), 0 0 0.125em hsla(18, 100%, 90%, 0.5), -0.25em -0.125em 0.125em hsla(40, 100%, 60%, 0.2), 0.25em 0.125em 0.125em hsla(200, 100%, 60%, 0.4); } 70% { color: hsl(18, 161, 155); text-shadow: 0 0 1em hsla(18, 100%, 50%, 0.5), 0 0 0.125em hsla(18, 100%, 60%, 0.5), 0.5em -0.125em 0.25em hsla(40, 100%, 60%, 0.2), -0.5em 0.125em 0.25em hsla(200, 100%, 60%, 0.4); } 100% { color: hsl(18, 161, 155); text-shadow: 0 0 1em hsla(18, 100%, 50%, 0.2), 0 0 0.125em hsla(18, 100%, 60%, 0.3), 1em -0.125em 0.5em hsla(40, 100%, 60%, 0), -1em 0.125em 0.5em hsla(200, 100%, 60%, 0); } } h2.inview {animation:lights 5s 950ms linear;animation-iteration-count:1} .ct_footer {display:flex;justify-content:center;background-color:#131313} .ct_footer .inner {} .ct_footer .inner span,.ct_footer .inner p,.ct_footer .inner address,.ct_footer .inner a {font-style:normal} .ct_footer .inner .row {display:flex;gap:13px;flex-wrap:wrap;margin:100px 0px 0px} .ct_footer .inner .row .col {width:100%} .ct_footer .inner .row .col.c1 {} .ct_footer .inner .row .col.c2 {} .ct_footer .inner .row .col.c3 {} .ct_footer .inner .row .col.c4 {text-align:left} .ct_footer ul {list-style-type:none;margin:15px 0px 0px;padding:0px} .ct_footer a {color:#a6a6a6;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:-0.176px;text-decoration:none;transition:color 0.2s} .ct_footer a:hover {text-decoration:underline;color:#12a19b} .ct_footer .ct_socialmedia ul {display:flex;gap:25px;justify-content:flex-start;width:100%;padding:0px} .ct_footer .ct_socialmedia ul li a {text-decoration:none} .ct_footer .ct_socialmedia ul li a:hover {text-decoration:none} .flip-card {background-color:transparent;width:150px;height:150px;perspective:1000px} .flip-card img {height:100%;width:100%;object-fit:contain;object-position:center} .flip-card-inner {position:relative;width:100%;height:100%;text-align:center;transition:transform 0.8s;transform-style:preserve-3d} .flip-card:hover .flip-card-inner {transform: rotateY(180deg)} .flip-card-front, .flip-card-back {position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;border-bottom-left-radius:15px;border-bottom-right-radius:15px} .flip-card-front {background-color: #bbb; /* dominant color */color:black} .flip-card-back {background-color:#12a19b;color:#fff;transform:rotateY(180deg)} .flip-card-back .back-text {position:absolute;bottom:5px;left:0px;text-align:center;width:100%} .flip-card-back .back-text strong {font-size:18px;line-height:18px;text-shadow:0px 0px 5px #131313} .flip-card-back .back-text p {color:#fff;margin:0px;font-size:16px;line-height:16px} @media (min-width:481px) { /* tablet */ .flip-card {width:150px;height:150px} } @media (min-width:641px) { /* tablet */ .ct_footer .inner .row .col {width:47%} } @media (min-width:1036px) { /* laptop */ .ct_footer .inner .row {flex-wrap:nowrap;margin:0px 0px 0px} .ct_footer .inner .row .col {width:25%} .ct_footer .inner .row .col.c4 {text-align:left} .ct_footer a {font-size:18px;line-height:26px} .flip-card {width:120px;height:120px} } @media (min-width:1301px) { /* desktop */ .flip-card {width:150px;height:150px} } /* smartphones, touchscreens */ @media (hover:none) and (pointer:coarse) { .ct_footer nav ul li {line-height:48px} } /* stylus-based screens */ @media (hover:none) and (pointer:fine) { .ct_footer nav ul li {line-height:48px} } /* Nintendo Wii controller, Microsoft Kinect */ @media (hover:hover) and (pointer:coarse) { } /* mouse, touch pad */ @media (hover:hover) and (pointer:fine) { } .ct_footerend {height:auto} .ct_footerend .comp {height:100%;background:linear-gradient(180deg,rgba(19, 19, 19, 1) 0%, rgba(0, 0, 0, 1) 100%);color:#a6a6a6;margin:0px;padding:15px 0px} .ct_footerend .comp .inner {height:100%} .ct_footerend .comp .inner footer {height:100%} .ct_footerend .maxheight {height:100%} .ct_footerend .wrap {display:flex;flex-wrap:wrap;gap:10px;height:100%;width:100%} .ct_footerend nav {height:100%} .ct_footerend nav a,.ct_footerend span {color:#a6a6a6;font-size:16px;font-style:normal;font-weight:400;letter-spacing:-0.176px;text-decoration:none} .ct_footerend nav a:hover {text-decoration:underline} .ct_footerend nav ul {list-style-type:none;margin:0px;padding:0px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:30px;height:100%} .ct_footerend .links {height:100%;width:100%} .ct_footerend .copyright {height:100%;width:100%;display:flex;justify-content:center;align-items:center;text-align:center} .ct_footerend .copyright a {color:#fff} .ct_footerend .high-end-wordpress-websites {display:flex;align-items:center;width:100%;justify-content:center;text-align:center;margin:0px} .ct_footerend .high-end-wordpress-websites p {font-family:"Oswald",sans-serif;margin:0px} @media (min-width:481px) { /* tablet */ } @media (min-width:1036px) { /* laptop */ .ct_footerend {height:100px;padding:0px} .ct_footerend .wrap {flex-wrap:nowrap;gap:0px} .ct_footerend .links {width:33%} .ct_footerend .copyright {width:33%} .ct_footerend nav ul {flex-wrap:wrap;justify-content:flex-end} .ct_footerend .copyright {justify-content:flex-start;text-align:right} .ct_footerend .high-end-wordpress-websites {width:33%} } @media (min-width:1301px) { /* desktop */ } /* =WordPress Core -------------------------------------------------------------- */ .alignnone {margin: 5px 20px 20px 0} .aligncenter,div.aligncenter {display: block;margin: 5px auto 5px auto} .alignright {float:right;margin: 5px 0 20px 20px} .alignleft {float: left;margin: 5px 20px 20px 0} a img.alignright {float: right;margin: 5px 0 20px 20px} a img.alignnone {margin: 5px 20px 20px 0} a img.alignleft {float: left;margin: 5px 20px 20px 0} a img.aligncenter {display: block;margin-left: auto;margin-right: auto} .wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center} .wp-caption.alignnone {margin: 5px 20px 20px 0} .wp-caption.alignleft {margin: 5px 20px 20px 0} .wp-caption.alignright {margin: 5px 0 20px 20px} .wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto} .wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px} .screen-reader-text {border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute !important;width: 1px;word-wrap: normal !important} .screen-reader-text:focus {background-color: #eee;clip: auto !important;clip-path: none;color: #444;display: block;font-size: 1em;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000}