/* Theme Name: Cell to Cure Theme URI: Description: A theme for Cell to Cure based on the Twenty Twenty-Five theme. Author: Black Author URI: https://createdbyblack.com/ Template: twentytwentyfive Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: cell-to-cure */ :root { --content-width: 100%; --container-padding: 1rem; --font-family-base: 'Instrument Sans', sans-serif; --font-family-heading: 'SUSE', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; --color-quality-blue: #001d3d; --color-white: #ffffff; --color-black: #000000; --color-flash-white: #eaeef3; --color-quality-grey: #d0d7df; --color-silver-grey: #b6bec8; --clor-calm-black: #222; --color-crayola: #0073FF; --color-repair: #a4eaff; --color-regenerate: #d0ffb4; --ctc-border-radius: 10px; --ctc-border-radius20: 20px; --ctc-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10); --ctc-ftrd-section-clip: polygon( 110.621% 31.797%,110.621% 31.797%,109.632% 27.663%,108.269% 23.789%,106.56% 20.208%,104.535% 16.953%,102.223% 14.056%,99.654% 11.549%,96.856% 9.465%,93.86% 7.836%,90.694% 6.695%,87.388% 6.074%,30.623% 0.172%,30.623% 0.172%,28.796% 0.065%,26.976% 0.124%,25.17% 0.347%,23.385% 0.731%,21.626% 1.274%,19.901% 1.974%,18.216% 2.828%,16.577% 3.834%,14.99% 4.99%,13.462% 6.294%,-2.371% 20.86%,-2.371% 20.86%,-5.617% 24.387%,-8.312% 28.434%,-10.444% 32.903%,-12% 37.698%,-12.968% 42.722%,-13.334% 47.878%,-13.086% 53.069%,-12.212% 58.199%,-10.699% 63.171%,-8.533% 67.889%,-1.199% 81.283%,-1.199% 81.283%,0.262% 83.71%,1.874% 85.936%,3.624% 87.952%,5.499% 89.751%,7.487% 91.322%,9.575% 92.657%,11.751% 93.746%,14.003% 94.582%,16.317% 95.154%,18.681% 95.455%,84.517% 99.914%,84.517% 99.914%,88.237% 99.824%,91.837% 99.069%,95.272% 97.692%,98.502% 95.731%,101.485% 93.229%,104.178% 90.225%,106.539% 86.762%,108.527% 82.879%,110.099% 78.617%,111.214% 74.017%,113.378% 62.206%,113.378% 62.206%,113.633% 60.651%,113.832% 59.086%,113.972% 57.513%,114.056% 55.935%,114.083% 54.354%,114.052% 52.773%,113.964% 51.196%,113.819% 49.623%,113.617% 48.059%,113.357% 46.505%,110.621% 31.797% ); --ctc-ftrd-section-clip2:polygon( 111.736% 28.345%,111.736% 28.345%,110.599% 24.422%,109.222% 20.791%,107.623% 17.475%,105.824% 14.498%,103.844% 11.883%,101.704% 9.654%,99.423% 7.834%,97.021% 6.447%,94.518% 5.516%,91.934% 5.065%,27.808% 0.077%,27.808% 0.077%,26.507% 0.03%,25.209% 0.093%,23.916% 0.264%,22.632% 0.542%,21.359% 0.926%,20.098% 1.417%,18.853% 2.012%,17.626% 2.712%,16.418% 3.515%,15.233% 4.42%,1.052% 15.982%,1.052% 15.982%,-2.288% 19.235%,-5.243% 23.187%,-7.79% 27.746%,-9.907% 32.823%,-11.57% 38.328%,-12.757% 44.17%,-13.446% 50.259%,-13.614% 56.505%,-13.238% 62.817%,-12.295% 69.107%,-12.128% 69.953%,-12.128% 69.953%,-10.799% 75.425%,-9.078% 80.456%,-7.003% 85.005%,-4.61% 89.031%,-1.936% 92.49%,0.98% 95.341%,4.103% 97.543%,7.394% 99.053%,10.817% 99.829%,14.336% 99.829%,88.174% 91.494%,88.174% 91.494%,91.377% 90.797%,94.457% 89.464%,97.386% 87.533%,100.138% 85.04%,102.685% 82.022%,104.999% 78.515%,107.054% 74.556%,108.821% 70.182%,110.275% 65.43%,111.386% 60.336%,112.543% 53.812%,112.543% 53.812%,112.936% 51.278%,113.223% 48.717%,113.405% 46.137%,113.481% 43.549%,113.451% 40.961%,113.317% 38.383%,113.078% 35.823%,112.735% 33.29%,112.287% 30.795%,111.736% 28.345% ); --ctc-subpage-clip: polygon( 107.188% -57.89%,107.188% -57.89%,106.771% -61.645%,106.194% -65.149%,105.47% -68.37%,104.611% -71.279%,103.632% -73.844%,102.546% -76.035%,101.366% -77.82%,100.106% -79.17%,98.778% -80.052%,97.397% -80.438%,5.747% -88.692%,5.747% -88.692%,4.018% -88.445%,2.372% -87.426%,0.833% -85.701%,-0.576% -83.332%,-1.831% -80.383%,-2.91% -76.918%,-3.79% -73%,-4.447% -68.693%,-4.858% -64.06%,-5% -59.165%,-5% 45.533%,-5% 45.533%,-4.939% 48.724%,-4.76% 51.841%,-4.467% 54.861%,-4.066% 57.762%,-3.56% 60.52%,-2.955% 63.113%,-2.255% 65.516%,-1.466% 67.708%,-0.592% 69.665%,0.362% 71.364%,16.144% 96.203%,16.144% 96.203%,16.652% 96.95%,17.171% 97.616%,17.702% 98.199%,18.242% 98.699%,18.791% 99.113%,19.346% 99.443%,19.908% 99.686%,20.474% 99.842%,21.044% 99.91%,21.616% 99.89%,90.914% 92.009%,90.914% 92.009%,91.522% 91.89%,92.126% 91.67%,92.722% 91.351%,93.309% 90.936%,93.887% 90.424%,94.453% 89.819%,95.007% 89.12%,95.545% 88.331%,96.069% 87.451%,96.574% 86.483%,110.443% 58.223%,110.443% 58.223%,111.421% 55.965%,112.284% 53.428%,113.026% 50.646%,113.644% 47.655%,114.134% 44.49%,114.489% 41.184%,114.707% 37.772%,114.782% 34.29%,114.71% 30.772%,114.487% 27.252%,107.188% -57.89% ); --ctc-mobile-clip-path-01: polygon( 102.944% 22.749%,102.944% 22.749%,102.2% 20.078%,101.057% 17.557%,99.542% 15.209%,97.688% 13.059%,95.523% 11.128%,93.077% 9.441%,90.381% 8.021%,87.464% 6.891%,84.356% 6.076%,81.087% 5.598%,21.749% 0.245%,21.749% 0.245%,19.135% 0.123%,16.549% 0.227%,14.01% 0.549%,11.536% 1.082%,9.147% 1.819%,6.863% 2.755%,4.701% 3.882%,2.681% 5.192%,0.823% 6.68%,-0.856% 8.339%,-26.123% 36.155%,-26.123% 36.155%,-27.856% 38.339%,-29.22% 40.648%,-30.215% 43.053%,-30.838% 45.523%,-31.09% 48.03%,-30.97% 50.543%,-30.476% 53.033%,-29.609% 55.471%,-28.367% 57.827%,-26.749% 60.07%,-11.313% 78.69%,-11.313% 78.69%,-10.251% 79.877%,-9.096% 80.992%,-7.852% 82.032%,-6.524% 82.994%,-5.119% 83.875%,-3.642% 84.672%,-2.098% 85.381%,-0.493% 85.999%,1.167% 86.523%,2.878% 86.95%,59.087% 99.176%,59.087% 99.176%,61.724% 99.626%,64.373% 99.836%,67.012% 99.813%,69.62% 99.56%,72.174% 99.084%,74.655% 98.389%,77.038% 97.48%,79.304% 96.362%,81.429% 95.04%,83.394% 93.52%,103.384% 76.285%,103.384% 76.285%,104.911% 74.838%,106.258% 73.294%,107.418% 71.664%,108.389% 69.96%,109.165% 68.193%,109.742% 66.375%,110.116% 64.518%,110.282% 62.632%,110.237% 60.73%,109.975% 58.823%,102.944% 22.749% ); --ctc-mobile-clip-path-02: polygon( 102.944% 77.251%,102.944% 77.251%,102.2% 79.922%,101.057% 82.443%,99.542% 84.791%,97.688% 86.941%,95.523% 88.872%,93.077% 90.559%,90.381% 91.979%,87.464% 93.109%,84.356% 93.924%,81.087% 94.402%,21.749% 99.755%,21.749% 99.755%,19.135% 99.876%,16.549% 99.773%,14.01% 99.451%,11.536% 98.918%,9.147% 98.181%,6.863% 97.245%,4.701% 96.118%,2.681% 94.808%,0.823% 93.32%,-0.856% 91.661%,-26.123% 63.845%,-26.123% 63.845%,-27.856% 61.661%,-29.22% 59.352%,-30.215% 56.947%,-30.838% 54.477%,-31.09% 51.97%,-30.97% 49.457%,-30.476% 46.967%,-29.609% 44.529%,-28.367% 42.173%,-26.749% 39.93%,-11.313% 21.31%,-11.313% 21.31%,-10.251% 20.123%,-9.096% 19.008%,-7.852% 17.968%,-6.524% 17.006%,-5.119% 16.125%,-3.642% 15.328%,-2.098% 14.619%,-0.493% 14.001%,1.167% 13.477%,2.878% 13.05%,59.087% 0.824%,59.087% 0.824%,61.724% 0.374%,64.373% 0.164%,67.012% 0.187%,69.62% 0.44%,72.174% 0.916%,74.655% 1.611%,77.038% 2.52%,79.304% 3.638%,81.429% 4.96%,83.394% 6.48%,103.384% 23.715%,103.384% 23.715%,104.911% 25.162%,106.258% 26.706%,107.418% 28.336%,108.389% 30.04%,109.165% 31.807%,109.742% 33.625%,110.116% 35.482%,110.282% 37.368%,110.237% 39.27%,109.975% 41.177%,102.944% 77.251% ); --ctc-mobile-faq-path: polygon( 135.922% 13.935%,135.922% 13.935%,134.952% 12.588%,133.362% 11.294%,131.186% 10.063%,128.457% 8.905%,125.21% 7.829%,121.478% 6.846%,117.297% 5.966%,112.699% 5.199%,107.72% 4.556%,102.393% 4.045%,60.125% 0.651%,60.125% 0.651%,52.985% 0.214%,45.813% 0.034%,38.711% 0.101%,31.782% 0.405%,25.128% 0.936%,18.853% 1.683%,13.058% 2.636%,7.848% 3.786%,3.323% 5.122%,-0.413% 6.634%,-60.147% 35.47%,-60.147% 35.47%,-61.734% 36.318%,-63.028% 37.188%,-64.031% 38.075%,-64.739% 38.975%,-65.152% 39.884%,-65.269% 40.798%,-65.089% 41.713%,-64.609% 42.624%,-63.83% 43.528%,-62.75% 44.42%,-0.069% 89.46%,-0.069% 89.46%,1.796% 90.6%,4.118% 91.676%,6.868% 92.683%,10.016% 93.614%,13.535% 94.463%,17.394% 95.224%,21.565% 95.89%,26.02% 96.454%,30.728% 96.911%,35.661% 97.255%,77.631% 99.627%,77.631% 99.627%,86.317% 99.932%,94.823% 99.875%,103.001% 99.483%,110.703% 98.779%,117.779% 97.789%,124.081% 96.538%,129.461% 95.05%,133.77% 93.351%,136.86% 91.465%,138.581% 89.417%,154.363% 55.535%,154.363% 55.535%,154.473% 55.273%,154.558% 55.011%,154.619% 54.748%,154.655% 54.485%,154.666% 54.222%,154.653% 53.959%,154.615% 53.696%,154.553% 53.433%,154.466% 53.171%,154.354% 52.909%,135.922% 13.935% ); --ctc-footer-clip: polygon( 110.327% 44.369%,110.327% 44.369%,109.352% 36.486%,107.849% 29.165%,105.866% 22.482%,103.454% 16.519%,100.661% 11.352%,97.536% 7.061%,94.13% 3.725%,90.491% 1.423%,86.669% 0.233%,82.713% 0.234%,26.331% 9%,26.331% 9%,25.319% 9.198%,24.314% 9.477%,23.315% 9.836%,22.324% 10.274%,21.344% 10.79%,20.373% 11.385%,19.414% 12.057%,18.468% 12.806%,17.536% 13.631%,16.619% 14.531%,1.654% 29.963%,1.654% 29.963%,-2.071% 34.634%,-5.279% 40.341%,-7.946% 46.922%,-10.046% 54.215%,-11.558% 62.058%,-12.455% 70.29%,-12.713% 78.749%,-12.309% 87.273%,-11.219% 95.701%,-9.417% 103.871%,-0.889% 135.332%,-0.889% 135.332%,0.528% 139.983%,2.151% 144.268%,3.963% 148.165%,5.947% 151.651%,8.085% 154.706%,10.361% 157.307%,12.758% 159.432%,15.258% 161.06%,17.844% 162.168%,20.499% 162.734%,84.543% 169.618%,84.543% 169.618%,88.263% 169.474%,91.863% 168.277%,95.298% 166.091%,98.529% 162.98%,101.511% 159.01%,104.204% 154.244%,106.565% 148.748%,108.553% 142.587%,110.125% 135.824%,111.24% 128.526%,113.603% 108.063%,113.603% 108.063%,113.827% 105.93%,114.009% 103.783%,114.147% 101.626%,114.243% 99.461%,114.296% 97.29%,114.306% 95.116%,114.273% 92.943%,114.197% 90.772%,114.078% 88.607%,113.916% 86.45%,110.327% 44.369% ); --mobile-padding: 20px; --tablet-padding: 40px; --header-height: 80px; } html { scroll-behavior: smooth; overflow-x: hidden; } html.lenis { height: auto; } .lenis.lenis-smooth { scroll-behavior: auto !important; } /* Typography base styles */ body { background-color: var( --wp--preset--color--white); font-family: var(--font-family-base); font-size: 1.125rem; line-height: 1.6; font-weight: 400; color: var(--color-quality-blue); overflow-x: hidden; } /* Apply SUSE font to headings */ h1, h2, h3, h4, h5, h6, .wp-block-site-title, .wp-block-post-title { font-family: var(--font-family-heading); font-weight: 300; line-height: 1.2; } h2{ font-size: 3.4rem;} h3{ font-size: 1.875rem;} p{ line-height: 1.5; } /* Common Classes ------------------------------------------------------- */ .not-ready{ display: none!important;} .no-underline a { text-decoration: none !important; } .overflow-hidden{ overflow: hidden;} .accent-font{ font-family: var(--font-family-heading); font-weight: 300;} .card-link{ position: absolute; inset: 0; width: 100%; height: 100%; } .row_container{ padding-left: 10%; padding-right: 10%; } .mb-30{ margin-bottom: 30px;} .mb-35{ margin-bottom: 35px;} .mb-60{ margin-bottom: 60px;} .mb-50{ margin-bottom: 50px;} .pb-15{ padding-bottom: 15px;} .pb-20{ padding-bottom: 20px;} .pb-25{ padding-bottom: 25px;} .pb-30{ padding-bottom: 30px;} .gap-60{ gap: 60px;} .gap-100{ gap: 100px;} /* Homepage Hero ------------------------------------------------------- */ .home_hero { height: 100vh; min-height: 860px; } .home-ftrd-product{ max-width: 600px; position: absolute; top: 3%; right: -100px; padding: 100px 140px 100px 100px; margin: 0; background: var(--color-flash-white); clip-path: polygon( 44.967% 2.456%,44.967% 2.456%,40.564% 0.867%,36.106% 0.113%,31.677% 0.156%,27.359% 0.957%,23.233% 2.478%,19.384% 4.681%,15.892% 7.526%,12.841% 10.976%,10.313% 14.991%,8.391% 19.534%,1.672% 39.763%,1.672% 39.763%,1.112% 41.644%,0.674% 43.552%,0.356% 45.481%,0.159% 47.424%,0.083% 49.375%,0.128% 51.327%,0.293% 53.273%,0.58% 55.208%,0.988% 57.124%,1.516% 59.014%,8.064% 79.861%,8.064% 79.861%,9.618% 83.829%,11.646% 87.435%,14.097% 90.647%,16.921% 93.431%,20.066% 95.756%,23.48% 97.59%,27.114% 98.9%,30.916% 99.653%,34.834% 99.818%,38.819% 99.361%,75.232% 92.28%,75.232% 92.28%,77.547% 91.717%,79.791% 90.947%,81.954% 89.978%,84.024% 88.818%,85.992% 87.474%,87.845% 85.955%,89.575% 84.27%,91.169% 82.425%,92.617% 80.428%,93.909% 78.289%,96.205% 74.1%,96.205% 74.1%,97.499% 71.436%,98.524% 68.674%,99.278% 65.836%,99.761% 62.944%,99.973% 60.022%,99.912% 57.091%,99.579% 54.175%,98.973% 51.296%,98.093% 48.477%,96.938% 45.74%,89.573% 30.413%,89.573% 30.413%,88.65% 28.644%,87.62% 26.956%,86.489% 25.353%,85.262% 23.841%,83.942% 22.424%,82.536% 21.107%,81.048% 19.895%,79.482% 18.792%,77.844% 17.804%,76.138% 16.935%,44.967% 2.456% ); overflow: hidden; } .home-ftrd-product .ftrd-product img{ max-width: 100px; mix-blend-mode: multiply; } .home-ftrd-product .product-arrow{ position: absolute; right: 30%; margin-top: -40px; transform: scale(1); transition: 0.3s ease; } .home-ftrd-product:hover .product-arrow{ transform: scale(1.1); transition: 0.3s ease; } /* Prefooter Section ------------------------------------------------------- */ .prefooter-section .bg-image figure{ position: absolute; top: 50%; left: 45%; transform: translateY(-27%); width: 50%; max-width: 800px; z-index: -1; } .cell-image-bg { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: -2; } .grants-column p.no-underline { margin-top: 8px; } /* Home Stem Cells Section ------------------------------------------------------- */ .home-stem-cells-carousel{ display: block!important;} .home-stem-cells-carousel .wp-block-column { padding: 10px 10px 30px 10px; border-radius: var(--ctc-border-radius20); background: var(--color-flash-white); height: 420px; position: relative; overflow: hidden; } /* .home-stem-cells-carousel .slick-list{padding-right: 15%;} */ .home-stem-cells-carousel h3, .home-stem-cells-carousel p{ padding: 0 15px; } .home-stem-cells-carousel p { opacity: 0; transform: translateY(20px); transition: all 0.5s ease; height: 0; overflow: hidden; margin: 0; } .home-stem-cells-carousel .wp-block-column:hover p { opacity: 1; transform: translateY(0); height: 60px; margin: 12px 0; } .home-stem-cells-carousel .wp-block-column .ftrd-img {} .home-stem-cells-carousel .wp-block-column .ftrd-img img{ height: 350px; width: 100%; object-fit: cover; transition: all 0.5s ease; } .home-stem-cells-carousel .wp-block-column:hover .ftrd-img img{ height: 280px; } .home-stem-cells-carousel .wp-block-column .arrow-icon { position: absolute; right: 20px; margin-top: -65px; width: 55px; height: 55px; background-color: var(--color-regenerate); border-radius: var(--ctc-border-radius); transition: all 0.5s ease; transform: scale(1); } .home-stem-cells-carousel .wp-block-column:hover .arrow-icon { transition: all 0.5s ease; transform: scale(1.1); } .homepage__cell-manufacturing .carousel-nav p{ padding-left: 0px; } /* Newsroom Section ------------------------------------------------------- */ .carousel-nav p{ padding-left: 20px; font-family: var(--font-family-heading); font-weight: 300; font-size: 1.3rem;} /* .cbb-carousel{ overflow: visible!important; padding-right: 18%;} */ .homepage__newsroom .carousel-nav{ margin-bottom: 20px;} .newsroom-carousel .slick-track{ gap: 25px;} .newsroom-carousel .wp-block-columns { display: flex!important; border: 1px solid var(--color-flash-white); border-radius: var(--ctc-border-radius20); padding: 10px; position: relative; } .newsroom-carousel .wp-block-columns .wp-block-column:nth-child(1) figure{ overflow: hidden; border-radius: var(--ctc-border-radius20); height: 100%; margin-bottom: 0px; } .newsroom-carousel .wp-block-columns .wp-block-column:nth-child(1) img { border-radius: var(--ctc-border-radius20); width: 100%; height: 100%; object-fit: cover; transition: .5s ease; transform: scale(1); } .newsroom-carousel .wp-block-columns:hover .wp-block-column:nth-child(1) figure img { transform: scale(1.1); } .newsroom-carousel .wp-block-columns .wp-block-column:nth-child(1) p, .newsroom-carousel .wp-block-columns .wp-block-column:nth-child(1) br{ display: none} .newsroom-carousel .tags{ gap: 0; margin-top: 30px;} .newsroom-carousel .tags p { padding: 5px 10px; border-radius: var(--ctc-border-radius); } /* hover state */ .newsroom-carousel .wp-block-columns::before, .news-card::before{ content: ''; position: absolute; inset: 0; border-radius: var(--ctc-border-radius20); transition: .5s ease; background: var(--color-flash-white); z-index: -1; width: 0%; } .newsroom-carousel .wp-block-columns:hover::before, .news-card:hover::before{ width: 100%; } .slick-arrow{transition: all 0.3s ease-out; } .slick-arrow:hover{ transform: translateX(8px)!important; } .slick-arrow.nr-prev-btn:hover, .slick-arrow.rp-prev-btn:hover, .slick-arrow.hsc-prev-btn:hover{ transform: translateX(-8px)!important; } /* Home Intro ------------------------------------------------------- */ .home-about-intro { margin: 0px; margin-bottom: -230px;} .home-about-intro .gb-container-image-wrap{ text-align: right;} .home-about-intro .gb-container-image-wrap::before{ content: ''; background: var(--color-flash-white); display: block; width: 335px; height: 510px; right: 0; position: absolute; top: 15px; clip-path: polygon(190.38% 34.689%, 190.38% 34.689%, 190.986% 31.016%, 190.732% 27.385%, 189.652% 23.833%, 187.779% 20.394%, 185.144% 17.102%, 181.78% 13.992%, 177.72% 11.099%, 172.996% 8.458%, 167.641% 6.103%, 161.688% 4.07%, 161.688% 4.07%, 157.37% 2.903%, 152.912% 1.931%, 148.337% 1.156%, 143.669% 0.58%, 138.933% 0.202%, 134.153% 0.026%, 129.353% 0.052%, 124.559% 0.282%, 119.794% 0.718%, 115.082% 1.359%, 60.26% 10.101%, 60.26% 10.101%, 48.54% 12.467%, 37.847% 15.621%, 28.281% 19.479%, 19.942% 23.959%, 12.929% 28.978%, 7.34% 34.454%, 3.276% 40.304%, 0.835% 46.445%, 0.116% 52.794%, 1.22% 59.27%, 1.22% 59.27%, 3.655% 64.772%, 7.361% 69.984%, 12.248% 74.86%, 18.228% 79.354%, 25.21% 83.42%, 33.106% 87.012%, 41.827% 90.084%, 51.283% 92.591%, 61.387% 94.487%, 72.047% 95.725%, 118.305% 99.518%, 118.305% 99.518%, 123.452% 99.806%, 128.58% 99.833%, 133.653% 99.603%, 138.638% 99.122%, 143.499% 98.397%, 148.202% 97.434%, 152.714% 96.239%, 157% 94.818%, 161.025% 93.177%, 164.755% 91.321%, 164.755% 91.321%, 166.886% 90.077%, 168.859% 88.773%, 170.669% 87.413%, 172.313% 86.001%, 173.786% 84.541%, 175.085% 83.038%, 176.207% 81.496%, 177.146% 79.918%, 177.899% 78.31%, 178.463% 76.674%, 190.38% 34.689%); } .home-about-intro .gb-container-image-wrap .clip-wrap{ clip-path: polygon( 119.262% 33.163%,119.262% 33.163%,119.18% 28.893%,118.41% 24.779%,117% 20.873%,114.995% 17.227%,112.444% 13.894%,109.392% 10.926%,105.886% 8.376%,101.973% 6.296%,97.699% 4.738%,93.111% 3.756%,79.992% 1.876%,79.992% 1.876%,77.48% 1.61%,74.97% 1.53%,72.472% 1.634%,69.999% 1.918%,67.563% 2.38%,65.176% 3.017%,62.849% 3.826%,60.595% 4.806%,58.425% 5.952%,56.35% 7.262%,15.09% 35.659%,15.09% 35.659%,12.465% 37.683%,10.13% 39.929%,8.098% 42.372%,6.38% 44.985%,4.986% 47.743%,3.928% 50.622%,3.216% 53.594%,2.862% 56.636%,2.877% 59.72%,3.272% 62.823%,3.883% 66.041%,3.883% 66.041%,4.805% 69.543%,6.187% 72.857%,7.996% 75.953%,10.2% 78.803%,12.766% 81.376%,15.661% 83.644%,18.853% 85.579%,22.309% 87.152%,25.996% 88.332%,29.882% 89.092%,80.732% 96.003%,80.732% 96.003%,85.564% 96.317%,90.276% 95.963%,94.802% 94.982%,99.074% 93.415%,103.029% 91.305%,106.599% 88.693%,109.718% 85.619%,112.322% 82.125%,114.342% 78.254%,115.714% 74.045%,116.51% 70.662%,116.51% 70.662%,116.605% 70.243%,116.693% 69.822%,116.774% 69.401%,116.847% 68.978%,116.914% 68.555%,116.973% 68.13%,117.026% 67.705%,117.071% 67.279%,117.109% 66.852%,117.14% 66.425%,119.262% 33.163% ); max-width: 600px; right: 0; left: auto; height: 600px; top: auto; position: absolute; bottom: -300px; overflow: hidden; } .home-about-intro .clipped{ padding: 80px 140px!important; max-width: 900px; height: 800px; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-left: auto; margin-right: 320px; margin-top: -320px; position: relative; z-index: 10; } .home-about-intro .clipped h2{ margin-bottom: 20px;} /* Home FAQ Section ------------------------------------------------------- */ .home-faq{ clip-path: var(--ctc-ftrd-section-clip); min-height: 800px; position: relative; overflow: hidden; } .home-faq .gb-container-image-wrap::before, .home-faq .gb-container-image-wrap::after { content: ""; position: absolute; width: 70%; height: 100%; left: 0; } .home-faq .gb-container-image-wrap::before { top: -78%; left: 12%; background: var(--color-quality-blue); clip-path: polygon( 32.534% -80.857%,32.534% -80.857%,30.453% -80.637%,28.435% -79.993%,26.499% -78.946%,24.663% -77.519%,22.946% -75.733%,21.367% -73.611%,19.944% -71.174%,18.695% -68.445%,17.64% -65.446%,16.797% -62.198%,1.531% 8.077%,1.531% 8.077%,1.088% 10.423%,0.767% 12.806%,0.568% 15.215%,0.49% 17.636%,0.533% 20.055%,0.696% 22.46%,0.978% 24.836%,1.379% 27.171%,1.898% 29.451%,2.535% 31.663%,19.404% 84.365%,19.404% 84.365%,20.418% 87.142%,21.594% 89.671%,22.918% 91.938%,24.373% 93.928%,25.945% 95.627%,27.618% 97.019%,29.375% 98.089%,31.202% 98.824%,33.084% 99.207%,35.003% 99.225%,51.891% 97.738%,51.891% 97.738%,53.807% 97.381%,55.662% 96.664%,57.442% 95.604%,59.131% 94.221%,60.714% 92.53%,62.177% 90.55%,63.506% 88.299%,64.685% 85.795%,65.7% 83.055%,66.536% 80.097%,98.623% -52.399%,98.623% -52.399%,98.795% -53.152%,98.95% -53.914%,99.086% -54.685%,99.205% -55.465%,99.306% -56.251%,99.389% -57.043%,99.453% -57.84%,99.499% -58.642%,99.527% -59.447%,99.537% -60.254%,99.537% -60.254%,99.378% -63.596%,98.92% -66.766%,98.186% -69.722%,97.202% -72.422%,95.993% -74.823%,94.583% -76.882%,92.998% -78.557%,91.262% -79.807%,89.4% -80.587%,87.438% -80.857%,32.534% -80.857% ); z-index: -1; width: 60%; max-width: 1300px; } .home-faq .gb-container-image-wrap::after { bottom: -70%; left: 14%; background: var(--color-crayola); clip-path: polygon( 25.775% 4.524%,25.775% 4.524%,26.932% 3.695%,28.133% 2.961%,29.374% 2.325%,30.65% 1.787%,31.956% 1.349%,33.286% 1.012%,34.636% 0.778%,36.001% 0.649%,37.376% 0.625%,38.756% 0.709%,46.409% 1.471%,46.409% 1.471%,48.319% 1.766%,50.175% 2.261%,51.965% 2.949%,53.678% 3.819%,55.303% 4.865%,56.828% 6.078%,58.241% 7.451%,59.532% 8.974%,60.689% 10.64%,61.7% 12.44%,97.011% 82.891%,97.011% 82.891%,97.744% 84.514%,98.346% 86.187%,98.814% 87.9%,99.149% 89.645%,99.349% 91.411%,99.414% 93.189%,99.344% 94.97%,99.137% 96.744%,98.793% 98.502%,98.311% 100.235%,89.423% 127.913%,89.423% 127.913%,88.466% 130.385%,87.255% 132.671%,85.811% 134.753%,84.157% 136.613%,82.315% 138.235%,80.308% 139.601%,78.158% 140.693%,75.887% 141.494%,73.517% 141.988%,71.071% 142.157%,29.801% 142.157%,29.801% 142.157%,26.908% 141.921%,24.141% 141.238%,21.532% 140.137%,19.114% 138.653%,16.922% 136.816%,14.988% 134.658%,13.345% 132.213%,12.026% 129.511%,11.065% 126.586%,10.495% 123.468%,0.751% 37.682%,0.751% 37.682%,0.603% 35.345%,0.688% 33.034%,0.998% 30.765%,1.525% 28.557%,2.262% 26.429%,3.201% 24.399%,4.336% 22.485%,5.659% 20.707%,7.161% 19.082%,8.837% 17.629%,25.775% 4.524% ); z-index: -1; max-width: 600px; } .home-faq .gb-container-image-wrap .clip-wrap::before{ content: ''; max-width: 900px; width: 45%; height: 75%; object-fit: cover; position: absolute; right: 0; left: 0; top: 40%; transform: translateY(-50%) scale(1.01); -webkit-clip-path: url(#my-clip-path-home); clip-path: url(#my-clip-path-home); z-index: 1; background: #eaeef3; } .home-faq .gb-container-image-wrap .clip_inner{ max-width: 900px; width: 45%; height: 75%; object-fit: cover; position: absolute; right: 0; left: 0; top: 40%; transform: translateY(-50%); clip-path: polygon(40.235% 0.047%, 40.235% 0.047%, 41.447% 0.106%, 42.63% 0.279%, 43.776% 0.561%, 44.876% 0.948%, 45.921% 1.436%, 46.902% 2.018%, 47.811% 2.692%, 48.638% 3.452%, 49.375% 4.293%, 50.013% 5.212%, 59.767% 21.128%, 59.815% 21.208%, 59.815% 21.208%, 60.232% 21.983%, 60.569% 22.778%, 60.826% 23.588%, 61.004% 24.411%, 61.103% 25.24%, 61.123% 26.071%, 61.064% 26.9%, 60.928% 27.723%, 60.714% 28.534%, 60.424% 29.329%, 60.424% 29.329%, 61.032% 28.8%, 61.68% 28.315%, 62.366% 27.877%, 63.086% 27.487%, 63.837% 27.147%, 64.615% 26.858%, 65.417% 26.622%, 66.241% 26.44%, 67.082% 26.314%, 67.938% 26.245%, 81.232% 25.633%, 81.404% 25.627%, 81.404% 25.627%, 82.482% 25.638%, 83.543% 25.741%, 84.582% 25.933%, 85.592% 26.21%, 86.565% 26.57%, 87.497% 27.011%, 88.379% 27.529%, 89.205% 28.122%, 89.969% 28.787%, 90.664% 29.522%, 97.684% 37.716%, 97.769% 37.816%, 97.769% 37.816%, 98.261% 38.457%, 98.693% 39.126%, 99.063% 39.82%, 99.371% 40.535%, 99.616% 41.268%, 99.796% 42.015%, 99.911% 42.774%, 99.96% 43.541%, 99.942% 44.312%, 99.856% 45.084%, 99.835% 45.209%, 95.438% 70.908%, 95.438% 70.908%, 95.261% 71.714%, 95.012% 72.499%, 94.693% 73.259%, 94.307% 73.991%, 93.856% 74.691%, 93.342% 75.356%, 92.768% 75.983%, 92.137% 76.567%, 91.45% 77.106%, 90.711% 77.596%, 90.589% 77.669%, 71.827% 88.75%, 71.827% 88.75%, 71.192% 89.099%, 70.534% 89.407%, 69.858% 89.675%, 69.164% 89.902%, 68.455% 90.088%, 67.735% 90.231%, 67.004% 90.332%, 66.267% 90.389%, 65.524% 90.402%, 64.778% 90.372%, 64.66% 90.363%, 63.513% 90.27%, 63.513% 90.27%, 62.303% 90.113%, 61.139% 89.844%, 60.028% 89.469%, 58.977% 88.996%, 57.993% 88.43%, 57.085% 87.778%, 56.258% 87.046%, 55.521% 86.239%, 54.881% 85.365%, 54.345% 84.43%, 54.345% 84.43%, 54.327% 85.41%, 54.202% 86.376%, 53.972% 87.32%, 53.642% 88.237%, 53.213% 89.12%, 52.69% 89.963%, 52.076% 90.759%, 51.373% 91.501%, 50.585% 92.184%, 49.716% 92.801%, 49.637% 92.85%, 41.205% 98.145%, 41.205% 98.145%, 40.433% 98.588%, 39.627% 98.971%, 38.794% 99.293%, 37.936% 99.552%, 37.059% 99.748%, 36.167% 99.881%, 35.265% 99.948%, 34.357% 99.95%, 33.448% 99.886%, 32.541% 99.754%, 32.398% 99.727%, 18.497% 97.015%, 18.497% 97.015%, 17.539% 96.788%, 16.614% 96.489%, 15.728% 96.12%, 14.886% 95.686%, 14.09% 95.189%, 13.346% 94.632%, 12.659% 94.019%, 12.032% 93.352%, 11.471% 92.634%, 10.98% 91.87%, 10.908% 91.744%, 1.215% 74.375%, 1.215% 74.375%, 0.78% 73.49%, 0.446% 72.58%, 0.215% 71.653%, 0.084% 70.713%, 0.055% 69.769%, 0.128% 68.827%, 0.301% 67.894%, 0.575% 66.975%, 0.949% 66.078%, 1.425% 65.209%, 12.934% 46.541%, 12.984% 46.46%, 12.984% 46.46%, 13.521% 45.692%, 14.127% 44.978%, 14.798% 44.322%, 15.527% 43.725%, 16.309% 43.19%, 17.14% 42.72%, 18.013% 42.317%, 18.924% 41.984%, 19.867% 41.723%, 20.837% 41.537%, 20.837% 41.537%, 19.933% 41.284%, 19.062% 40.965%, 18.227% 40.583%, 17.432% 40.141%, 16.682% 39.642%, 15.981% 39.087%, 15.333% 38.479%, 14.742% 37.822%, 14.213% 37.117%, 13.75% 36.368%, 13.669% 36.22%, 8.793% 27.084%, 8.793% 27.084%, 8.406% 26.265%, 8.105% 25.426%, 7.89% 24.571%, 7.76% 23.706%, 7.718% 22.835%, 7.761% 21.965%, 7.89% 21.1%, 8.105% 20.245%, 8.407% 19.405%, 8.795% 18.587%, 15.675% 5.702%, 15.719% 5.622%, 15.719% 5.622%, 16.337% 4.637%, 17.066% 3.733%, 17.897% 2.915%, 18.82% 2.187%, 19.825% 1.557%, 20.902% 1.028%, 22.041% 0.607%, 23.233% 0.3%, 24.467% 0.111%, 25.734% 0.047%, 40.235% 0.047%, 50.189% 41.437%, 50.189% 41.437%, 49.569% 41.822%, 48.923% 42.168%, 48.253% 42.474%, 47.562% 42.739%, 46.851% 42.962%, 46.124% 43.142%, 45.383% 43.278%, 44.63% 43.369%, 43.868% 43.414%, 43.099% 43.413%, 43.099% 43.413%, 43.859% 43.724%, 44.587% 44.083%, 45.28% 44.488%, 45.936% 44.937%, 46.553% 45.427%, 47.126% 45.957%, 47.655% 46.523%, 48.136% 47.124%, 48.567% 47.758%, 48.945% 48.421%, 48.821% 47.514%, 48.821% 47.514%, 48.758% 46.88%, 48.741% 46.246%, 48.769% 45.615%, 48.842% 44.99%, 48.959% 44.37%, 49.12% 43.759%, 49.324% 43.159%, 49.57% 42.57%, 49.859% 41.996%, 50.189% 41.437%); } .home-faq .gb-container-image-wrap .clip_inner img{ margin-left: 15%; } .home-faq .wp-block-columns{ padding-top: 5%; height: 1000px; display: flex; align-items: center; } /* Subapge Hero ------------------------------------------------------- */ .svg-clip-wrapper{ height: 0; } .svg-clip{ height: 0; opacity: 0;} .subpage_hero{ padding-top: 200px!important; clip-path: var(--ctc-subpage-clip); min-height: 270px; } .subpage_hero h1{ max-width: 600px;} .subpage_hero .gb-container-image-wrap{ clip-path: url(#my-clip-path); transform: scale(2.3) translate(18%, 30%); width: 55vw; margin-left: auto; } .subpage_hero .gb-container-image-wrap .clip-wrap{ transform: scale(.51) translate(-40%, -55%); height: 100%; } .subpage_hero .wp-block-column{ background: transparent!important; } /* full image on subpage hero */ .subpage_hero.full__img .gb-container-image-wrap{ clip-path: none!important; transform: none!important; width: 100vw; height: 100%!important; background-color: #000; } .subpage_hero.full__img .gb-container-image-wrap .clip-wrap{ transform: none !important;} .subpage_hero.full__img .gb-container-image-wrap img{ /* transform: none !important; */ opacity: .7; } /* About Page ------------------------------------------------------- */ .about-vision-purpose > .wp-block-columns .wp-block-column{ padding-right: 5%; } /* the background */ .about-the-background .wp-block-columns{ padding-top: 60px; } .about-the-background .wp-block-columns:nth-child(1) p{ margin-top: 30px; } .about-the-background .cell-boxes{ padding-top: 30px;} /* annual reviews */ .about-annual-review, .full-width-img.clipped, .full-width-img.clipped img{ clip-path: var(--ctc-ftrd-section-clip); } .annual-review-group{ padding-left: 10%; } .annual-review-group .wp-block-group{ max-width: 800px; height: 700px; display: flex; flex-direction: column; justify-content: center; margin-top: -600px; } .annual-review-group p{ margin: 30px 0; } /* innovation */ .about-innovation p, .cell-manufacturing__disease-treatment p, .cell-manufacturing__msc-overview p{ margin: 35px 0; } .about-innovation .clip{ clip-path: polygon( 86.675% 21.713%,86.675% 21.713%,85.712% 19.588%,84.453% 17.576%,82.917% 15.693%,81.125% 13.95%,79.094% 12.362%,76.843% 10.942%,74.393% 9.703%,71.761% 8.658%,68.966% 7.821%,66.029% 7.206%,45.351% 3.761%,45.351% 3.761%,41.429% 3.319%,37.541% 3.288%,33.738% 3.65%,30.069% 4.385%,26.583% 5.475%,23.332% 6.902%,20.364% 8.647%,17.73% 10.691%,15.48% 13.015%,13.662% 15.602%,2.845% 34.116%,2.845% 34.116%,2.32% 35.082%,1.864% 36.065%,1.477% 37.061%,1.16% 38.069%,0.914% 39.087%,0.739% 40.113%,0.634% 41.145%,0.601% 42.181%,0.641% 43.218%,0.752% 44.255%,5.232% 75.638%,5.232% 75.638%,5.86% 78.312%,6.944% 80.857%,8.453% 83.247%,10.355% 85.458%,12.618% 87.467%,15.213% 89.248%,18.105% 90.776%,21.266% 92.028%,24.663% 92.979%,28.264% 93.604%,57.005% 97.138%,57.005% 97.138%,61.012% 97.416%,64.949% 97.273%,68.765% 96.732%,72.41% 95.814%,75.834% 94.541%,78.988% 92.936%,81.82% 91.019%,84.282% 88.814%,86.322% 86.341%,87.891% 83.623%,97.255% 63.482%,97.255% 63.482%,97.743% 62.319%,98.135% 61.141%,98.429% 59.951%,98.627% 58.752%,98.727% 57.548%,98.729% 56.342%,98.635% 55.137%,98.442% 53.935%,98.152% 52.742%,97.764% 51.558%,86.675% 21.713% ); } .cell-manufacturing__msc-overview p.mb-10{ margin-bottom: 10px;} .about-innovation p.mb-15{ margin: 15px 0; } .cell-manufacturing__msc-overview p.my-10{ margin: 10px 0;} /* leadership */ .about-leadership-team .clip{ clip-path: polygon( 94.207% 25.016%,94.207% 25.016%,93.643% 22.09%,92.775% 19.328%,91.627% 16.756%,90.22% 14.399%,88.578% 12.283%,86.724% 10.435%,84.678% 8.879%,82.466% 7.641%,80.108% 6.748%,77.629% 6.224%,40.588% 1.395%,40.588% 1.395%,38.605% 1.261%,36.643% 1.375%,34.716% 1.727%,32.839% 2.312%,31.027% 3.12%,29.294% 4.146%,27.654% 5.381%,26.122% 6.818%,24.712% 8.449%,23.439% 10.267%,8.104% 34.666%,8.104% 34.666%,6.79% 37.058%,5.756% 39.587%,5.002% 42.22%,4.53% 44.926%,4.339% 47.671%,4.43% 50.424%,4.804% 53.151%,5.461% 55.821%,6.403% 58.401%,7.628% 60.858%,16.99% 77.179%,16.99% 77.179%,17.736% 78.39%,18.544% 79.534%,19.411% 80.609%,20.334% 81.61%,21.31% 82.535%,22.334% 83.382%,23.404% 84.147%,24.517% 84.827%,25.669% 85.42%,26.857% 85.922%,54.702% 96.458%,54.702% 96.458%,56.451% 97.011%,58.221% 97.36%,59.998% 97.506%,61.771% 97.453%,63.529% 97.202%,65.26% 96.755%,66.951% 96.116%,68.591% 95.286%,70.168% 94.269%,71.67% 93.065%,90.811% 76.088%,90.811% 76.088%,92.419% 74.49%,93.851% 72.712%,95.102% 70.775%,96.164% 68.699%,97.03% 66.505%,97.693% 64.213%,98.146% 61.842%,98.382% 59.414%,98.396% 56.948%,98.178% 54.466%,94.207% 25.016% ); } .team-box, .employees-box{ height: 500px; display: flex; flex-direction: column; justify-content: center; gap: 30px; } .team-box{ clip-path: polygon( 99.67% 43.973%,99.67% 43.973%,99.848% 39.577%,99.364% 35.282%,98.253% 31.136%,96.55% 27.187%,94.289% 23.483%,91.504% 20.073%,88.229% 17.005%,84.499% 14.328%,80.347% 12.09%,75.81% 10.339%,49.047% 1.883%,49.047% 1.883%,45.954% 1.042%,42.813% 0.454%,39.645% 0.117%,36.467% 0.029%,33.299% 0.19%,30.158% 0.596%,27.064% 1.247%,24.036% 2.141%,21.091% 3.277%,18.25% 4.651%,17.541% 5.032%,17.541% 5.032%,13.934% 7.241%,10.699% 9.782%,7.856% 12.618%,5.423% 15.713%,3.42% 19.029%,1.866% 22.53%,0.779% 26.179%,0.18% 29.941%,0.086% 33.777%,0.518% 37.653%,6.337% 69.915%,6.337% 69.915%,7.363% 73.938%,8.93% 77.75%,10.999% 81.316%,13.533% 84.603%,16.494% 87.578%,19.845% 90.206%,23.546% 92.453%,27.56% 94.287%,31.85% 95.674%,36.378% 96.58%,57.084% 99.502%,57.084% 99.502%,59.115% 99.733%,61.15% 99.855%,63.183% 99.869%,65.211% 99.775%,67.227% 99.573%,69.226% 99.266%,71.203% 98.853%,73.152% 98.335%,75.067% 97.712%,76.944% 96.986%,76.944% 96.986%,80.071% 95.494%,82.976% 93.741%,85.643% 91.748%,88.055% 89.534%,90.197% 87.12%,92.053% 84.525%,93.607% 81.769%,94.842% 78.873%,95.744% 75.857%,96.295% 72.74%,99.67% 43.973% ); margin-left: -2vw; margin-bottom: -1vw; } .employees-box{ clip-path: polygon( 97.084% 33.389%,97.084% 33.389%,96.286% 28.944%,95.052% 24.731%,93.414% 20.788%,91.401% 17.153%,89.045% 13.864%,86.375% 10.957%,83.422% 8.471%,80.217% 6.443%,76.79% 4.911%,73.172% 3.912%,56.084% 0.594%,56.084% 0.594%,53.755% 0.26%,51.427% 0.161%,49.111% 0.292%,46.819% 0.651%,44.561% 1.234%,42.348% 2.037%,40.191% 3.057%,38.102% 4.29%,36.091% 5.734%,34.17% 7.385%,11.369% 28.727%,11.369% 28.727%,8.652% 31.615%,6.286% 34.843%,4.281% 38.365%,2.649% 42.135%,1.404% 46.105%,0.556% 50.231%,0.118% 54.465%,0.101% 58.762%,0.518% 63.074%,1.381% 67.357%,1.643% 68.379%,1.643% 68.379%,2.771% 72.056%,4.205% 75.514%,5.925% 78.73%,7.908% 81.682%,10.134% 84.346%,12.581% 86.7%,15.228% 88.721%,18.053% 90.385%,21.036% 91.671%,24.155% 92.555%,55.973% 99.314%,55.973% 99.314%,57.742% 99.621%,59.516% 99.791%,61.29% 99.827%,63.059% 99.729%,64.818% 99.497%,66.562% 99.133%,68.287% 98.637%,69.986% 98.01%,71.655% 97.254%,73.289% 96.368%,83.574% 90.32%,83.574% 90.32%,86.848% 88.062%,89.806% 85.35%,92.426% 82.232%,94.688% 78.758%,96.571% 74.975%,98.053% 70.933%,99.114% 66.68%,99.733% 62.266%,99.888% 57.738%,99.56% 53.145%,97.084% 33.389% ); padding: 80px !important; margin-left: -8vw; } body.page.page-id-200, body.page.page-id-222 { background-color: var(--color-quality-blue); } /* Publications Section ------------------------------------------------------- */ .carousel-nav{ display: flex!important; } .carousel-nav figure img{ width: 55px!important;} .carousel-nav .wp-block-group{ gap: 0px;} .publications-carousel-dark, .publications-carousel-dark p span{ color: #fff!important;} .publications-carousel{ padding-right: 0;} .publications-carousel .wp-block-group p{ line-height: 1.3; padding: 15px 20px; border: 1px solid #C2CBD7; border-radius: var(--ctc-border-radius20); margin: 0; } .publications-carousel .wp-block-group p.date{ border: 1px solid #C2CBD7; border-radius: 10px 10px 0 0; padding: 5px 10px; border-bottom: none; display: inline-block; position: relative; left: 20px; bottom: 0; } .publications-carousel .wp-block-group p:nth-child(2){ font-weight: 500!important; margin-top: -1px; } .publications-carousel .item-group{ padding-bottom: 15px; padding: 15px 20px; border: 1px solid #C2CBD7; border-radius: var(--ctc-border-radius20); margin-top: 0px; margin-bottom: -1px; } .publications-carousel .item-group p{ /* display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-clamp: 3; overflow: hidden; */ padding: 0!important; border: none; border-radius: 0px; word-break: break-word; } .publications-carousel .item-group + p{ font-weight: normal!important;} .publications-carousel .cbb-carousel-track{ gap: 24px!important;} .cell-manufacturing__disease-treatment .gb-container-image-wrap::before{ content: ""; width: 300px; height: 400px; display: block; background: var(--color-quality-blue); clip-path: polygon(40.984% 3.563%, 40.984% 3.563%, 37.022% 2.618%, 32.984% 1.828%, 28.882% 1.193%, 24.731% 0.713%, 20.541% 0.39%, 16.325% 0.225%, 12.096% 0.217%, 7.867% 0.368%, 3.65% 0.679%, -0.543% 1.149%, -0.543% 1.149%, -7.11% 2.226%, -13.398% 3.675%, -19.37% 5.479%, -24.989% 7.616%, -30.217% 10.068%, -35.016% 12.816%, -39.349% 15.839%, -43.177% 19.118%, -46.464% 22.634%, -49.172% 26.366%, -66.22% 53.546%, -66.22% 53.546%, -67.226% 55.292%, -68.072% 57.063%, -68.756% 58.854%, -69.278% 60.663%, -69.638% 62.484%, -69.834% 64.314%, -69.866% 66.149%, -69.733% 67.985%, -69.436% 69.818%, -68.973% 71.644%, -68.973% 71.644%, -65.458% 78.855%, -59.735% 85.144%, -52.159% 90.429%, -43.083% 94.63%, -32.861% 97.667%, -21.846% 99.459%, -10.391% 99.926%, 1.149% 98.987%, 12.42% 96.562%, 23.07% 92.571%, 78.729% 66.427%, 78.729% 66.427%, 80.412% 65.604%, 82.037% 64.744%, 83.601% 63.847%, 85.105% 62.914%, 86.546% 61.948%, 87.922% 60.949%, 89.232% 59.918%, 90.474% 58.856%, 91.647% 57.764%, 92.748% 56.644%, 92.748% 56.644%, 96.714% 51.419%, 99.055% 46.033%, 99.833% 40.593%, 99.109% 35.211%, 96.945% 29.996%, 93.403% 25.057%, 88.544% 20.505%, 82.43% 16.448%, 75.122% 12.997%, 66.682% 10.261%, 40.984% 3.563%); margin-bottom: -170px; } .cell-manufacturing__disease-treatment .gb-container-image-wrap img{ opacity: 1!important;} /* Publications Page ------------------------------------------------------- */ .publication__hero .wp-block-button.active img{ background: var(--color-quality-blue); border-radius: 100px;} .publication__hero .wp-block-columns .wp-block-column:nth-child(2){ text-align: right; padding-right: 5px; } .search_wrapper input{ font-family: var(--font-family-heading); background: var(--color-white); border: 1px solid var(--color-quality-blue); font-size: 1.125rem; font-weight: 300; padding: 10px 20px; border-radius: 10px; outline: none; height: 36px; width: calc(100% - 177px); } .search_wrapper button{ outline: none; background: var(--color-white); border: 1px solid var(--color-quality-blue); height: 58px; border-radius: 10px; width: 58px; margin: 0; position: relative; top: 3px; left: -5px; cursor: pointer; } .search_wrapper button img{ transition: .5s ease; transform: scale(1);} .search_wrapper button:hover img{ transition: .5s ease; transform: scale(1.1); } .publication-card p.date{ border: 1px solid #C2CBD7; border-radius: 10px 10px 0 0; padding: 5px 10px; border-bottom: none; display: inline-block; position: relative; left: 20px; bottom: 0; } .publication-card h2{ font-size: 1.5rem; padding: 15px 20px; border: 1px solid #C2CBD7; border-radius: var(--ctc-border-radius20); margin: 0; } .publication-card h2 + p{ line-height: 1.3; padding: 15px 20px; border: 1px solid #C2CBD7; border-radius: var(--ctc-border-radius20); margin: 0; margin-top: -1px; font-weight: normal !important; } /* Single Publications Page ------------------------------------------------------- */ .single-publication__content{ margin: 0;} .single-publication__content p{ margin-bottom: 30px;font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.588), 1.25rem);} .single-publication__content > .wp-block-group{ padding-left: 10%; padding-right: 10%;} .single-publication__content p.date{ margin-bottom: 15px;} .single-publication__content h1{ margin-bottom: 30px;} .single-publication h2.wp-block-heading { font-size: clamp(1.017rem, 1.017rem + ((1vw - 0.2rem) * 0.852), 1.56rem); font-weight: 400; } .single-publication__content .wp-block-columns{ gap: 100px; } .single-publication__content .column__side{ font-family: var(--font-family-heading); font-weight:300 ;} .single-publication__content ul{ padding-left: 20px;} .single-publication__content .column__side p{ margin-bottom: 0px; margin-top: 15px; line-height: 1.4;} .single-publication__content .column__side p:nth-child(1){ margin-top: 0px;} .single-publication__content ol{ list-style: none; counter-reset: item; padding-left: 0px; } .single-publication__content .column__side li{ padding-bottom: 5px;line-height: 1.4; } .single-publication__content .column__side li span:nth-child(1){ flex-basis: 6%!important; } /* .single-publication__content .column__side li{ counter-increment: item; padding-left: 30px; position: relative; padding-bottom: 5px;line-height: 1.4;} .single-publication__content .column__side li::before{ content: counter(item) "."; position: absolute; left: 0; top: 0; color: var(--color-crayola); } */ /* Contact Page ------------------------------------------------------- */ .contact-us__hero{ position: relative; z-index: 2;} .contact-us__faq .faq-group{ max-width: 950px;} .contact-us__social{ clip-path: polygon( 105.083% 33.689%,105.083% 33.689%,104.524% 29.973%,103.821% 26.498%,102.984% 23.287%,102.024% 20.365%,100.952% 17.754%,99.779% 15.478%,98.515% 13.562%,97.172% 12.028%,95.76% 10.9%,94.291% 10.201%,63.795% 0.496%,63.795% 0.496%,63.396% 0.377%,62.996% 0.275%,62.596% 0.19%,62.195% 0.121%,61.794% 0.068%,61.392% 0.033%,60.991% 0.014%,60.589% 0.011%,60.188% 0.025%,59.786% 0.056%,4.89% 5.408%,4.89% 5.408%,2.113% 6.269%,-0.512% 8.235%,-2.953% 11.214%,-5.177% 15.114%,-7.149% 19.842%,-8.837% 25.306%,-10.207% 31.413%,-11.227% 38.071%,-11.864% 45.188%,-12.083% 52.672%,-12.083% 52.672%,-11.84% 60.565%,-11.135% 68.03%,-10.009% 74.963%,-8.503% 81.261%,-6.656% 86.82%,-4.509% 91.537%,-2.102% 95.31%,0.525% 98.034%,3.333% 99.606%,6.28% 99.924%,87.853% 90.577%,87.853% 90.577%,89.384% 90.226%,90.888% 89.532%,92.358% 88.506%,93.785% 87.157%,95.163% 85.495%,96.485% 83.53%,97.742% 81.27%,98.929% 78.728%,100.038% 75.91%,101.06% 72.829%,102.831% 67.016%,102.831% 67.016%,103.623% 64.125%,104.294% 61.065%,104.842% 57.862%,105.265% 54.543%,105.562% 51.134%,105.73% 47.663%,105.768% 44.157%,105.674% 40.641%,105.446% 37.143%,105.083% 33.689% ); } .fullwidth-video.bubble-top .annual-review-group .wp-block-group{ max-width: 650px; margin-top: 0px; margin-left: auto; margin-bottom: -500px; z-index: 1; right: 10%; } .contact-us__location .gb-container-image-wrap .clip-wrap, .cell-manufacturing__disease-treatment .gb-container-image-wrap .clip-wrap{ clip-path: polygon(55.244% 24.033%, 55.244% 24.033%, 56.558% 23.066%, 57.934% 22.221%, 59.363% 21.499%, 60.838% 20.902%, 62.351% 20.432%, 63.895% 20.091%, 65.462% 19.882%, 67.046% 19.805%, 68.637% 19.864%, 70.229% 20.06%, 83.295% 22.239%, 83.295% 22.239%, 86.203% 22.963%, 88.912% 24.112%, 91.392% 25.646%, 93.615% 27.527%, 95.549% 29.716%, 97.166% 32.174%, 98.437% 34.863%, 99.331% 37.744%, 99.819% 40.779%, 99.871% 43.928%, 98.184% 74.689%, 98.184% 74.689%, 98.164% 75.004%, 98.14% 75.318%, 98.112% 75.633%, 98.078% 75.946%, 98.041% 76.259%, 97.999% 76.572%, 97.952% 76.883%, 97.901% 77.194%, 97.845% 77.504%, 97.785% 77.814%, 96.631% 83.52%, 96.631% 83.52%, 95.762% 86.624%, 94.481% 89.48%, 92.831% 92.056%, 90.854% 94.323%, 88.591% 96.25%, 86.084% 97.807%, 83.376% 98.962%, 80.507% 99.685%, 77.521% 99.947%, 74.458% 99.715%, 33.256% 93.2%, 33.256% 93.2%, 30.793% 92.639%, 28.456% 91.768%, 26.265% 90.609%, 24.242% 89.182%, 22.407% 87.508%, 20.78% 85.61%, 19.384% 83.509%, 18.237% 81.226%, 17.361% 78.781%, 16.777% 76.198%, 15.72% 69.721%, 15.72% 69.721%, 15.469% 67.432%, 15.46% 65.157%, 15.684% 62.914%, 16.135% 60.722%, 16.806% 58.599%, 17.69% 56.564%, 18.779% 54.637%, 20.067% 52.835%, 21.546% 51.179%, 23.211% 49.686%, 55.244% 24.033%, 19.448% 0.469%, 17.606% 1.002%, 15.842% 1.719%, 14.167% 2.612%, 12.591% 3.669%, 11.124% 4.883%, 9.778% 6.242%, 8.562% 7.738%, 7.489% 9.36%, 6.566% 11.1%, 5.807% 12.947%, 5.807% 12.947%, 1.025% 26.396%, 0.742% 27.26%, 0.505% 28.136%, 0.313% 29.023%, 0.167% 29.917%, 0.066% 30.819%, 0.011% 31.724%, 0.002% 32.632%, 0.039% 33.541%, 0.123% 34.447%, 0.253% 35.351%, 0.253% 35.351%, 1.239% 38.919%, 2.844% 42.031%, 4.969% 44.646%, 7.515% 46.725%, 10.382% 48.227%, 13.472% 49.114%, 16.685% 49.345%, 19.923% 48.881%, 23.084% 47.681%, 26.072% 45.706%, 26.072% 45.706%, 41.685% 32.77%, 42.157% 32.362%, 42.613% 31.937%, 43.052% 31.493%, 43.473% 31.032%, 43.877% 30.553%, 44.263% 30.059%, 44.631% 29.549%, 44.979% 29.023%, 45.308% 28.483%, 45.617% 27.929%, 45.617% 27.929%, 46.73% 25.344%, 47.386% 22.678%, 47.605% 19.987%, 47.402% 17.324%, 46.795% 14.743%, 45.801% 12.299%, 44.438% 10.047%, 42.723% 8.039%, 40.673% 6.332%, 38.306% 4.978%, 38.306% 4.978%, 31.097% 1.664%, 29.985% 1.196%, 28.853% 0.805%, 27.702% 0.491%, 26.538% 0.254%, 25.362% 0.094%, 24.18% 0.012%, 22.993% 0.008%, 21.807% 0.083%, 20.624% 0.236%, 19.448% 0.469%, 19.448% 0.469%); max-width: 45vw; margin-left: -10%; padding-left: 10%; min-height: 800px; height: 100%; } .contact__form-section{ padding-top: 29.3%!important; margin-top: -25%; margin-bottom: -300px;} .contact__form-section h2{ padding-bottom: 25px;} .contact__form-section .col_txt p img{ margin-right: 5px; } body .contact__form-section .wpforms-container { margin-top: 0!important;} body .contact__form-section .wpforms-container .wpforms-field textarea{ margin-top: -1px;} .subject-choice { } .subject-choice .wpforms-field-label{ font-weight: 400!important; font-size: 18px !important; } .subject-choice ul{ border-radius: 17px !important; border: 1px solid var(--color-quality-blue) !important; margin-bottom: -1px!important; outline: none !important; box-shadow: none !important; height: 50px; background: var(--color-white) !important; font-family: var(--font-family-heading); width: 100%!important; justify-content: space-between; gap:0px!important; } body .wpforms-container .wpforms-field.subject-choice ul li{ margin: 0!important;} .subject-choice ul span{ margin: 0!important; } .subject-choice .wpforms-image-choices-image{ display: none;} .subject-choice ul input{ height: auto!important; border: none!important; outline: none!important; } .subject-choice ul li label{ display: flex !important; align-items: center; height: calc(100% - 10px); min-width: 150px; justify-content: center; border: none !important; box-shadow: none !important; transition: .5s ease; background: transparent !important; border-radius: 13px !important; margin: 5px !important; } .subject-choice ul li.wpforms-selected label{ background: var(--color-crayola)!important; } .subject-choice ul li.wpforms-selected label span{ color: #fff!important; } /* Cell Manufactoring Page ------------------------------------------------------- */ .cell-manufacturing__disease-treatment{ margin-top: 100px;} .cell-manufacturing__disease-treatment .gb-container-image-wrap .clip-wrap{ clip-path: polygon( 19.079% 54.6%,19.079% 54.6%,20.2% 54.209%,21.347% 53.873%,22.517% 53.593%,23.705% 53.368%,24.908% 53.2%,26.122% 53.088%,27.345% 53.033%,28.572% 53.035%,29.801% 53.095%,31.026% 53.214%,65.871% 57.418%,65.871% 57.418%,69.631% 58.157%,72.997% 59.38%,75.924% 61.021%,78.368% 63.014%,80.284% 65.294%,81.627% 67.795%,82.352% 70.452%,82.415% 73.2%,81.772% 75.972%,80.377% 78.703%,74.566% 87.453%,74.566% 87.453%,73.752% 88.559%,72.823% 89.601%,71.786% 90.575%,70.648% 91.478%,69.416% 92.304%,68.096% 93.049%,66.696% 93.71%,65.221% 94.282%,63.681% 94.76%,62.08% 95.142%,40.863% 99.457%,40.863% 99.457%,39.719% 99.662%,38.566% 99.815%,37.406% 99.916%,36.241% 99.965%,35.076% 99.962%,33.914% 99.907%,32.756% 99.801%,31.607% 99.643%,30.47% 99.433%,29.347% 99.171%,16.144% 95.77%,16.144% 95.77%,14.447% 95.266%,12.833% 94.651%,11.309% 93.933%,9.884% 93.116%,8.567% 92.207%,7.363% 91.212%,6.283% 90.136%,5.333% 88.987%,4.522% 87.77%,3.858% 86.49%,1.041% 80.224%,1.041% 80.224%,0.643% 79.227%,0.341% 78.216%,0.134% 77.196%,0.022% 76.169%,0.005% 75.141%,0.082% 74.114%,0.254% 73.093%,0.52% 72.08%,0.88% 71.08%,1.335% 70.097%,4.219% 64.503%,4.219% 64.503%,4.798% 63.492%,5.471% 62.522%,6.234% 61.596%,7.083% 60.716%,8.013% 59.887%,9.022% 59.111%,10.105% 58.392%,11.258% 57.733%,12.477% 57.137%,13.759% 56.608%,19.079% 54.6%,55.257% 3.023%,23.193% 21.369%,21.527% 22.436%,20.046% 23.621%,18.757% 24.909%,17.666% 26.288%,16.782% 27.743%,16.11% 29.261%,15.659% 30.829%,15.434% 32.433%,15.444% 34.06%,15.695% 35.696%,15.695% 35.696%,16.752% 40.328%,17.337% 42.176%,18.214% 43.924%,19.362% 45.557%,20.76% 47.06%,22.388% 48.417%,24.225% 49.614%,26.25% 50.634%,28.443% 51.463%,30.782% 52.086%,33.248% 52.487%,33.248% 52.487%,74.49% 57.146%,77.556% 57.312%,80.546% 57.125%,83.417% 56.608%,86.128% 55.782%,88.637% 54.668%,90.902% 53.29%,92.881% 51.669%,94.533% 49.827%,95.815% 47.784%,96.686% 45.565%,96.686% 45.565%,97.84% 41.484%,97.901% 41.263%,97.956% 41.041%,98.008% 40.819%,98.054% 40.596%,98.097% 40.372%,98.134% 40.148%,98.167% 39.924%,98.196% 39.699%,98.22% 39.474%,98.24% 39.249%,98.24% 39.249%,99.928% 17.251%,99.876% 14.999%,99.387% 12.829%,98.493% 10.769%,97.221% 8.846%,95.602% 7.088%,93.666% 5.522%,91.442% 4.177%,88.959% 3.08%,86.247% 2.259%,83.336% 1.74%,83.336% 1.74%,70.258% 0.182%,68.664% 0.042%,67.071% 0%,65.486% 0.055%,63.917% 0.205%,62.372% 0.448%,60.857% 0.784%,59.381% 1.211%,57.95% 1.728%,56.573% 2.332%,55.257% 3.023%,55.257% 3.023% ); min-height: 600px!important; height: 980px; max-width: 670px; } /* Single Article Page ------------------------------------------------------- */ body.single{ background: var(--color-flash-white); transition: .5s;} body.single.active{ background: var(--color-white); transition: .5s;} body.single .cbb-carousel-item{ background: var(--color-white);} .single-post-content { background: transparent!important;} .single-post-content .title-column{ gap: 30px; } .single-post-content .title-column .wp-block-post-featured-image{ height: 100%; width: 100%;aspect-ratio: unset !important;} .single-post-content .title-column .wp-block-post-featured-image img{ min-height: 450px; height: 100%!important; object-fit: cover; } .single-post-content .title-column .wp-block-column:nth-child(2){ display: flex; justify-content: space-between; flex-direction: column; padding-top: 30px; gap: 40px; } .single-post-content .taxonomy-post_tag a{ margin: 0px; padding: 5px 10px; border-radius: var(--ctc-border-radius); text-decoration: none; border: none; pointer-events: none; display: inline-block; line-height: normal; } .single-post-content .wp-block-post-terms .wp-block-post-terms__separator{ display: none;} .single-post-content .taxonomy-post_tag a:nth-child(1){ background: #D0FFB4;} .single-post-content .taxonomy-post_tag a:nth-child(1) + .wp-block-post-terms__separator + a{ background: #001D3D; color: #fff;} .single-post-content .taxonomy-post_tag a:nth-child(1) + .wp-block-post-terms__separator + a + .wp-block-post-terms__separator + a{color: #fff; background: #0073FF; } .single-post-content .wp-block-post-date, .single-post-content .share-group p{ opacity: .5; font-size: 1rem; transition: .5s; position: relative;} .single-post-content .share-group p:hover{ opacity: 1; transition: .5s; } .single-post-content .share-group p img{ margin-left: 8px; } .single-post-content .content-columns{ display: block; max-width: 800px; margin: auto;} .single-post-content .content-columns .wp-block-post-content p{ margin-bottom: 30px; } .author-column .gb-block-profile .gb-profile-image-wrap{ background: transparent;} .author-column .gb-block-profile .gb-profile-image-wrap img{ clip-path: polygon( 94.303% 25.712%,94.303% 25.712%,93.694% 22.666%,92.727% 19.784%,91.428% 17.093%,89.823% 14.621%,87.938% 12.396%,85.799% 10.444%,83.433% 8.792%,80.866% 7.469%,78.124% 6.501%,75.234% 5.915%,43.369% 1.758%,43.369% 1.758%,40.899% 1.584%,38.456% 1.702%,36.063% 2.102%,33.738% 2.773%,31.503% 3.707%,29.377% 4.894%,27.382% 6.323%,25.536% 7.984%,23.861% 9.868%,22.377% 11.965%,7.729% 35.282%,7.729% 35.282%,6.45% 37.597%,5.443% 40.019%,4.708% 42.523%,4.247% 45.083%,4.059% 47.675%,4.146% 50.273%,4.507% 52.851%,5.143% 55.385%,6.054% 57.849%,7.242% 60.218%,16.617% 76.569%,16.617% 76.569%,17.443% 77.905%,18.35% 79.172%,19.332% 80.366%,20.387% 81.485%,21.51% 82.524%,22.697% 83.48%,23.944% 84.349%,25.247% 85.129%,26.601% 85.815%,28.004% 86.404%,52.05% 95.507%,52.05% 95.507%,54.277% 96.212%,56.537% 96.661%,58.811% 96.857%,61.08% 96.802%,63.326% 96.502%,65.532% 95.959%,67.678% 95.177%,69.746% 94.159%,71.718% 92.908%,73.576% 91.429%,90.64% 76.286%,90.64% 76.286%,92.298% 74.655%,93.772% 72.872%,95.059% 70.954%,96.151% 68.918%,97.043% 66.782%,97.727% 64.562%,98.199% 62.275%,98.452% 59.938%,98.479% 57.569%,98.275% 55.183%,94.303% 25.712% ); } .author-column .wp-block-genesis-blocks-gb-profile-box { font-family: var(--font-family-heading); background: var(--color-white)!important; border-radius: var(--ctc-border-radius20); box-shadow: var(--ctc-box-shadow); min-height: 110px; max-width: 350px; align-items: center; margin-left: 0px; margin-top: 10px; } .author-column .wp-block-genesis-blocks-gb-profile-box .gb-profile-avatar-wrap{ padding: 5px; } .author-column .wp-block-genesis-blocks-gb-profile-box .gb-profile-content-wrap{padding: 5px; } .author-column .wp-block-genesis-blocks-gb-profile-box .gb-profile-content-wrap h2{ font-weight: 300; } .author-column .wp-block-genesis-blocks-gb-profile-box .gb-profile-content-wrap p{ margin-top: 0px;opacity: 1; color: var(--color-crayola)!important;} /* share icons */ .share-group p{ cursor: pointer;} .share-group p img, .gb-block-sharing.gb-share-size-medium svg{ transition: .5s; transform: scale(1);} .share-group p:hover img,.gb-block-sharing.gb-share-size-medium li:hover svg{ transform: scale(1.1);} .share-group .share-items{ opacity: 0; position: absolute; margin-top: -40px; margin-left: 90px; transition: .5s; } .share-group.active .share-items{ opacity: 1; transition: .5s; } .share-group .share-items a{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100px; background: var(--color-quality-blue); color: var(--color-white); text-decoration: none; transition: .5s; padding: 0px; } .share-group .share-items li{ transition: .3s; transform: translateX(-15px); } .share-group.active .share-items li{ transition: .3s; transform: translateX(0px); } .share-group.active .share-items li:nth-child(1){ transition-delay: 0.1s; } .share-group.active .share-items li:nth-child(2){ transition-delay: 0.2s; } .share-group.active .share-items li:nth-child(3){ transition-delay: 0.3s; } .share-group.active .share-items li:nth-child(4){ transition-delay: 0.4s; } .gb-block-sharing.gb-share-size-medium svg{ width: 18px!important; height: 18px!important; } .share-group .share-items li:nth-child(1) a .svg-icon{ display: none;} /* 404 Page ------------------------------------------------------- */ body.error404 { background: var(--color-quality-blue);} .page-404{ padding: 200px 5% 600px 5%!important; margin-bottom: -400px;} .page-404 p{ margin-bottom: 50px; } /* Our People Page ------------------------------------------------------- */ .our-people-section .intro_txt{ padding-bottom: 30px; } .our-people-section .carousel-nav{ display: flex!important; } .team-slider{ display: none!important; height: 580px; } .team-slider.slick-initialized{ display: block!important;} .team-slider .slick-list{ margin: 0 -12px; margin-right: -10%;} .team-slider .slick-slide{ padding: 0 12px;} .card-team{ border: 1px solid var(--color-flash-white); position: relative; padding: 10px; border-radius: var(--ctc-border-radius20);} .card-team .ftrd img{ transition: .5s ease; transform: scale(1); width: 100%;} .card-team .ftrd{ overflow: hidden; border-radius: 15px; margin-top: 0px; margin-bottom: 20px; } .card-team .ftrd a{ display: block;} .card-team:hover .ftrd img{ transition: .5s ease; transform: scale(1.1);} .card-team h2, .card-team p{ padding: 0 20px; margin: 0;} .card-team p{ min-height: 60px;} .card-team .wp-block-buttons{ gap: 10px; flex-wrap: nowrap;} .card-team .ctc-button .wp-block-button__link .btn-text{ min-width: auto; padding: 14px 20px 14px 13px; font-size: 16px; } .row-field-expertise{ padding-top: 100px; display: inline-block; text-align: center;} .row-field-expertise .inner_wrap{ justify-content: center; padding-top: 15px;} .card-expertise{ height: 225px; max-width: 350px; width: 100%; display: flex; align-items: center; border-radius: var(--ctc-border-radius); padding: 20px 30px!important; } .card-expertise p{ line-height: 1.3;} .row-field-expertise .note{ max-width: 900px; margin: auto; padding-top: 80px; padding-bottom: 40px; line-height: 1.4;} .card-team .icon-plus{ position: absolute; right: 20px; top: 20px; z-index: 1; width: 55px; } /* Careers Page ------------------------------------------------------- */ .careers-list{ padding-top: 40px;} .card-careers h3{ padding-bottom: 3px; } .card-careers p{ margin: 5px 0px;} /* publication Page ------------------------------------------------------- */ .grid-sizer{ display: none; width: 32%;} .publication-card{ width: 32%; padding: 10px 0px;} .search_wrapper { position: relative; } .search_wrapper p.search-error-text { position: absolute; left: 0; margin-top: 0; width: calc(100% - 215px); } /* Science and Innovation Page ------------------------------------------------------- */ .bubble-bottom-right .research-overlay-group{ padding-right: 10%;} .bubble-bottom-right .research-overlay-group .wp-block-group{ margin-left: auto; margin-top: -500px; margin-bottom: 0px; max-width: 750px; } .read-more-wrapper{ height: 600px; overflow: hidden; position: relative; transition: .3s ease; } .read-more-wrapper::after{ content: ''; position: absolute; bottom: 0px; left: 0; width: 100%; height: 40%; background: linear-gradient(180deg, rgba(0, 29, 61, 0.00) 0%, #001D3D 78.85%); } .read-more-wrapper .read-more-txt{ position: absolute; bottom: 0px; z-index: 1; } .full-text-reveal{ transition: .3s ease; height: 100%; } .full-text-reveal .read-more-txt, .full-text-reveal::after{ display: none; } /* custom bullets */ .custom-bar-bullets{ padding-left: 0px;} .custom-bar-bullets li{ list-style-type: none; position: relative; margin: 25px 0; line-height: 1.4; padding-left: 25px!important; } .custom-bar-bullets li::before{ content: ''; position: absolute; height: calc(100% - 10px); background: var(--color-regenerate); width: 5px; border-radius: 2px; top: 5px; left: 0; } .custom-bar-bullets ul li::before{ background: transparent; border: 2px solid var(--color-regenerate); width: 3px; } .custom-bar-bullets ul{ position: relative; margin-bottom: 30px; padding-left: 0px; } .custom-bar-bullets ul::before{ content: ''; position: absolute; width: 100%; height: 112%; background: var(--color-quality-blue); top: -30px; left: -26px; } /* News and media Page ------------------------------------------------------- */ .news__hero{ margin-bottom: 100px;} .news__hero .wp-block-columns .wp-block-column:nth-child(2){ text-align: right;} body.page-id-178 .carousel-nav p{ display: none; } .grid-gutter{ gap: 20px; } .news-media-grid{ width: 100%!important;} .news-card{ border: 1px solid rgb(234, 238, 243)!important; border-radius: 20px!important; padding-top: var(--wp--preset--spacing--20)!important; padding-right: 10px!important; padding-bottom: var(--wp--preset--spacing--20)!important; padding-left: 10px!important; position: relative; width: 32%!important; margin-bottom: 20px!important; } .news-card .ftrd{ overflow: hidden; border-radius: 15px;} .news-card .ftrd img{ object-fit: cover; width: 100%; transform: scale(1); transition: .5s ease;} .news-card:hover .ftrd img{ transform: scale(1.1); transition: .5s ease;} .news-card h3{ font-size: 1.5rem; margin-top: 10px;} .news-press-section .wp-block-columns{ gap: 30px; padding-top: 30px;} .news-press-section .au_thor img{ clip-path: polygon( 92.951% 14.948%,92.951% 14.948%,92.702% 13.7%,92.306% 12.52%,91.773% 11.418%,91.115% 10.406%,90.342% 9.494%,89.466% 8.695%,88.496% 8.018%,87.444% 7.476%,86.32% 7.08%,85.135% 6.84%,34.521% 0.244%,34.521% 0.244%,33.509% 0.172%,32.508% 0.221%,31.526% 0.384%,30.574% 0.66%,29.657% 1.042%,28.786% 1.528%,27.968% 2.113%,27.211% 2.794%,26.525% 3.565%,25.916% 4.424%,1.817% 42.751%,1.817% 42.751%,1.293% 43.699%,0.88% 44.691%,0.579% 45.716%,0.39% 46.765%,0.313% 47.826%,0.348% 48.89%,0.496% 49.946%,0.757% 50.984%,1.13% 51.993%,1.617% 52.963%,17.967% 81.453%,17.967% 81.453%,18.306% 82%,18.677% 82.519%,19.08% 83.008%,19.513% 83.466%,19.973% 83.892%,20.459% 84.283%,20.97% 84.639%,21.505% 84.959%,22.06% 85.24%,22.635% 85.481%,58.676% 99.112%,58.676% 99.112%,59.589% 99.401%,60.515% 99.585%,61.447% 99.665%,62.378% 99.643%,63.299% 99.52%,64.203% 99.297%,65.082% 98.977%,65.93% 98.56%,66.738% 98.048%,67.5% 97.442%,96.336% 71.876%,96.336% 71.876%,97.015% 71.208%,97.62% 70.478%,98.147% 69.693%,98.595% 68.859%,98.961% 67.984%,99.241% 67.075%,99.435% 66.138%,99.538% 65.181%,99.549% 64.211%,99.466% 63.234%,92.951% 14.948% ); background: var(--color-flash-white); } .news-card .wp-block-buttons{gap: 0px; } .news-card *{ max-width: 100%!important;} .filter-row{ padding-bottom: 20px; padding-top: 15px; } .filter-row .wp-block-buttons{ gap: 10px; } .filter-row .wp-block-button a{ padding: 8px 15px; position: relative; display: flex; align-items: center; gap: 15px; } .filter-row .wp-block-button a::after{ content: ''; position: relative; top: -1px; width: 12px; height: 12px; border: 2px solid; display: inline-block; background: transparent; border-radius: 100px; transition: .3s ease; } .filter-row .wp-block-button.active a::after{ background: currentColor; } .fullwidth-video.bubble-top-left .annual-review-group .wp-block-group { margin-left: 0; right: 0; } .fullwidth-video.offset-bottom{ margin-bottom: -380px;} .fullwidth-video.offset-bottom .about-annual-review{ min-height: 900px !important; clip-path: var(--ctc-ftrd-section-clip2);} .fullwidth-video.offset-bottom .about-annual-review{ position: relative; z-index: -1;} /* Legal Page ------------------------------------------------------- */ body.page-id-595 .breadcrumbs, body.page-id-597 .breadcrumbs, body.page-id-3 .breadcrumbs{ display: none;} .legal-page-content{ padding-top: 160px!important;} .legal-page-content h1, .legal-page-content .CookieDeclarationHeader{ margin-top: 0px; padding-bottom: 30px; font-family: var(--font-family-heading)!important; font-size: clamp(1.93rem, 1.93rem + ((1vw - 0.2rem) * 2.306), 3.4rem)!important;} .legal-page-content .CookieDeclarationHeader{ margin-bottom: 20px; font-weight: 300;} .legal-page-content h2{ font-family: var(--font-family-heading)!important; font-size: clamp(1.5rem, 1.5rem + ((1vw - 0.2rem) * 1.5), 1.6rem)!important; margin-top: 0px; margin-bottom: 10px; } .legal-page-content h3 { margin-bottom: 10px;} .legal-page-content p{ margin: 30px 0; } body.page-id-597 .legal-page-content p{ margin-top: 0px; } body.page-id-597 .legal-page-content ul, body.page-id-597 .legal-page-content ol{ margin-bottom: 30px;} .legal-page-content ul{margin-top: -20px; padding-left: 17px; } .legal-page-content ul li{ margin: 5px 0px; line-height: 1.4; position: relative; padding-left: 20px; list-style-type: none;} .legal-page-content ul li::before{ content: ''; position: absolute; width: 5px; height: 5px; left: 0; background: var(--color-quality-blue); top: 12px; } body.page-id-3 .legal-page-content p{ margin-top: 0px; } body.page-id-3 .legal-page-content p.mb-5{ margin-bottom: 5px;} body.page-id-3 .legal-page-content ul, body.page-id-3 .legal-page-content ol{ margin-bottom: 30px; margin-top: 0px; } /* Collaboration and partners Page ------------------------------------------------------- */ .collab__sec { margin-bottom: -100px!important; background-size: 47%!important; background-position: 100% 0%!important; padding-right: 5% !important;} .collab__sec .wp-block-video{ height: 100%; margin: 0px; padding-bottom: 100px; } .collab__sec video, .collab__sec .clipped img{ height: 100%; object-fit: cover; clip-path: polygon( 89.769% 21.587%,89.769% 21.587%,88.887% 19.36%,87.712% 17.275%,86.267% 15.348%,84.574% 13.593%,82.655% 12.029%,80.534% 10.671%,78.232% 9.534%,75.772% 8.637%,73.176% 7.994%,70.467% 7.622%,-4.376% 1.356%,-4.376% 1.356%,-7.251% 1.275%,-10.066% 1.506%,-12.794% 2.034%,-15.404% 2.845%,-17.869% 3.924%,-20.159% 5.256%,-22.245% 6.827%,-24.098% 8.622%,-25.689% 10.626%,-26.989% 12.824%,-36.824% 32.501%,-36.824% 32.501%,-37.197% 33.296%,-37.528% 34.103%,-37.815% 34.921%,-38.059% 35.748%,-38.26% 36.583%,-38.416% 37.426%,-38.529% 38.273%,-38.598% 39.125%,-38.621% 39.981%,-38.6% 40.837%,-36.562% 80.96%,-36.562% 80.96%,-36.115% 84.038%,-35.124% 86.937%,-33.638% 89.619%,-31.705% 92.047%,-29.372% 94.184%,-26.687% 95.991%,-23.697% 97.432%,-20.451% 98.468%,-16.995% 99.063%,-13.379% 99.179%,68.861% 96.142%,68.861% 96.142%,71.623% 95.892%,74.286% 95.359%,76.826% 94.56%,79.218% 93.51%,81.438% 92.225%,83.463% 90.722%,85.267% 89.015%,86.827% 87.121%,88.119% 85.055%,89.118% 82.834%,97.95% 58.863%,97.95% 58.863%,98.3% 57.809%,98.577% 56.744%,98.783% 55.669%,98.917% 54.588%,98.978% 53.502%,98.967% 52.416%,98.884% 51.331%,98.729% 50.25%,98.501% 49.176%,98.2% 48.111%,89.769% 21.587% ); min-height: 800px; } .collab__sec.offset-top{ margin-top: -100px;} /* About Page ------------------------------------------------------- */ .about_subpage { } .about_subpage .gb-container-image-wrap{ margin-left: 0; clip-path: polygon( -8.077% 68.765%,-8.077% 68.765%,-6.29% 66.041%,-4.304% 63.675%,-2.145% 61.677%,0.159% 60.059%,2.58% 58.833%,5.091% 58.009%,7.663% 57.601%,10.27% 57.618%,12.883% 58.073%,15.475% 58.977%,50.438% 74.366%,50.438% 74.366%,52.557% 75.47%,54.559% 76.854%,56.43% 78.502%,58.159% 80.394%,59.734% 82.513%,61.143% 84.841%,62.373% 87.359%,63.413% 90.051%,64.25% 92.896%,64.872% 95.879%,71.006% 132.425%,71.006% 132.425%,71.429% 135.86%,71.554% 139.292%,71.388% 142.688%,70.942% 146.015%,70.223% 149.241%,69.241% 152.335%,68.003% 155.264%,66.519% 157.995%,64.797% 160.497%,62.846% 162.737%,41.737% 184.216%,41.737% 184.216%,40.018% 185.796%,38.213% 187.132%,36.335% 188.222%,34.399% 189.061%,32.418% 189.648%,30.406% 189.977%,28.376% 190.048%,26.341% 189.855%,24.316% 189.397%,22.313% 188.671%,-9.561% 174.835%,-9.561% 174.835%,-10.921% 174.176%,-12.239% 173.398%,-13.513% 172.505%,-14.738% 171.5%,-15.911% 170.388%,-17.028% 169.173%,-18.084% 167.858%,-19.077% 166.448%,-20.002% 164.945%,-20.856% 163.355%,-31.326% 142.415%,-31.326% 142.415%,-32.757% 139.113%,-33.847% 135.647%,-34.598% 132.06%,-35.01% 128.399%,-35.084% 124.708%,-34.822% 121.034%,-34.225% 117.421%,-33.294% 113.914%,-32.03% 110.56%,-30.434% 107.403%,-8.077% 68.765%,14.172% -41.202%,-3.382% -9.162%,-4.886% -6.021%,-6.07% -2.7%,-6.932% 0.758%,-7.473% 4.31%,-7.692% 7.915%,-7.588% 11.53%,-7.159% 15.111%,-6.407% 18.617%,-5.329% 22.005%,-3.926% 25.232%,-3.926% 25.232%,6.79% 46.663%,7.644% 48.254%,8.569% 49.756%,9.562% 51.167%,10.618% 52.482%,11.735% 53.697%,12.908% 54.809%,14.133% 55.813%,15.407% 56.706%,16.725% 57.484%,18.085% 58.144%,18.085% 58.144%,49.959% 71.979%,51.962% 72.706%,53.987% 73.164%,56.022% 73.356%,58.052% 73.286%,60.064% 72.956%,62.045% 72.37%,63.981% 71.53%,65.858% 70.441%,67.664% 69.104%,69.383% 67.524%,69.383% 67.524%,91.293% 45.231%,93.134% 43.132%,94.774% 40.797%,96.206% 38.254%,97.421% 35.528%,98.412% 32.647%,99.171% 29.636%,99.69% 26.524%,99.961% 23.335%,99.976% 20.098%,99.727% 16.838%,99.727% 16.838%,95.181% -21.834%,94.535% -25.676%,93.542% -29.303%,92.228% -32.681%,90.618% -35.776%,88.738% -38.554%,86.615% -40.982%,84.274% -43.025%,81.741% -44.65%,79.042% -45.823%,76.204% -46.511%,76.204% -46.511%,33.803% -52.853%,31.533% -53.028%,29.287% -52.879%,27.081% -52.416%,24.933% -51.648%,22.858% -50.586%,20.874% -49.24%,18.997% -47.618%,17.243% -45.731%,15.629% -43.589%,14.172% -41.202%,14.172% -41.202% ); transform: none; width: 50vw; } .about_subpage .gb-container-image-wrap .clip-wrap{ transform: none;} .full-width-img.offset-top{ margin-top: -480px; z-index: -1; padding-top: 120px; position: relative; } .full-width-img.offset-top .text-overlay{ position: absolute; top: 550px;z-index: 2;} .full-width-img.offset-top .text-overlay figure img{ transform: none!important; clip-path: none;} .full-width-img .fullwidth{ position: relative;} .full-width-img .fullwidth::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 29, 61, 0.50); z-index: 1; } .full-width-img .fullwidth img{ min-height: 1020px;} /* clinical cells */ .col-cell-clinical{ display: block !important; margin-bottom: -700px; margin-top: -100px; position: relative; z-index: 1; } .col-cell-clinical .wp-block-group{ max-width: 540px; width: 100%; padding: 120px 90px !important; margin-left: auto; } .col-cell-clinical .shape01{padding: 170px 70px !important; margin-bottom: -25px; } .col-cell-clinical .shape02{ margin-right: 100px;} body.page-id-172 .full-width-img.clipped img{ min-height: 800px;object-fit: cover;} /* cell manufacturing cells */ .col-cell-products{ } .col-cell-products .wp-block-group{ max-width: 460px; padding: 100px 60px !important; } .col-cell-products .shape01{ margin-left: -70px; } .col-cell-products .shape02{ margin-left: 170px; margin-top: -50px;} /* Responsive Styles ------------------------------------------------------- */ @media only screen and (min-height: 1024px) { /* HomePage ---------------------- */ .home-ftrd-product{ top: 5%;} } @media only screen and (max-width: 1680px) { /* HomePage ---------------------- */ .home-about-intro .clipped{ max-width: 800px; padding: 80px 100px !important; margin-right: 155px;} .home-about-intro .clipped h2{ font-size: 2.7rem!important;} .home-about-intro .gb-container-image-wrap .clip-wrap{ height: 500px; width: 500px; bottom: -270px;} .home-about-intro .gb-container-image-wrap::before{ top: 165px; width: 150px; height: 430px;} .home-faq .gb-container-image-wrap .clip_inner, .home-faq .gb-container-image-wrap .clip-wrap::before{ height: 60%;} .home-faq .gb-container-image-wrap::before{ top: -74%; } .home-faq .gb-container-image-wrap::after{ bottom: -64%; left: 12%;} /* About Page ---------------------- */ .team-slider .slick-list{ padding-right: 10%; margin-right: 0;} .card-team .ctc-button .wp-block-button__link .btn-text{ font-size: 16px!important;} } @media only screen and (max-width: 1580px) { .team-slider .slick-list { padding-right: 5%; margin-right: 0; } } @media only screen and (max-width: 1480px) { /* Contact ------------------ */ .contact-us__location{ padding-bottom: 200px!important;} .contact-us__location .gb-container-image-wrap .clip-wrap{ min-height: 700px;} /* Homepage ------------------ */ /* .homepage__cell-manufacturing .intro-column .wp-block-column{ flex-basis: 60%!important; } */ .home-stem-cells-carousel .wp-block-column .ftrd-img img{ height: 330px;} .home-stem-cells-carousel .wp-block-column:hover .ftrd-img img{ height: 270px;} .home-about-intro{ margin-bottom: -140px;} .home-faq .gb-container-image-wrap::after{ left: 10.5%;} /* About Page ------------------ */ .employees-box{ margin-left: -15vw; } .team-slider .slick-list{ padding-right: 29%;} .team-box, .employees-box{ height: 460px;} /* Subpage Hero ------------------ */ .subpage_hero .wp-block-columns .wp-block-column:nth-child(1){ flex-basis: 70%!important;} .subpage_hero .wp-block-columns .wp-block-column:nth-child(2){ flex-basis: 30%!important;} .about_subpage .wp-block-columns .wp-block-column:nth-child(1){ flex-basis: 50% !important;} .about_subpage .wp-block-columns .wp-block-column:nth-child(2){ flex-basis: 50% !important;} .about_subpage + .about-vision-purpose{ padding-bottom: 130px!important; } /* Cell Manufactoring ------------------ */ .cell-manufacturing__disease-treatment .gb-container-image-wrap .clip-wrap{ max-width: 45vw;} .cell-manufacturing__disease-treatment .gb-container-image-wrap::before{ margin-bottom: -145px; } .col-cell-products .wp-block-group{ padding: 100px 40px !important;} /* Collaboration and partners ------------------ */ .collab__sec{ background-size: 45% !important; background-position: 100% 50%!important;} } @media only screen and (max-width: 1280px) { h2{ font-size: 3rem;} /* Home ------------------ */ .home-faq .gb-container-image-wrap::after{ left: 9.5%;} .home-stem-cells-carousel .slick-list{ padding-right: 0;} /* Contact ------------------ */ .fullwidth-video.bubble-top .annual-review-group .wp-block-group{ max-width: 580px;} .about-annual-review{ min-height: 700px!important;} /* Cell Manufactoring ------------------ */ .cell-manufacturing__disease-treatment .gb-container-image-wrap .clip-wrap{ height: 800px } .col-cell-products .wp-block-group{ padding: 100px 40px !important;} .col-cell-products .shape02{ margin-left: 150px; margin-right: -60px;} /* Sceince and Innovation ------------------ */ .bubble-bottom-right .research-overlay-group{ padding-right: 5%;} .asc-mechanism-column{ gap: 100px; } /* About Page ------------------ */ .subpage_hero h1{ font-size: 2.2rem!important;} .team-slider .slick-list{ padding-right: 22%;} .full-width-img .text-overlay h2 { font-size: 2.8rem!important; } } @media only screen and (max-width: 1180px) { /* Homepage ------------------ */ .cbb-carousel{ padding-right: 10%;} .cbb-carousel{ padding-right: 0;} .home-faq .gb-container-image-wrap::after{ left: 7.5%;} /* Aout Page ------------------ */ .annual-review-group .wp-block-group{ margin-top: -380px; max-width: 680px;} .employees-box{ margin-left: -20vw;} .team-box, .employees-box{ height: 400px;} .team-slider .slick-list{ padding-right: 55%;} .subpage_hero h1{ font-size: 2rem!important;} .full-width-img .text-overlay h2 { font-size: 2.5rem!important; } .full-width-img .fullwidth img{ min-height: 950px;} /* Cell Manufactoring ------------------ */ .cell-manufacturing__disease-treatment .gb-container-image-wrap::before{ margin-bottom: -120px; } .cell-manufacturing__disease-treatment .gb-container-image-wrap .clip-wrap{ max-width: 50vw;} .cell-manufacturing__msc-overview { padding-top: 0!important;} .cell-manufacturing__msc-overview.mb-pt-50{ padding-top: 50px!important; } .cell-manufacturing__msc-overview.mb-pb-0{ padding-bottom: 0!important; } /* Publication Page ------------------ */ .publication-card{ width: 48%!important;} /* Science and innovation Page ------------------ */ .bubble-bottom-right .research-overlay-group .wp-block-group{ margin-top: -400px; max-width: 650px;} .simpleParallax img{ transform: none!important;} .home-faq .gb-container-image-wrap .clip_inner img{ margin-left: 0;} .accordion_title{ font-size: 1.5rem;} } @media only screen and (max-width: 991px) { .row_container, footer > .wp-block-group, .single-publication__content > .wp-block-group, .breadcrumbs .breadcrumbs__wrapper { padding-left: var(--mobile-padding)!important; padding-right: var(--mobile-padding)!important; } html:not(.no-js) [data-aos=fade-left], html:not(.no-js) [data-aos=fade-right]{ -webkit-transform: translate3d(0, 100px, 0)!important; transform: translate3d(0, 100px, 0)!important; } html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{ -webkit-transform: none!important; transform: none!important; } html:not(.no-js) [data-aos=zoom-in]{ -webkit-transform: translateZ(0) scale(1) translate3d(0, 100px, 0)!important; transform: translateZ(0) scale(1) translate3d(0, 100px, 0)!important; } html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{ -webkit-transform: none!important; transform: none!important; } /* Homepage ------------------ */ .home_hero .wp-block-group{ margin: 0; padding: 0;} .home_hero .wp-block-group .wp-block-columns{ display: block;} .home_hero h1{ max-width: 500px;} .home-ftrd-product, .home-faq .gb-container-image-wrap::before, .home-faq .gb-container-image-wrap::after{ display: none; } .home-faq{ clip-path: var(--ctc-mobile-faq-path); padding-top: 100px!important;} .home-faq .wp-block-columns{ display: block; padding-top: 40px; height: auto;} .home-faq .gb-container-image-wrap{ position: initial; margin-top: 100px;} .home-faq .gb-container-image-wrap .clip_inner, .home-faq .gb-container-image-wrap .clip-wrap::before{ position: initial; height: 700px; width: 100%; margin-left: -20%; transform: scale(1); } .home-faq .gb-container-image-wrap .clip-wrap{ position: relative;} .home-faq .gb-container-image-wrap .clip-wrap::before{ position: absolute; top: 0; transform: scale(1.01);} .home-faq .gb-container-inside{ display: flex; flex-direction: column-reverse;} .home-about-intro .clipped{ clip-path: var(--ctc-mobile-clip-path-02); background: var(--color-quality-blue); max-width: 100%; width: 100%; margin-top: -170px; } .home-about-intro{ margin-bottom: 0px; } .home-about-intro .gb-container-inside{ display: flex; flex-direction: column-reverse;} .home-about-intro .gb-container-content{ width: 100%;} .home-about-intro .gb-container-image-wrap img, .home-about-intro .gb-container-image-wrap { position: initial; } .home-about-intro .gb-container-image-wrap{ text-align: left; position: relative; z-index: 11; } .home-about-intro .gb-container-image-wrap::before{ top: auto; margin-top: -145px;} .home-about-intro .gb-container-image-wrap .clip-wrap{ clip-path: polygon( 74.921% 27.598%,74.921% 27.598%,73.713% 26.082%,72.404% 24.659%,70.999% 23.333%,69.504% 22.108%,67.926% 20.987%,66.269% 19.975%,64.541% 19.075%,62.748% 18.291%,60.894% 17.628%,58.987% 17.09%,3.248% 3.388%,3.248% 3.388%,0.635% 2.871%,-1.993% 2.596%,-4.619% 2.558%,-7.227% 2.755%,-9.799% 3.183%,-12.319% 3.837%,-14.769% 4.716%,-17.133% 5.814%,-19.394% 7.129%,-21.535% 8.656%,-29.276% 14.747%,-29.276% 14.747%,-31.989% 17.185%,-34.304% 19.895%,-36.212% 22.834%,-37.702% 25.96%,-38.762% 29.232%,-39.383% 32.605%,-39.553% 36.039%,-39.262% 39.49%,-38.499% 42.917%,-37.253% 46.277%,-25.603% 72.161%,-25.603% 72.161%,-24.315% 74.659%,-22.783% 76.993%,-21.024% 79.148%,-19.056% 81.112%,-16.897% 82.872%,-14.565% 84.414%,-12.077% 85.725%,-9.45% 86.794%,-6.703% 87.606%,-3.853% 88.148%,60.559% 97.126%,60.559% 97.126%,64.218% 97.405%,67.822% 97.23%,71.332% 96.621%,74.709% 95.599%,77.916% 94.183%,80.912% 92.394%,83.66% 90.251%,86.121% 87.774%,88.257% 84.983%,90.028% 81.898%,93.044% 75.728%,93.044% 75.728%,94.176% 73.047%,94.995% 70.298%,95.502% 67.504%,95.7% 64.689%,95.59% 61.876%,95.177% 59.089%,94.46% 56.352%,93.443% 53.689%,92.128% 51.123%,90.517% 48.678%,74.921% 27.598% ); margin-top: -100px; position: initial; } .homepage__cell-manufacturing .wp-block-columns{ display: block;} /* Contact ------------------ */ .contact-us__hero { background: var(--color-flash-white)!important; clip-path: polygon(89.278% -77.096%, 89.278% -77.096%, 88.683% -81.223%, 87.859% -85.069%, 86.823% -88.601%, 85.595% -91.784%, 84.196% -94.584%, 82.644% -96.968%, 80.958% -98.9%, 79.159% -100.347%, 77.265% -101.274%, 75.297% -101.648%, -2.502% -104.985%, -2.502% -104.985%, -4.919% -104.657%, -7.216% -103.505%, -9.362% -101.599%, -11.324% -99.006%, -13.071% -95.795%, -14.572% -92.032%, -15.794% -87.787%, -16.706% -83.128%, -17.277% -78.121%, -17.474% -72.837%, -17.474% 41.52%, -17.474% 41.52%, -17.389% 44.993%, -17.136% 48.386%, -16.723% 51.674%, -16.157% 54.831%, -15.444% 57.833%, -14.591% 60.655%, -13.605% 63.271%, -12.493% 65.656%, -11.261% 67.786%, -9.915% 69.636%, 11.702% 95.904%, 11.702% 95.904%, 12.538% 96.845%, 13.397% 97.664%, 14.275% 98.359%, 15.169% 98.93%, 16.078% 99.375%, 16.997% 99.693%, 17.925% 99.883%, 18.858% 99.943%, 19.794% 99.873%, 20.73% 99.672%, 67.041% 86.418%, 67.041% 86.418%, 67.759% 86.173%, 68.468% 85.852%, 69.169% 85.454%, 69.859% 84.983%, 70.536% 84.437%, 71.201% 83.82%, 71.852% 83.131%, 72.487% 82.372%, 73.105% 81.544%, 73.706% 80.648%, 93.833% 48.982%, 93.833% 48.982%, 95.212% 46.524%, 96.428% 43.763%, 97.475% 40.736%, 98.346% 37.48%, 99.036% 34.034%, 99.537% 30.436%, 99.844% 26.723%, 99.95% 22.933%, 99.849% 19.104%, 99.534% 15.273%, 89.278% -77.096%); padding-top: 160px!important; } .contact-us__hero .wp-block-columns, .subpage_hero .wp-block-columns{ display: block; padding: 0 60px 0 15px; } .fullwidth-video.bubble-top .annual-review-group .wp-block-group{ max-width: 540px} /* Subpage Hero ------------------ */ .subpage_hero{ padding-bottom: 140px!important;} /* About Page ------------------ */ body .about-leadership-team{ display: block;} .employees-box{ margin-left: 0; padding: 60px !important;} .about-leadership-team .wp-block-column:nth-child(2){ display: grid; grid-template-columns: 1fr 1fr; margin-top: -60px;} .team-box{ margin-top: -40px!important;} .full-width-img.offset-top .text-overlay{ padding-left: 30px !important; padding-right: 10% !important;} .full-width-img.offset-top .text-overlay .wp-block-columns{ display: block;} .about_subpage .gb-container-image-wrap{ width: 70vw;} /* Single Posts ------------------ */ .single-post-content .content-columns{ flex-direction: column-reverse; gap: 20px;} .single-post-content .content-columns .wp-block-post-content figure{ margin: 20px 0!important; } .single-post-content .author-column .wp-block-genesis-blocks-gb-profile-box{ padding: 5px;} .single-post-content .author-column{ padding-bottom: 20px;} /* Single Publications ------------------ */ .publication__hero .wp-block-columns .wp-block-column:nth-child(2){ text-align: left; padding-top: 10px;} .search_wrapper input{ width: calc(78% - 177px); } .single-publication__content .wp-block-columns{ gap: 50px; } /* News and Media Page ------------------ */ .news__hero{ margin-bottom: 50px; } .news__hero h1{ padding-bottom: 20px;} .news__hero .wp-block-columns .wp-block-column:nth-child(2){ text-align: left; } .news-cards-section .wp-block-group-is-layout-grid{ grid-template-columns: repeat(2, minmax(0, 1fr))!important; } .news-press-section > .wp-block-columns{ display: block;} .news-press-section .author-column-wrap{ max-width: 50%;} /* Collaboration and partners ------------------ */ .collab__sec{ padding-left: 0!important;} .collab__sec.offset-top{ margin-top: -50px;} html:not(.no-js) body.single-post [data-aos=fade-left]{ -webkit-transform: translate3d(0, 0px, 0) !important; transform: translate3d(0, 0px, 0) !important;} .news-card{ width: 48%!important;} .col-cell-products .shape01{ } .col-cell-products .shape02{ margin-right: 0px; margin-top: -10px; margin-left:80px;} } @media only screen and (max-width: 860px) { /* Homepage ------------------ */ .homepage__cell-manufacturing .wp-block-columns{ display: block; padding-right: 0; } .cbb-nav-btn{ width: 52px!important; height: 52px!important;} .cbb-carousel{ padding-right: 20%;} .newsroom-carousel .wp-block-columns{ flex-direction: column-reverse; flex-wrap: nowrap !important; gap: 25px;} .newsroom-carousel .wp-block-columns p:empty{ display: none; } .newsroom-carousel .wp-block-columns .wp-block-column:nth-child(2){ display: grid;} .newsroom-carousel .wp-block-columns .wp-block-column p{ order: 2; margin-bottom: 10px;} .newsroom-carousel .wp-block-columns .wp-block-column h3{ order: 3; margin-top: 0px;} .newsroom-carousel .wp-block-columns .wp-block-column .tags{ order: 1; margin-top: 10px; margin-bottom: 25px;} .newsroom-carousel .wp-block-columns .wp-block-column .tags + p{ margin: 0px;} .home-stem-cells-carousel p{ margin: 12px 0 0; opacity: 1; transform: translateY(0px);height: auto!important;} .home-stem-cells-carousel .wp-block-column .ftrd-img img{ height: 240px!important;} .home-stem-cells-carousel .wp-block-column{ height: 350px;} /* Contact ------------------ */ .contact-us__location .gb-container-image-wrap .clip-wrap{ min-height: 500px;} .fullwidth-video .about-annual-review{ min-height: 600px !important;} .fullwidth-video.bubble-top .annual-review-group .wp-block-group{ margin-bottom: -400px;} .fullwidth-video.bubble-top .annual-review-group .wp-block-group{ height: 600px;} .contact__form-section{ margin-bottom: -200px;} /* Prefooter Section ------------------ */ .prefooter-section{ padding-top: 0!important; padding-bottom: 300px!important; } .prefooter-section .bg-image figure{ left: 0; right: 0; margin: auto; transform: translateY(0%);} body.home .prefooter-section{ padding-top: 0!important; padding-bottom: 50px!important; margin-top: 0!important;} /* About Page ------------------ */ .about-innovation{ flex-direction: column; gap: 40px;} .about-innovation .clip img{ height: 650px; object-fit: cover; object-position: top; } .about-vision-purpose{ padding-bottom: 30px!important;} .about-the-background .wp-block-columns{ display: block;} .about-the-background .cell-boxes{ margin-top: 0;} .about-the-background .cell-boxes .wp-block-column{ margin-bottom: 20px;} .about-annual-review{ min-height: 550px !important;} .annual-review-group .wp-block-group{ margin-top: -320px; max-width: 600px; padding: 60px !important; height: 560px; } .team-box, .employees-box{ height: 380px; } .about-leadership-team .wp-block-column:nth-child(2){ margin-top: -40px;} .team-slider .slick-list{ padding-right: 45%;} body.page-id-36 .about-vision-purpose{ padding-top: 50px!important; padding-bottom: 50px !important; margin-top: 0; } /* Cell Manufactoring ------------------ */ .cell-manufacturing__disease-treatment{ padding-bottom: 20px!important;} .cell-manufacturing__disease-treatment .wp-block-columns, .cell-manufacturing__msc-overview .wp-block-columns{ display: block;} .cell-manufacturing__disease-treatment .gb-container-image-wrap { position: initial;} .cell-manufacturing__disease-treatment .gb-container-image-wrap::before{ width: 200px; margin-left: -30px;margin-bottom: -145px;} .cell-manufacturing__disease-treatment .gb-container-image-wrap .clip-wrap{ height: 400px; padding-left: 0;} .cell-manufacturing__msc-overview { padding-top: 0!important; margin-top: 0!important;} .cell-manufacturing__msc-overview .wp-block-columns .wp-block-column:nth-child(1){ padding-bottom: 20px;} .cell-manufacturing__msc-overview p{ margin: 20px 0;} .col-cell-products .shape02{ margin-left: 130px;margin-top: -40px;} .col-cell-clinical .shape01{ padding: 120px 70px !important;} /* Science and Innovation Page ------------------ */ .read-more-wrapper{height: 400px;} .full-text-reveal{ height: 100%; } .bubble-bottom-right .research-overlay-group{ padding-right: 10%;} .bubble-bottom-right .research-overlay-group .wp-block-group{ margin-top: -250px; margin-bottom: -30px; margin-right: auto;} .mb-50{ margin-bottom: 30px; } .asc-mechanism-column{ display: block!important;} .fullwidth-video.offset-bottom .about-annual-review{ min-height: 800px !important; } /* Collaboration and partners ------------------ */ .collab__sec{ margin-bottom: 0!important;background-size: 100% !important; background-position: 100% 100% !important; } .collab__sec .wp-block-video, .collab__sec .clipped img{ margin-bottom: 30px; margin-left: -20px;} .collab__sec .wp-block-columns{ display: block; padding: 30px 0px 40px 20px;} body.parent-pageid-149 .collab__sec { padding-bottom: 50px!important;} body.page-id-612 .cell-manufacturing__msc-overview > .wp-block-columns{ margin-bottom: 40px!important;} /* Publications ------------------ */ .single-publication__content{ padding-bottom: 0!important; margin-bottom: -40px;} .single-publication__content .wp-block-columns{ gap: 0px; flex-direction: column-reverse;} .single-publication__content .wp-block-buttons{ margin-bottom: 40px!important;} .single-publication__content .column__side li span:nth-child(1){ flex-basis: 20px!important; padding-right: 5px!important;} /* Nes and media ------------------ */ /* .news-card{ width: 48%!important;} */ } @media only screen and (max-width: 680px) { h2{ font-size: 1.8rem;} h3{ font-size: 1.3rem;} .mb-35{ margin-bottom: 25px; } .mb-pb-0{ padding-bottom: 0!important;} .mb-pt-0{ padding-top: 0!important;} .mb-pb-40{ padding-bottom: 40px!important;} .mb-pb-60{ padding-bottom: 60px!important;} .mb-pb-70{ padding-bottom: 70px!important;} /* Homepage ------------------ */ .home-faq{ min-height: auto; padding-bottom: 0px !important; padding-top: 50px !important; } .carousel-nav p{ font-size: 1.1rem;} .cbb-carousel{ padding-right: 0;} .newsroom-carousel .slick-track{ gap: 15px;} .newsroom-carousel .wp-block-columns .wp-block-column .tags{ margin-bottom: 15px;} .newsroom-carousel .wp-block-columns .wp-block-column .tags p{ font-size: 10px !important; } .home-stem-cells-carousel .wp-block-column .arrow-icon{ width: 52px; height: 52px; margin-top: -60px;} /* .home-faq .gb-container-image-wrap .clip_inner{ margin-left: -5%;} */ .home-faq .gb-container-image-wrap .clip_inner, .home-faq .gb-container-image-wrap .clip-wrap::before{ margin-left: 0%; transform: scale(1.4); height: 400px; } .home-about-intro .clipped{ padding: 80px 25px !important; height: 600px;} .home-about-intro .clipped h2{ font-size: 2rem;} .home-about-intro .gb-container-image-wrap .clip-wrap{ max-width: 100%; width: 100%; height: 400px; margin-left: -15%;} .home-about-intro .gb-container-image-wrap::before{ width: 100%; height: 240px; max-width: 30%; margin-top: -110px; } .home-about-intro .clipped h2{ font-size: 1.8rem!important;} .accordion_title {font-size: 1.3rem;} .home-stem-cells-carousel .slick-list{ padding-right: 20px;} /* Contact ------------------ */ .contact-us__hero{ padding-top: 240px!important; padding-bottom: 100px!important; margin-top: -140px !important; clip-path:var(--ctc-mobile-clip-path-02);} .contact-us__hero .wp-block-columns, .subpage_hero .wp-block-columns{ padding: 15px 0;} .contact-us__location .wp-block-columns{ display: block; } .contact-us__location{ padding-bottom: 20px!important;} .contact-us__location .gb-container-image-wrap .clip-wrap{ max-width: 100vw; min-height: 360px; padding-left: 0;} .contact-us__location .gb-container-image-wrap{ position: initial;} .contact-us__location p{ margin: 20px 0!important;} .fullwidth-video.bubble-top .annual-review-group .wp-block-group, .annual-review-group .wp-block-group{ margin-bottom: 0; padding: 60px 20px!important; height: auto; max-width: 100%; clip-path: var(--ctc-mobile-clip-path-01); background: var(--color-quality-blue); right: 0; margin-bottom: -160px; } .fullwidth-video .about-annual-review, .about-annual-review{ min-height: 400px !important; clip-path: var(--ctc-mobile-clip-path-02);} .annual-review-group{ padding-left: 0;} .contact__form-section{ margin-bottom: -25px;margin-top: -20%;} .contact__form-section h2{ padding-bottom: 10px;} .contact__form-section{ padding-bottom: 30px!important;} .subject-choice ul li label{ min-width: 95px;} .contact__form-section .col_txt{ padding-bottom: 10px;} .contact__form-section .col_txt p{ padding-bottom: 0px; } /* Prefooter Section ------------------ */ .prefooter-section .bg-image figure { width: 100%;} /* Subage Hero ------------------ */ .subpage_hero{ padding-bottom: 70px !important; padding-top: 245px !important; margin-top: -140px!important; clip-path: var(--ctc-mobile-clip-path-02); min-height: auto;} .subpage_hero h1{ font-size: 1.8rem !important;} .subpage_hero .gb-container-image-wrap{ width: 100%; transform: scale(2) translate(40%, 45%); height: 80%;} .subpage_hero .gb-container-image-wrap img{ transform: scale(.51) translate(-78%, -60%); } .subpage_hero .wp-block-column{ padding-right: 0%; } .subpage_hero.full__img .wp-block-column{ padding-right: 0;} .about_subpage { padding-bottom: 40px !important;} .about_subpage .gb-container-image-wrap{ transform: none; height: 100%;} .about_subpage .wp-block-column{ padding-right: 0;} .subpage_hero .gb-container-image-wrap img{ opacity: 0;} .subpage_hero.full__img .gb-container-image-wrap img{ opacity: 1;} /* About Page ------------------ */ .about-vision-purpose { padding-top: 60px!important;} .annual-review-group .wp-block-group{ margin-top: -150px; margin-bottom: 0; padding-bottom: 80px !important; } .about-the-background .wp-block-columns{ padding-top: 25px;} .about-the-background .wp-block-columns:nth-child(1) p{ margin-top: 20px;} .about-innovation .clip img{ height: 390px;} .about-the-background .cell-boxes .wp-block-column{ padding: 30px!important;} .about-leadership-team .wp-block-column:nth-child(2){ display: block; margin-top: 70px;} body.page-id-159 .about-leadership-team .wp-block-column:nth-child(2){ display: block; margin-top: -110px;} .team-box{ clip-path: var(--ctc-mobile-clip-path-01); margin: 0 -10%;} .employees-box{ clip-path: var(--ctc-mobile-clip-path-01); margin: -80px -10%; height: 270px;gap: 10px;} .team-box{ height: 330px; justify-content: flex-start; padding-top: 65px !important; gap: 10px;} .team-slider{ height: 520px;} .team-slider .slick-list{ padding-right: 2%;} .team-slider .slick-slide{ padding: 0 7px;} .card-team .ctc-button .wp-block-button__link .btn-text { padding: 10px 13px 10px 13px;} .card-team p{ font-size: 1rem;} .full-width-img.offset-top .text-overlay img{ height: auto;object-fit: contain;} .full-width-img .text-overlay h2{ font-size: 1.5rem !important; } .full-width-img .fullwidth img{ min-height: 780px;} .full-width-img.offset-top .text-overlay{ top: 500px;} body.parent-pageid-149 .collab__sec{ margin-top: 0px; padding-bottom: 20px!important;} body.parent-pageid-149 .collab__sec .wp-block-columns{ padding-top: 0px;} .about-innovation .clip, .about-leadership-team .clip{ clip-path: var(--ctc-mobile-clip-path-01); margin: 0px -10% -20px -10%;} /* .about-innovation .clip{ margin-bottom: -80px;} */ /* Cell Manufactoring Page ------------------ */ .cell-manufacturing__msc-overview{ padding-bottom: 50px!important;} .cell-manufacturing__publications{ padding-top: 50px!important; margin-top: 0px;} .full-width-img.clipped figure img{ height: 300px; object-fit: cover;} .cell-manufacturing__disease-treatment .gb-container-image-wrap::before{ width: 180px; margin-left: -30px; margin-bottom: -150px; height: 250px; } .cell-manufacturing__disease-treatment .gb-container-image-wrap .clip-wrap{max-width: 350px;margin-left: 0;margin-bottom: 30px; min-height: auto !important; height: 440px; } .col-cell-products .shape02{ margin-left: 0; margin-top: 10px;} body.page-id-172 .full-width-img.clipped img{ min-height: auto; } .col-cell-clinical{ margin: -40px -30px 0px -30px;} .col-cell-products{ margin: 0px -30px -30px -30px!important;} .col-cell-clinical .wp-block-group, .col-cell-products .wp-block-group{ padding: 90px 20px !important; max-width: 100%; width: 100%; clip-path: var(--ctc-mobile-clip-path-01); } .col-cell-clinical .shape01, .col-cell-products .shape01{ background: var(--color-crayola); padding: 100px 20px 180px 20px !important; margin: 20px 0 -120px 0px;} .col-cell-clinical .shape02, .col-cell-products .shape02{ background: var(--color-regenerate); } .col-cell-products .shape01{ padding: 80px 20px 150px 20px !important;} /* Publications Section ------------------ */ .cell-manufacturing__publications { padding-bottom: 40px!important;} .cell-manufacturing__disease-treatment{ margin-top: 0px; } /* Single Posts ------------------ */ .single-post-content{ padding-top: 70px!important;} .single-post-content h1{ font-size: 2rem;} .single-post-content .taxonomy-post_tag a{ font-size: 12px;} .single-post-content .title-column .wp-block-post-featured-image img { height: 250px !important; min-height: auto; } .single-post-content .gb-block-profile .gb-profile-content-wrap{ text-align: left;} .single-post-content .author-column .wp-block-genesis-blocks-gb-profile-box{ max-width: 97%;} .single-post-content .title-column{ gap: 0px; padding-bottom: 30px!important;} /* Careers Page ------------------ */ .careers-list{ padding-top: 0;} .card-careers{ flex-direction: column; padding: 30px !important; } .card-careers > *, .card-careers .ctc-button, .card-careers .ctc-button .btn-text { width: 100%;} .card-careers .ctc-button .wp-block-button__link .arrow{ width: 75px;} .careers-content .wp-block-columns{ display: block;} /* Publications Page ------------------ */ .search_wrapper form{ display: flex; margin-top: 15px; } .search_wrapper input{ width: 100%;} .search_wrapper button{ width: 68px;top: 0px; left: -1px;} .publication__hero .wp-block-columns .wp-block-column:nth-child(2){ padding-top: 0px;} .publications-grid + .wp-block-buttons{ margin-top: 25px!important;} .publications__content{ padding-top: 30px!important; padding-bottom: 50px!important;} .publication-card{ width: 100%!important;padding: 0px 0px;} .publication-card h2{ font-size: 1.2rem;} /* Single Publications Page ------------------ */ .single-publication__content .single-publication__content{ padding-top: 0!important;} .single-publication__content{ padding-top: 100px!important; margin-bottom: 0px;} .single-publication__content > .wp-block-group{ padding-bottom: 25px!important;} /* Our People Page ------------------ */ .our-people-section .intro_txt{ padding-bottom: 0px;} .card-expertise{height: 190px;} .row-field-expertise{ padding-top: 0px; padding-bottom: 40px;} .row-field-expertise .inner_wrap{ padding-top: 0px;} .card-expertise p{ font-size: 1.1rem !important;} .row-field-expertise .note{ padding-top: 40px; padding-bottom: 10px;} /* Science and Innovation Page ------------------ */ .bubble-bottom-right .research-overlay-group{ padding-right: 0%;} .bubble-bottom-right .research-overlay-group .wp-block-group{ padding: 60px 20px !important; height: auto; max-width: 100%; clip-path: var(--ctc-mobile-clip-path-02); margin-bottom: 0px; background: var(--color-regenerate)!important; margin-top: -130px; } .about-innovation.mb-pb-40{ padding-bottom: 40px!important; } /* News and Media Page ------------------ */ .filter-row{ display: block!important;} .filter-row p{ padding-bottom: 20px; font-size: 1rem!important;} .filter-row .wp-block-button a{ gap: 5px;font-size: 12px !important;} .news-cards-section{ padding-top: 20px!important;} .news-cards-section .wp-block-group-is-layout-grid{ grid-template-columns: 1fr!important; height: auto !important; } .news-card h3{ font-size: 1.3rem;} .news-cards-section .wp-block-group-is-layout-grid + .wp-block-buttons{ margin-top: 30px!important; } .news-card{ width: 100%!important;} .news-card .wp-block-buttons a{ font-size: 10px!important;} .news-press-section .author-column-wrap{ max-width: 100%; padding-bottom: 50px;} .news-press-section > .wp-block-columns{ padding-top: 0px;} .fullwidth-video.offset-bottom .about-annual-review{ min-height: 650px !important; } .fullwidth-video.offset-bottom .annual-review-group .wp-block-group{ margin-bottom: -170px;} .single-post-content .title-column .wp-block-column:nth-child(2){ gap: 15px;} /* Legal Page ------------------ */ .legal-page-content{ padding-top: 100px!important;} .legal-page-content h1{ padding-bottom: 0px;} .legal-page-content .CookieDeclarationHeader{ margin-bottom: 0px;} /* Collaboration and partners ------------------ */ .collab__sec video, .collab__sec .clipped img{ min-height: auto; height: 500px;} body.page-id-172 .subpage_hero.full__img .gb-container-image-wrap img{object-position: 83%; } } /* Fix for Safari flex/grid card overlap on .news-media-grid */ .news-media-grid { display: flex; flex-wrap: wrap; align-items: stretch; } .news-media-grid .news-card { flex: 0 0 calc(50% - 10px); box-sizing: border-box; margin-bottom: 20px; min-height: 1px; } @media (max-width: 680px) { .news-media-grid .news-card { flex: 0 0 100%; position: initial !important; margin-bottom: 0 !important; } } /* Force hardware acceleration for Safari */ .news-media-grid, .news-media-grid .news-card { transform: translateZ(0); }