/*!***************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/src/css/bundle.scss ***! \***************************************************************************************************************************************************************************************************************************************************/ @import url(https://use.typekit.net/pdr5kqp.css); /*!*******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/src/css/bundle.scss (1) ***! \*******************************************************************************************************************************************************************************************************************************************************/ @import url(https://p.typekit.net/p.css?s=1&k=pdr5kqp&ht=tk&f=173.5474.53368.53369.53370.53373.53374&a=171914&app=typekit&e=css); /*!*************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./assets/src/css/vendors/magnific-popup.css ***! \*************************************************************************************************************************/ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:"";display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:"";position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}} /*!***************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./assets/src/css/vendors/owl.carousel.min.css ***! \***************************************************************************************************************************/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; } .owl-carousel { display: none; width: 100%; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 0.5s ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 0.4s ease; } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; /* background: url(owl.video.play.png) no-repeat; */ cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 0.1s ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 0.4s ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /*!********************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./assets/src/css/vendors/owl.theme.default.min.css ***! \********************************************************************************************************************************/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav { margin-top: 10px; } .owl-theme .owl-nav [class*="owl-"] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*="owl-"]:hover { background: #869791; color: #fff; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; transition: opacity 0.2s ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } /*!*******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/src/css/bundle.scss (2) ***! \*******************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /* Theme Name: Critical Path Institute Theme URI: http://glidedesign.com Author: Team Glide Author URI: http://glidedesign.com/team Description: WordPress theme by Glide Design Version: 1.0 */ /* ------------------------------------------------------------------ >>> TABLE OF CONTENTS: <<< -------------------------------------------------------------------- > Variables >> Colors >> Columns > Mixins > Fonts > Defaults >> Normalize >> Forms Defaults >> Clearings > Typography >> Headings >> Copy > Elements >> Lists >> Quotes >> Tables >> Images >> Links > Forms >> Buttons >> Fields >> Form Elements > Media >> Captions >> Galleries > WordPress Core >> Accessibility >> Alignments >> Posts & Pages >> Pagination >> Comments >> Widgets > Site >> Layout >>> Header >>> Footer >> Theme >> Blog >> Single >> Home Page >> About Us >> Contact Us >> Burgers Landing >> Single Burger >> Blocks > Responsive >> Regular Queries >> Extra Queries > Import Fonts > Vendors > Owl Carousel ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Variables ------------------------------------------------------------------ */ :root { --cpi_base_unit: 0.125rem; --base_unit-half: calc(var(--cpi_base_unit) / 2); /*------------------------------------------------- >> Variables for Spaces -------------------------------------------------*/ --space_base_unit: var(--cpi_base_unit); /* Mobile Spacer Value */ --cpi_space_1_min: var(--space_base_unit) * 1; /* 2px */ --cpi_space_2_min: var(--space_base_unit) * 2; /* 4px */ --cpi_space_3_min: var(--space_base_unit) * 3; /* 6px */ --cpi_space_4_min: var(--space_base_unit) * 5; /* 10px */ --cpi_space_5_min: var(--space_base_unit) * 6; /* 12px */ --cpi_space_6_min: var(--space_base_unit) * 8; /* 16px */ --cpi_space_7_min: var(--space_base_unit) * 10; /* 20px */ --cpi_space_8_min: var(--space_base_unit) * 12; /* 24px */ --cpi_space_9_min: var(--space_base_unit) * 15; /* 30px */ --cpi_space_10_min: var(--space_base_unit) * 18; /* 36px */ --cpi_space_11_min: var(--space_base_unit) * 22; /* 44px */ --cpi_space_12_min: var(--space_base_unit) * 26; /* 52px */ --cpi_space_13_min: var(--space_base_unit) * 32; /* 64px */ --cpi_space_14_min: var(--space_base_unit) * 36; /* 72px */ --cpi_space_15_min: var(--space_base_unit) * 42; /* 84px */ --cpi_space_16_min: var(--space_base_unit) * 48; /* 96px */ /* Desktop Spacer Value */ --cpi_space_1_max: var(--space_base_unit) * 1; /* 2px */ --cpi_space_2_max: var(--space_base_unit) * 2; /* 4px */ --cpi_space_3_max: var(--space_base_unit) * 4; /* 8px */ --cpi_space_4_max: var(--space_base_unit) * 6; /* 12px */ --cpi_space_5_max: var(--space_base_unit) * 8; /* 16px */ --cpi_space_6_max: var(--space_base_unit) * 10; /* 20px */ --cpi_space_7_max: var(--space_base_unit) * 12; /* 24px */ --cpi_space_8_max: var(--space_base_unit) * 15; /* 30px */ --cpi_space_9_max: var(--space_base_unit) * 18; /* 36px */ --cpi_space_10_max: var(--space_base_unit) * 24; /* 48px */ --cpi_space_11_max: var(--space_base_unit) * 36; /* 72px */ --cpi_space_12_max: var(--space_base_unit) * 48; /* 96px */ --cpi_space_13_max: var(--space_base_unit) * 64; /* 128px */ --cpi_space_14_max: var(--space_base_unit) * 78; /* 156px */ --cpi_space_15_max: var(--space_base_unit) * 100; /* 200px */ --cpi_space_16_max: var(--space_base_unit) * 118; /* 236px */ --cpi_space_1: clamp( var(--cpi_space_1_min), 0.125rem + 0vw, var(--cpi_space_1_max) ); --cpi_space_2: clamp( var(--cpi_space_2_min), 0.25rem + 0vw, var(--cpi_space_2_max) ); --cpi_space_3: clamp( var(--cpi_space_3_min), 0.254vw + 0.309rem, var(--cpi_space_3_max) ); --cpi_space_4: clamp( var(--cpi_space_4_min), 0.254vw + 0.559rem, var(--cpi_space_4_max) ); --cpi_space_5: clamp( var(--cpi_space_5_min), 0.509vw + 0.618rem, var(--cpi_space_5_max) ); --cpi_space_6: clamp( var(--cpi_space_6_min), 0.509vw + 0.868rem, var(--cpi_space_6_max) ); --cpi_space_7: clamp( var(--cpi_space_7_min), 0.509vw + 1.118rem, var(--cpi_space_7_max) ); --cpi_space_8: clamp( var(--cpi_space_8_min), 0.763vw + 1.302rem, var(--cpi_space_8_max) ); --cpi_space_9: clamp( var(--cpi_space_9_min), 2.29vw + 1.282rem, var(--cpi_space_9_max) ); --cpi_space_10: clamp( var(--cpi_space_10_min), 1.527vw + 1.855rem, var(--cpi_space_10_max) ); --cpi_space_11: clamp( var(--cpi_space_11_min), 3.562vw + 1.828rem, var(--cpi_space_11_max) ); --cpi_space_12: clamp( var(--cpi_space_12_min), 5.598vw + 1.802rem, var(--cpi_space_12_max) ); --cpi_space_13: clamp( var(--cpi_space_13_min), 8.142vw + 1.893rem, var(--cpi_space_13_max) ); --cpi_space_14: clamp( var(--cpi_space_14_min), 10.687vw + 1.735rem, var(--cpi_space_14_max) ); --cpi_space_15: clamp( var(--cpi_space_15_min), 14.758vw + 1.431rem, var(--cpi_space_15_max) ); --cpi_space_16: clamp( var(--cpi_space_16_min), 17.812vw + 1.391rem, var(--cpi_space_16_max) ); /* ------------------------------------------------- >> Font Sizes ------------------------------------------------- */ --font_base_unit: var(--cpi_base_unit); --cpi_font_size_1_min: var(--font_base_unit) * 8; /* 16px */ --cpi_font_size_2_min: var(--font_base_unit) * 9; /* 18px */ --cpi_font_size_3_min: var(--font_base_unit) * 10; /* 20px */ --cpi_font_size_4_min: var(--font_base_unit) * 12; /* 24px */ --cpi_font_size_5_min: var(--font_base_unit) * 14; /* 28px */ --cpi_font_size_6_min: var(--font_base_unit) * 21.5; /* 43px */ --cpi_font_size_7_min: var(--font_base_unit) * 21.5; /* 43px */ --cpi_font_size_8_min: var(--font_base_unit) * 17; /* 34px */ --cpi_font_size_9_min: var(--font_base_unit) * 9; /* 18px */ --cpi_font_size_10_min: var(--font_base_unit) * 13; /* 26px */ --cpi_font_size_11_min: var(--font_base_unit) * 15; /* 30px */ --cpi_font_size_12_min: var(--font_base_unit) * 22.5; /* 45px */ --cpi_font_size_13_min: var(--font_base_unit) * 27.5; /* 55px */ --cpi_font_size_1_max: var(--font_base_unit) * 9; /* 18px */ --cpi_font_size_2_max: var(--font_base_unit) * 10; /* 20px */ --cpi_font_size_3_max: var(--font_base_unit) * 12; /* 24px */ --cpi_font_size_4_max: var(--font_base_unit) * 17; /* 34px */ --cpi_font_size_5_max: var(--font_base_unit) * 25; /* 50px */ --cpi_font_size_6_max: var(--font_base_unit) * 37.5; /* 75px */ --cpi_font_size_7_max: var(--font_base_unit) * 45; /* 90px */ --cpi_font_size_8_max: var(--font_base_unit) * 23.5; /* 47px */ --cpi_font_size_9_max: var(--font_base_unit) * 11; /* 22px */ --cpi_font_size_10_max: var(--font_base_unit) * 20; /* 40px */ --cpi_font_size_11_max: var(--font_base_unit) * 24; /* 48px */ --cpi_font_size_12_max: var(--font_base_unit) * 30; /* 60px */ --cpi_font_size_13_max: var(--font_base_unit) * 34; /* 68px */ --cpi_font_size_1: clamp( var(--cpi_font_size_1_min), 0.261vw + 0.932rem, var(--cpi_font_size_1_max) ); --cpi_font_size_2: clamp( var(--cpi_font_size_2_min), 0.261vw + 1.057rem, var(--cpi_font_size_2_max) ); --cpi_font_size_3: clamp( var(--cpi_font_size_3_min), 0.522vw + 1.115rem, var(--cpi_font_size_3_max) ); --cpi_font_size_4: clamp( var(--cpi_font_size_4_min), 1.305vw + 1.162rem, var(--cpi_font_size_4_max) ); --cpi_font_size_5: clamp( var(--cpi_font_size_5_min), 2.872vw + 1.007rem, var(--cpi_font_size_5_max) ); --cpi_font_size_6: clamp( var(--cpi_font_size_6_min), 4.178vw + 1.607rem, var(--cpi_font_size_6_max) ); --cpi_font_size_7: clamp( var(--cpi_font_size_7_min), 6.136vw + 1.1rem, var(--cpi_font_size_7_max) ); --cpi_font_size_8: clamp( var(--cpi_font_size_8_min), 1.501vw + 1.737rem, var(--cpi_font_size_8_max) ); --cpi_font_size_9: clamp( var(--cpi_font_size_9_min), 0.462vw + 1.005rem, var(--cpi_font_size_9_max) ); --cpi_font_size_10: clamp( var(--cpi_font_size_10_min), -0.7346570397111916rem + 5.054151624548737vw, var(--cpi_font_size_10_max) ); --cpi_font_size_11: clamp( var(--cpi_font_size_11_min), -1.1588447653429608rem + 6.498194945848376vw, var(--cpi_font_size_11_max) ); --cpi_font_size_12: clamp( var(--cpi_font_size_12_min), 1.49859287054409rem + 2.8142589118198873vw, var(--cpi_font_size_12_max) ); --cpi_font_size_13: clamp( var(--cpi_font_size_13_min), 0.9092960288808665rem + 5.415162454873646vw, var(--cpi_font_size_13_max) ); /* ------------------------------------------------- >> Line Height ------------------------------------------------- */ --cpi_line_height_base_unit: 0.063rem; --line_height_xsmall: calc(var(--cpi_line_height_base_unit) * 1); --line_height_small: calc(var(--cpi_line_height_base_unit) * 1.1); --line_height_medium: calc(var(--cpi_line_height_base_unit) * 1.3); --line_height_large: calc(var(--cpi_line_height_base_unit) * 1.4); --line_height_xlarge: calc(var(--cpi_line_height_base_unit) * 1.5); /* ------------------------------------------------- >> Letter Spacing ------------------------------------------------- */ --cpi_letter_spacing_base_unit: 1rem; --letter_spacing_xsmall: calc(var(--cpi_letter_spacing_base_unit) * 0); --letter_spacing_small: calc(var(--cpi_letter_spacing_base_unit) * -0.5); --letter_spacing_medium: normal; --letter_spacing_large: calc(var(--cpi_letter_spacing_base_unit) * 1); --letter_spacing_xlarge: calc(var(--cpi_letter_spacing_base_unit) * 1.5); /* ------------------------------------------------- >> Border Radius ------------------------------------------------- */ --border_radius_small: calc(var(--cpi_base_unit) * 1); --border_radius_medium: calc(var(--cpi_base_unit) * 2); --border_radius_large: calc(var(--cpi_base_unit) * 2); /* ------------------------------------------------- >> Color variables ------------------------------------------------- */ /* >> Base Colors */ --cpi_color_primary: #ffc62f; --cpi_color_on_primary: #fefcf1; --cpi_color_secondary: #000000; --cpi_black_ctn: #000000; --cpi_black: #000000; --cpi_black_1: rgba(0, 0, 0, 0.2); --cpi_black_2: rgba(0, 0, 0, 0.3); --cpi_black_3: rgba(0, 0, 0, 0.5); --cpi_black_4: rgba(0, 0, 0, 0.4); --cpi_black_5: rgba(0, 0, 0, 0.6); --cpi_black_6: rgba(0, 0, 0, 0.9); --cpi_black_7: #0a0a0c; --cpi_black_8: #12141b; --cpi_black_9: #2b2b2b; --cpi_black_10: #292b2f; --cpi_white: #ffffff; --cpi_white_1: rgba(255, 255, 255, 0.3); --cpi_white_2: rgba(255, 255, 255, 0.7); --cpi_white_3: rgba(255, 255, 255, 0.5); --cpi_white_4: #f1f1f1; --cpi_white_5: #f1e9e9; --cpi_white_6: rgba(255, 255, 255, 0.9); --cpi_white_7: rgba(255, 255, 255, 0.6); --cpi_yellow: #ffc62f; --cpi_yellow_1: rgba(255, 199, 46, 0.4); --cpi_yellow_2: rgba(255, 199, 46, 0.5); --cpi_yellow_3: rgba(255, 199, 46, 0.6); --cpi_yellow_4: rgba(255, 199, 46, 0.8); --cpi_blue: #0062af; --cpi_blue_1: #66bbfd; --cpi_blue_2: rgba(104, 188, 253, 0.2); --cpi_blue_3: rgba(104, 188, 253, 0.5); --cpi_blue_4: rgba(104, 188, 253, 0.6); --cpi_blue_5: rgba(104, 188, 253, 0.8); --cpi_blue_6: #2ca8dd; --cpi_blue_7: #D3E9F4; --cpi_blue_8: #CDE5F3; --cpi_blue_bg: #0062af; --cpi_blue_bg-1: rgba(0, 98, 173, 0.8); --cpi_cream: #fefcf1; --cpi_transparent: transparent; --cpi_regular_text: #000000; --cpi_black_ctn_text: #000000; --cpi_regular_text_1: rgba(0, 0, 0, 0.6); --cpi_regular_text_2: #12141b; --cpi_white_text: #fff; --cpi_light_text: #fff; --cpi_field_bg: #fff; --cpi_success: #198754; --cpi_info: #2ca8dd; --cpi_warning: #ffc62f; --cpi_danger: #d2395c; --cpi_light: #f8f9fa; --cpi_dark: #212529; --cpi_signal: #d2395c; --cpi_signal_bg: #fbede9; --cpi_color_background: #ffffff; --cpi_color_on_background: #000; --cpi_border: #000000; --cpi_border-static: #000000; --cpi_border_1: rgba(0, 0, 0, 0.9); --cpi_border_2: #fff; --cpi_border_3: #0062af; --cpi_border_4: #ffc62f; --cpi_border_5: #011c46; --cpi_border_6: #f3efef; /* ------------------------------------------------- >> Base Colors >> Base colors are used for essential elements such as the logo, tables, links, blockquote, default buttons styling and this should't conflict with theme colors ------------------------------------------------- */ --cpi_body_color: var(--cpi_color_on_background); --cpi_body_bg: var(--cpi_color_background); --cpi_text_strong: var(--cpi_black); --cpi_white_text: var(--cpi_white); --cpi_highlight_color: var(--cpi_color_secondary); --cpi_highlight_bg: var(--cpi_color_primary); --cpi_caption: var(--cpi_black_8); --cpi_heading_color: var(--cpi_black); --cpi_heading_link_color: var(--cpi_regular_text); --cpi_heading_link_color_hover: var(--cpi_blue); --cpi_link_color: var(--cpi_color_secondary); --cpi_link_color_hover: var(--cpi_blue); --cpi_list_ul_marker_color: var(--cpi_color_secondary); --cpi_list_ol_marker_color: var(--cpi_color_secondary); --cpi_blockquote_color: var(--cpi_regular_text); --cpi_blockquote_border_color: var(--cpi_color_primary); --cpi_quote_color: var(--cpi_regular_text); --cpi_blockqoute_cite_color: var(--cpi_regular_text); --cpi_table_border_color: var(--cpi_border); --cpi_table_head_border_color: var(--cpi_border); --cpi_table_foot_border_color: var(--cpi_border); --cpi_strong_color: var(--cpi_black); --cpi_underline_border_color: var(--cpi_border); --cpi_abbr_border_color: var(--cpi_border); --cpi_delete_color: var(--cpi_danger); --cpi_insert_color: var(--cpi_success); --cpi_insert_border_color: var(--cpi_success); --cpi_code_color: var(--cpi_white_text); --cpi_code_bgcolor: var(--cpi_black); --cpi_pre_color: var(--cpi_white_text); --cpi_pre_bgcolor: var(--cpi_black); --cpi_mark_bgcolor: var(--cpi_black); --cpi_mark_color: var(--cpi_regular_text); --cpi_hr_color: var(--cpi_border); --cpi_input_color: var(--cpi_regular_text); --cpi_input_bg: var(--cpi_field_bg); --cpi_input_border_color: var(--cpi_border); --cpi_input_focus_color: #000000; --cpi_input_focus_bgcolor: #ffffff; --cpi_input_focus_border_color: var(--cpi_color_primary); --cpi_disabled_input_bgcolor: var(--cpi_field_bg); --cpi_disabled_input_border_color: var(--cpi_black_3); --cpi_placeholder_color: var(--cpi_black_3); --cpi_range_track_bgcolor: var(--cpi_color_on_background); --cpi_range_thumb_bgcolor: var(--cpi_color_primary); --cpi_color_field_border_color: var(--cpi_border); --cpi_color_field_bgcolor: var(--cpi_field_bg); --cpi_radio_color: var(--cpi_border); --cpi_radio_border_color: var(--cpi_border); --cpi_radio_bgcolor: var(--cpi_field_bg); --cpi_radio_after_bgcolor: var(--cpi_color_primary); --cpi_checkbox_color: var(--cpi_regular_text); --cpi_checkbox_border_color: var(--cpi_border); --cpi_checkbox_bgcolor: var(--cpi_field_bg); --cpi_checkbox_after_bgcolor: var(--cpi_color_primary); --cpi_progress_bgcolor: var(--cpi_color_on_background); --cpi_progress_value_bgcolor: var(--cpi_color_primary); --cpi_meter_bgcolor: var(--cpi_color_on_background); --cpi_meter_value_bgcolor: var(--cpi_color_primary); --cpi_button_color: var(--cpi_regular_text); --cpi_button_bgcolor: var(--cpi_color_primary); --cpi_button_color_hover: var(--cpi_white); --cpi_button_bgcolor_hover: var(--cpi_color_secondary); --cpi_reset_button_bgcolor: var(--cpi_button_bg_hover); --cpi_reset_button_color: var(--cpi_white_text); --cpi_theme_btn_color: var(--cpi_button_color); --cpi_theme_btn_bgcolor: var(--cpi_transparent); --cpi_theme_btn_color_hover: var(--cpi_button_color_hover); --cpi_theme_btn_bgcolor_hover: var(--cpi_button_bgcolor_hover); --cpi_theme_btn_border_color: var(--cpi_border); --cpi_theme_btn_border_color_hover: var(--cpi_border); --cpi_wp_btn_color: var(--cpi_white_text); --cpi_wp_btn_bgcolor: var(--cpi_button_bg); --cpi_wp_outline_btn_color: var(--cpi_white_text); --cpi_wp_outline_btn_border_color: var(--cpi_border); --cpi_wp_outline_btn_bgcolor: var(--cpi_black); --cpi_datepicker_bg_color: var(--cpi_border); --cpi_datepicker_select_bgcolor: var(--cpi_border); --cpi_datepicker_link_color: var(--cpi_white_text); --cpi_datepicker_calendar: var(--cpi_white_text); --cpi_datepicker_th_bgcolor: var(--cpi_border); --cpi_datepicker_even_tr_td_bgcolor: var(--cpi_border); --cpi_datepicker_border_color: var(--cpi_border); --cpi_datepicker_date_color: var(--cpi_regular_text); --cpi_valiation_error_bg_color: var(--cpi_danger_bg); --cpi_valiation_message_color: var(--cpi_danger); --cpi_error_field_border_color: var(--cpi_danger); --cpi_valiation_error_color: var(--cpi_danger); --cpi_confirmation_message_bgcolor: var(--cpi_success_bg); --cpi_confirmation_message_color: var(--cpi_regular_text); --cpi_confirmation_message_border_color: var(--cpi_border); --cpi_required_text_color: var(--cpi_danger); --cpi_invalid_error_border_color: var(--cpi_danger); --cpi_hubspot_error_label_color: var(--cpi_danger); --cpi_hubspot_required_color: var(--cpi_danger); --cpi_fileupload_rule_color: var(--cpi_light_text); --cpi_error_menu_color: var(--cpi_blue); --cpi_acc_btn_color: var(--cpi_black); --cpi_acc_btn_bgcolor: var(--cpi_white); --cpi_acc_btn_shadow: var(--cpi_danger); --cpi_comments_reply_btn_bgcolor: var(--cpi_button_bg); --cpi_comments_reply_btn_color: var(--cpi_white_text); --cpi_comments_reply_btn_bgcolor_hover: var(--cpi_button_bg_hover); --cpi_comments_reply_btn_color_hover: var(--cpi_white_text); --cpi_comment_meta_color: var(--cpi_regular_text); --cpi_comment_metadata_color: var(--cpi_light_text); --cpi_comments_list_border_color: var(--cpi_border); --cpi_widget_comments_meta_color: var(--cpi_light_text); --cpi_pagination_bgcolor: var(--cpi_black); --cpi_pagination_color: var(--cpi_black_5); --cpi_pagination_color_hover: var(--cpi_white_text); --cpi_pagination_bgcolor_hover: var(--cpi_blue_bg); --cpi_pagination_bgcolor_current: var(--cpi_blue_bg); --cpi_pagination_color_current: var(--cpi_white_text); --cpi_pagination_first_bgcolor: var(--cpi_white); --cpi_pagination_first_color: var(--cpi_regular_text); --cpi_pagination_border: var(--cpi_border); --cpi_widget_latest_post_meta_color: var(--cpi_danger); --cpi_widget_rss_feed_meta_color: var(--cpi_danger); --cpi_widget_search_button_color: var(--cpi_black); --cpi_wp_table_block_stripe_bg_color: var(--cpi_white); --cpi_breadcrumb_color: var(--cpi_black); --cpi_breadcrumb_link_color: var(--cpi_black); --cpi_breadcrumb_border_color: transparent; --cpi_breadcrumb_border_color_hover: var(--cpi_black); --cpi_breadcrumb_span_color: var(--cpi_black); --cpi_header_bgcolor: var(--cpi_transparent); --cpi_header_color: var(--cpi_black); --cpi_header_color_hover: var(--cpi_black); --cpi_header_bgcolor_sticky: var(--cpi_color_on_primary); --cpi_header_nav_border_color: var(--cpi_black); --cpi_header_submenu_bgcolor: var(--cpi_white); --cpi_header_submenu_color: var(--cpi_black_ctn_text); --cpi_header_submenu_color_hover: var(--cpi_header_color_hover); --cpi_header_mobile_color: var(--cpi_regular_text); --cpi_header_mobile_submenu_color: var(--cpi_regular_text); --cpi_nav_overlay_bgcolor: var(--cpi_color_on_primary); --cpi_mobile_nav_icon_bgcolor: var(--cpi_border); --cpi_abbr_border: var(--cpi_regular_text); --cpi_footer_bgcolor: var(--cpi_color_secondary); --cpi_footer_color: var(--cpi_white_text); --cpi_footer_color_hover: var(--cpi_white_text); --cpi_f_nav_color: var(--cpi_footer_color); --cpi_f_nav_color_hover: var(--cpi_footer_color_hover); --cpi_f_nav_border_color: var(--cpi_border_2); --cpi_f_nav_border_color_hover: var(--cpi_border_2); --cpi_copyright_color: var(--cpi_white_text); --cpi_legal_nav_color: var(--cpi_white_text); --cpi_legal_nav_border_color: var(--cpi_white_text); --cpi_legal_nav_border_color_hover: var(--cpi_white_text); --cpi_legal_text_color: var(--cpi_white_text); --cpi_style_bg: #821212; --cpi_style_text: #000000; --cpi_style_link: #000000; --cpi_style_button: #00a4eb; --wp--preset--color: var(--cpi_white_text); --wp--preset--bgcolor: var(--cpi_black); } .primary { color: var(--cpi_color_on_primary); background-color: var(--cpi_color_primary); } .on-primary { color: var(--cpi_color_primary); background-color: var(--cpi_color_on_primary); } .primary-container { color: var(--cpi_color_on_primary-container); background-color: var(--cpi_color_primary-container); } .on-primary-container { color: var(--cpi_color_primary-container); background-color: var(--cpi_color_on_primary-container); } .secondary { color: var(--cpi_color_on_secondary); background-color: var(--cpi_color_secondary); } .on-secondary { color: var(--cpi_color_secondary); background-color: var(--cpi_color_on_secondary); } .secondary-container { color: var(--cpi_color_on_secondary-container); background-color: var(--cpi_color_secondary-container); } .on-secondary-container { color: var(--cpi_color_secondary-container); background-color: var(--cpi_color_on_secondary-container); } .tertiary { color: var(--cpi_color_on_tertiary); background-color: var(--cpi_color_tertiary); } .on-tertiary { color: var(--cpi_color_tertiary); background-color: var(--cpi_color_on_tertiary); } .tertiary-container { color: var(--cpi_color_on_tertiary-container); background-color: var(--cpi_color_tertiary-container); } .on-tertiary-container { color: var(--cpi_color_tertiary-container); background-color: var(--cpi_color_on_tertiary-container); } .background { color: var(--cpi_color_on_background); background-color: var(--cpi_color_background); } .surface { color: var(--cpi_color_on_surface); background-color: var(--cpi_color_surface); } .surface-variant { color: var(--cpi_color_on_surface-variant); background-color: var(--cpi_color_surface-variant); } .on-surface-variant { color: var(--cpi_color_surface-variant); background-color: var(--cpi_color_on_surface-variant); } .outline { border: 1px solid var(--cpi_color_outline); } .inverse-surface { color: var(--cpi_color_on_inverse-surface); background-color: var(--cpi_color_inverse-surface); } .on-inverse-surface { color: var(--cpi_color_inverse-surface); background-color: var(--cpi_color_on_inverse-surface); } .inverse-primary { color: var(--cpi_color_on_inverse-primary); background-color: var(--cpi_color_inverse-primary); } .on-inverse-primary { color: var(--cpi_color_inverse-primary); background-color: var(--cpi_color_on_inverse-primary); } .surface-tint { background-color: var(--cpi_color_on_surface-tint); } .error { color: var(--cpi_color_on_error); background-color: var(--cpi_color_error); } .on-error { color: var(--cpi_color_error); background-color: var(--cpi_color_on_error); } .error-container { color: var(--cpi_color_on_error-container); background-color: var(--cpi_color_error-container); } .on-error-container { color: var(--cpi_color_error-container); background-color: var(--cpi_color_on_error-container); } .black { background-color: var(--md-ref-palette-black); } .black-text { color: var(--md-ref-palette-black); } .white { background-color: var(--md-ref-palette-white); } .white-text { color: var(--md-ref-palette-white); } /* ------------------------------------------------------------------ > Mixins ------------------------------------------------------------------ */ /* Rem output with px fallback */ /* Rem output with px fallback with !important */ /* Column width with margin */ /* Column width with margin */ /* Mixin for transition */ /* ------------------------------------------------------------------ > Fonts ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Defaults ------------------------------------------------------------------ */ /*------------------------------------------------- >> Normalize styles -------------------------------------------------*/ /*------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles -------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; outline: 0; vertical-align: baseline; } *, *::before, *::after { box-sizing: inherit; } html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); scroll-padding-top: 180px; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } a { background-color: transparent; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); } img { border-style: none; } summary { display: list-item; } template, [hidden] { display: none; } /*------------------------------------------------- >> Clearing styles -------------------------------------------------*/ .clear { content: ""; display: table; table-layout: fixed; clear: both; } .clear::before, .clear::after { clear: both; } /* ------------------------------------------------------------------ > Typography ------------------------------------------------------------------ */ /*------------------------------------------------- >> Styles for headings -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ h1, .heading-1, h2, .heading-2, h3, .heading-3, h4, .heading-4, h5, .heading-5, h6, .heading-6 { font-family: "begum", sans-serif; font-weight: 300; margin: 0 0 20px; color: var(--cpi_heading_color); line-height: 1.3; text-transform: initial; } h1 strong, h1 b, .heading-1 strong, .heading-1 b, h2 strong, h2 b, .heading-2 strong, .heading-2 b, h3 strong, h3 b, .heading-3 strong, .heading-3 b, h4 strong, h4 b, .heading-4 strong, .heading-4 b, h5 strong, h5 b, .heading-5 strong, .heading-5 b, h6 strong, h6 b, .heading-6 strong, .heading-6 b { font-weight: 700; } h1 a, .heading-1 a, h2 a, .heading-2 a, h3 a, .heading-3 a, h4 a, .heading-4 a, h5 a, .heading-5 a, h6 a, .heading-6 a { color: var(--cpi_heading_link_color); border-bottom: none; } h1 a:hover, h1 a:focus-visible, .heading-1 a:hover, .heading-1 a:focus-visible, h2 a:hover, h2 a:focus-visible, .heading-2 a:hover, .heading-2 a:focus-visible, h3 a:hover, h3 a:focus-visible, .heading-3 a:hover, .heading-3 a:focus-visible, h4 a:hover, h4 a:focus-visible, .heading-4 a:hover, .heading-4 a:focus-visible, h5 a:hover, h5 a:focus-visible, .heading-5 a:hover, .heading-5 a:focus-visible, h6 a:hover, h6 a:focus-visible, .heading-6 a:hover, .heading-6 a:focus-visible { color: var(--cpi_heading_link_color_hover); } h1, .heading-1 { font-size: var(--cpi_font_size_6); line-height: 1.1; letter-spacing: -2.25px; } h1 strong, h1 b, .heading-1 strong, .heading-1 b { font-weight: 700; } h1.large, .heading-1.large { font-size: clamp(2.688rem, 8.186vw - 1.139rem, 5rem); letter-spacing: -1.6px; line-height: 1; } h2, .heading-2 { font-size: var(--cpi_font_size_5); letter-spacing: -1px; } h3, .heading-3 { font-size: var(--cpi_font_size_4); line-height: 1.2; letter-spacing: -0.68px; } h4, .heading-4 { font-size: var(--cpi_font_size_3); line-height: 1.5; letter-spacing: -0.48px; } h5, .heading-5 { font-size: var(--cpi_font_size_2); letter-spacing: -0.4px; } h6, .heading-6 { font-size: var(--cpi_font_size_1); } /*------------------------------------------------- >> Styles for content tags -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ i, em, var, address, dfn { font-style: italic; } code, pre, kbd, tt, var, samp { font-family: monospace; } abbr, acronym { border-bottom: 1px dotted var(--cpi_abbr_border_color); text-decoration: none; cursor: help; } abbr[title] { text-decoration: none; } address { margin: 0 0 30px; } mark { background-color: var(--cpi_mark_bgcolor); color: var(--cpi_mark_color); padding: 3px 7px; } small { font-size: 80%; } big { font-size: 125%; } s, strike, del { text-decoration: line-through; } b, strong { font-weight: 700; color: var(--cpi_strong_color); } u { border-bottom: 1px solid var(--cpi_underline_border_color); text-decoration: none; } del { color: var(--cpi_delete_color); } ins { color: var(--cpi_insert_color); border-bottom: 1px solid var(--cpi_insert_border_color); text-decoration: none; } sub, sup { font-size: 70%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -4px; } sup { top: -8px; } code, pre, kbd, tt { max-width: 100%; overflow: auto; margin: 0 0 30px; } code, kbd, tt { color: var(--cpi_code_color); background-color: var(--cpi_code_bgcolor); padding: 3px 7px; } pre { color: var(--cpi_pre_color); background-color: var(--cpi_pre_bgcolor); padding: 20px 25px; overflow-x: scroll; } hr { background-color: var(--cpi_hr_bgcolor); border: 0; height: 1px; margin-bottom: 30px; } audio, video { margin-bottom: 30px; width: 100%; } /* ------------------------------------------------------------------ > Elements ------------------------------------------------------------------ */ /*------------------------------------------------- >> Styles for tables -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ body { font-family: "proxima-nova", sans-serif; font-weight: 300; position: relative; font-size: var(--cpi_font_size_2); color: var(--cpi_body_color); background-color: var(--cpi_body_bg); line-height: 1.5; overflow-x: hidden; position: relative; } p { margin: 0 0 30px; } p:last-child { margin-bottom: 0; } ::-moz-selection { color: var(--cpi_highlight_color); background-color: var(--cpi_highlight_bg); } ::selection { color: var(--cpi_highlight_color); background-color: var(--cpi_highlight_bg); } html { scroll-behavior: smooth; } .page-template-template-story-list .hero-section, body.archive .hero-section, .page-template-template-about .hero-section { overflow: visible; } .page-template-default .main-section, .page-template-template-home .main-section, .page-template-template-story-list .main-section, .page-template-template-about .main-section, body.archive .main-section { overflow: hidden; } .story-list-hero { background-color: var(--cpi_color_on_primary); } .story-list-hero .gradient-bg:nth-child(1) { background-color: var(--cpi_yellow_3); transform: rotate(154.65deg); width: clamp(30.188rem, 50.882vw + 11.107rem, 51.813rem); height: clamp(14.813rem, 25vw + 5.438rem, 25.438rem); top: clamp(6.688rem, 59.071vw - 20.928rem, 23.375rem); right: clamp(-36.25rem, -54.425vw + 4.569rem, -20.875rem); left: auto; z-index: 1; } .page-template-template-about h3, .page-template-template-about .heading-3 { line-height: 1.4; letter-spacing: 0; } .page-template-template-about .heading-5 { letter-spacing: -0.4px; line-height: 1.3; } .page-template-template-tools-and-platforms .c-path-hero { padding-bottom: clamp(4.188rem, 6.858vw + 0.981rem, 6.125rem); } .page-template-template-tools-and-platforms .tab-nav { margin-bottom: clamp(2.313rem, -1.77vw + 3.64rem, 2.813rem); } .has-category-filter .footer-ctn { padding-bottom: 90px; } /*------------------------------------------------- >> Styles for links -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ a { text-decoration: none; transition: all 0.3s ease-in-out; color: var(--cpi_link_color); outline: none; position: relative; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .page-section a, .page-section:visited, .hero-content a { color: var(--cpi_link_color); padding-bottom: 0; text-decoration: underline; text-decoration-thickness: 1px; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; text-underline-offset: 4px; } .page-section a:hover, .page-section a:active, .page-section:visited:hover, .page-section:visited:active { color: var(--cpi_link_color_hover); text-decoration-color: var(--cpi_blue); } .post-image a, .post-image:visited, .post-title a, .post-title:visited { border-bottom: none; } /*------------------------------------------------- >> Styles for images and figures -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ img { height: auto; max-width: 100%; } a img { border: none; outline: none; margin-bottom: 0; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ figure { margin: 0 0 30px; } figure figcaption { color: var(--cpi_caption); font-size: 90%; margin: 12px 0 30px; font-size: 16px; letter-spacing: -0.32px; font-weight: 400; } figure img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } picture { margin: 0 0 30px; display: inline-block; } svg { margin: 0 0 30px; } .gallery .gallery-item a { border-bottom: none; } figure.wp-block-image.alignfull.size-thumbnail { margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); max-width: 100vw; } figure.wp-block-image.alignwide.size-thumbnail { margin: 0 -200px; max-width: 140%; } /*------------------------------------------------- >> Styles for lists -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ header ul, header ol, footer ul, footer ol { list-style: none; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ dl { margin: 0 0 30px; } dl dt { font-weight: 700; } dl dd { margin: 0 0 12px; } ul, ol { margin: 0 0 30px 13px; } ul li, ol li { margin: 0 0 30px; box-sizing: border-box; } ul ul, ol ol, ul ol, ol ul { margin: 30px 0 30px 13px; } .page-section ul { list-style: none; } .page-section ul ul, .page-section ul ol { margin-left: 13px; } .page-section ul li { padding-left: 25px; position: relative; letter-spacing: -0.4px; font-size: 20px; } .page-section ul li::before { content: ""; width: 4px; height: 4px; background-position: left top; position: absolute; background-color: var(--cpi_list_ul_marker_color); left: 8px; top: 15px; border-radius: 50%; } .page-section ul ol { counter-reset: list1; } .page-section ul ol li::before { counter-increment: list1; content: counters(list1, ".") "."; } .page-section ol { counter-reset: list; list-style-type: none; } .page-section ol ol, .page-section ol ul { margin-left: 13px; } .page-section ol li { position: relative; padding-left: 24px; } .page-section ol li::marker { display: none; } .page-section ol li::before { color: var(--cpi_ol_list_marker_color); font-family: "proxima-nova", sans-serif; content: counters(list, ".") "."; counter-increment: list; left: 0; top: 0; position: absolute; background-color: transparent; } .page-section ol ol li { padding-left: 34px; } .page-section ol ol ol li { padding-left: 50px; } .page-section ol ol ol ol li { padding-left: 72px; } .page-section ol ul { counter-reset: unset; } .page-section ol ul li { padding-left: 18px; } .page-section ol ul li::before { content: ""; width: 4px; height: 4px; background-position: left top; position: absolute; background-color: var(--cpi_list_ul_marker_color); left: 0; top: 15px; } /*------------------------------------------------- >> Styles for quotes -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ blockquote, q { quotes: none; } blockquote, blockquote.wp-block-quote.is-style-large.wp-block-quote.is-style-large { position: relative; color: var(--cpi_blockquote_color); padding: 0 0 5px 46px; margin: 0 0 30px; } blockquote h5, blockquote h6, blockquote.wp-block-quote.is-style-large.wp-block-quote.is-style-large h5, blockquote.wp-block-quote.is-style-large.wp-block-quote.is-style-large h6 { font-size: 24px; line-height: 1.5; } blockquote::before, blockquote.wp-block-quote.is-style-large.wp-block-quote.is-style-large::before { content: ""; position: absolute; top: 6px; left: 0; height: 58%; width: 2px; background-color: var(--cpi_blockquote_border_color); } blockquote h2, blockquote .heading-2, blockquote h3, blockquote .heading-3, blockquote h4, blockquote .heading-4, blockquote h5, blockquote .heading-5, blockquote h6, blockquote .heading-6, blockquote.wp-block-quote.is-style-large.wp-block-quote.is-style-large h2, blockquote.wp-block-quote.is-style-large.wp-block-quote.is-style-large .heading-2, blockquote.wp-block-quote.is-style-large.wp-block-quote.is-style-large h3, blockquote.wp-block-quote.is-style-large.wp-block-quote.is-style-large .heading-3, blockquote.wp-block-quote.is-style-large.wp-block-quote.is-style-large h4, blockquote.wp-block-quote.is-style-large.wp-block-quote.is-style-large .heading-4, blockquote.wp-block-quote.is-style-large.wp-block-quote.is-style-large h5, blockquote.wp-block-quote.is-style-large.wp-block-quote.is-style-large .heading-5, blockquote.wp-block-quote.is-style-large.wp-block-quote.is-style-large h6, blockquote.wp-block-quote.is-style-large.wp-block-quote.is-style-large .heading-6 { margin-bottom: 0; } blockquote p, blockquote.wp-block-quote.is-style-large.wp-block-quote.is-style-large p { margin-bottom: 15px; } blockquote p:last-child, blockquote.wp-block-quote.is-style-large.wp-block-quote.is-style-large p:last-child { margin-bottom: 0; } .quote-author-info { margin-top: 35px; } .quote-author { font-weight: 600; line-height: 150%; letter-spacing: -0.48px; } .wp-block-quote.has-text-align-right { padding: 0 46px 5px 0; } .wp-block-quote.has-text-align-right::before { left: auto; right: 0; } .wp-block-quote.has-text-align-right.is-style-plain { border-right: none; } .wp-block-quote.has-text-align-left.is-style-plain { padding: 0; } .wp-block-quote.has-text-align-left.is-style-plain::before { display: none; } .wp-block-quote.has-text-align-center { padding: 20px 5px; } .wp-block-quote.has-text-align-center::before { display: none; } .wp-block-quote.is-style-plain::before { display: none; } .wp-block-quote.is-style-large { border-left: 0; } figure.wp-block-pullquote { border-top: 2px solid var(--cpi_blockquote_border_color); border-bottom: 2px solid var(--cpi_blockquote_border_color); padding-left: 10px; padding-right: 10px; } figure.wp-block-pullquote blockquote { border-left: none; margin-bottom: 0; padding: 10px; } figure.wp-block-pullquote blockquote::before { display: none; } figure.wp-block-pullquote.alignleft, figure.wp-block-pullquote.alignright { padding: 35px 10px; } q { quotes: "“" "”"; color: var(--cpi_quote_color); position: relative; } cite { display: block; margin-top: 15px; font-size: 80%; text-transform: uppercase; font-weight: 500; color: var(--cpi_blockqoute_cite_color); font-family: "IBM Plex Mono", monospace; font-style: italic; position: relative; } cite::before { content: "- "; display: inline-block; top: -11px; } .pullquote blockquote { margin: 59px 0 55px; border-left: 0; padding: 50px 0 46px; position: relative; } .pullquote blockquote h2, .pullquote blockquote .heading-2, .pullquote blockquote h3, .pullquote blockquote .heading-3, .pullquote blockquote h4, .pullquote blockquote .heading-4, .pullquote blockquote h5, .pullquote blockquote .heading-5, .pullquote blockquote h6, .pullquote blockquote .heading-6, .pullquote blockquote p { margin-bottom: 0; } .pullquote blockquote .heading-3 { line-height: 1.09; font-weight: 400; } .pullquote blockquote p { padding-right: 0; margin-bottom: 0; } .pullquote blockquote::before, .pullquote blockquote::after { content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; width: 180px; height: 1px; background-color: var(--cpi_border_3); } .pullquote blockquote::before { top: 0; } .pullquote blockquote::after { bottom: 0; } .quote-slider { padding-bottom: 2px; position: relative; z-index: 2; } .quote-slider .owl-stage { display: flex; } .quote-slider .owl-item, .quote-slider .item { display: flex; flex-wrap: wrap; } .quote-ctn h3 { letter-spacing: -0.6px; font-size: clamp(1.25rem, 1.104vw + 0.735rem, 1.563rem); } .quote-ctn .quote-author-info { margin-right: clamp(0rem, 13.333vw - 5rem, 5rem); } .quote-ctn .owl-stage-outer, .timeline-slider .owl-stage-outer { overflow: visible; } .quote-ctn .owl-stage, .timeline-slider .owl-stage { padding-left: 0 !important; display: flex; align-items: stretch; } .quote-slide { border: 0.7px solid var(--cpi_border); border-radius: 34px; background-color: var(--cpi_color_on_primary); overflow: hidden; position: relative; } .quote-slide h3 { font-weight: 400; line-height: 1.3; } .quote-slide a, .quote-slide a:visited { text-decoration: none; } .quote-slide a:hover, .quote-slide a:focus-visible, .quote-slide a:visited:hover, .quote-slide a:visited:focus-visible { color: initial; } .quote-slide a:hover .quote-gradient, .quote-slide a:focus-visible .quote-gradient, .quote-slide a:visited:hover .quote-gradient, .quote-slide a:visited:focus-visible .quote-gradient { background-color: var(--cpi_blue_1); } .quote-gradient { width: clamp(13.938rem, 2.655vw + 12.696rem, 14.688rem); height: clamp(10.875rem, 1.991vw + 9.944rem, 11.438rem); background-color: var(--cpi_yellow); filter: blur(125px); transition: all 0.3s ease-in-out; position: absolute; top: clamp(0.063rem, 0.885vw - 0.351rem, 0.313rem); left: clamp(-3.625rem, 13.938vw - 10.141rem, 0.313rem); } .quote-slide-inner { padding: 35px 45px 58px; position: relative; height: 100%; box-sizing: border-box; } .quote-slide-inner blockquote { padding-left: 11px; margin: 31px 0 0 0; } .quote-slide-inner blockquote h5 { font-weight: 700; font-size: var(--cpi_font_size_2_max); line-height: 1.3; } .quote-slide-inner blockquote::before { display: none; } .quote-slide-inner .quote-author-designation { font-size: var(--cpi_font_size_2); font-family: "begum", sans-serif; font-weight: 400; line-height: 1.3; font-style: italic; margin-top: 1px; } .quote-slide-inner .quote-author-designation br { display: none; } .quote-slide-inner .quote-author-info h2, .quote-slide-inner .quote-author-info h3, .quote-slide-inner .quote-author-info h4, .quote-slide-inner .quote-author-info h5, .quote-slide-inner .quote-author-info h6 { letter-spacing: 0; } .quote-slide-inner .post-arrow { bottom: 68px; right: 45px; width: 59px; } .quote-author-designation { margin-top: 3px; } .quote-image { width: clamp(8.188rem, 5.312vw + 6.813rem, 11.063rem); height: clamp(5.938rem, 3.811vw + 4.952rem, 8rem); line-height: 0.6; } .quote-image img { border-radius: 60px; } /*------------------------------------------------- >> Styles for tables -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; margin: 0 0 30px; width: 100%; table-layout: fixed; text-align: left; box-sizing: border-box; } table p:last-child { margin-bottom: 0; } table caption { color: var(--cpi_caption_color); font-size: 90%; margin: 0 0 20px; } tr, tbody tr { border-bottom: 1px solid var(--cpi_table_border_color); } tr:last-child, tbody tr:last-child { border-bottom: none; } td, th { padding: 10px 15px; vertical-align: middle; } .wp-block-table thead, thead { border-bottom-width: 2px; } thead tr { border: none; } thead tr:last-child { border-bottom: 1px solid var(--cpi_table_head_border_color); } thead th { font-weight: 700; } .wp-block-table tfoot, tfoot { border-top-width: 2px; } tfoot tr { border: none; } tfoot tr:first-child { border-top: 1px solid var(--cpi_table_foot_border_color); } tfoot td { font-weight: 700; } .wp-block-table tbody td { border: 1px solid var(--cpi_table_border_color); } .wp-block-table.is-style-stripes tbody tr, .wp-block-table.is-style-stripes tbody td { border: none; } .wp-block-table.is-style-stripes tfoot tr { border-top: 1px solid var(--cpi_table_head_border_color); } .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) { background-color: transparent; } .wp-block-table table.has-background tbody td, .wp-block-table table.has-background tbody tr { border: none; } .wp-block-table table.has-background tfoot tr { border-top: 1px solid var(--cpi_table_head_border_color); } .agenda-3-columns table tr:first-child td{ border: transparent; } .agenda-3-columns table tr td:first-child{ width: 25%; } .agenda-3-columns table tr td:nth-child(2){ width: 65%; } .agenda-3-columns table tr td:nth-child(3){ width: 10%; } .table-inner table { border-spacing: 20px 50px; border-collapse: separate; table-layout: auto; margin-bottom: 0; margin-left: -20px; } .table-inner th:not(:first-child), .table-inner td:not(.tb-label) { width: 29%; } .table-inner thead tr:last-child { border-bottom: none; } .table-inner thead th:not(:nth-child(1)) { background-color: var(--cpi_blue_7); font-size: var(--cpi_font_size_3); font-family: "begum", sans-serif; font-weight: 600; line-height: 1.5; letter-spacing: -0.4px; text-transform: uppercase; text-align: center; padding: 12px 15px 8px; } .table-inner tbody { position: relative; top: -50px; } .table-inner tbody tr { border-bottom: none; } .table-inner tbody tr:not(:first-child) td:not(.tb-label) { border-top: 1px solid var(--cpi_blue_8); } .table-inner tbody tr td { padding: 0; vertical-align: top; } .table-inner tbody tr td span { display: block; border-bottom: 1px solid var(--cpi_blue_8); padding: 15px 9px 16px; font-size: var(--cpi_font_size_1); } .table-inner tbody tr td.tb-label { vertical-align: middle; text-align: center; background-color: var(--cpi_cream); font-size: var(--cpi_font_size_2); font-family: "begum", sans-serif; font-weight: 500; line-height: 1.3; letter-spacing: -0.4px; border-bottom: none; width: 12.25%; text-transform: capitalize; } .theme-table-section .table-head { max-width: 960px; width: 90%; } .theme-table-section .table-head .heading-3 { font-weight: 600; letter-spacing: 0; margin-bottom: 46px; } /*------------------------------------------------- >> Styles for frames and embeds -------------------------------------------------*/ /*------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles -------------------------------------------------*/ embed, iframe, object { max-width: 100%; } /*------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required -------------------------------------------------*/ /*------------------------------------------------- >> Styles for Program Filter -------------------------------------------------*/ .program-filter-ctn { position: fixed; bottom: 6px; width: 100%; z-index: 10; } .program-filter-wrapper { max-width: 1440px; width: calc(100% - 20px); margin: 0 auto; gap: 14px 6px; justify-content: space-between; } .program-filter-wrapper form, .program-filter-wrapper input[type=search] { margin-bottom: 0; } .program-filter-wrapper button { text-align: left; position: relative; letter-spacing: -0.5px; } .program-filter-wrapper button:hover, .program-filter-wrapper button:focus-visible { background-color: var(--cpi_white); color: var(--cpi_regular_text); } .program-filter-wrapper button:focus-visible { outline-color: var(--cpi_border_4); } .program-filter-wrapper button::before { content: ""; position: absolute; right: 18px; top: 26px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxOSAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNjUwMjYgMEwwLjMxNzg3MSA5LjkyMjA3TDIuMjcyMzEgMTJMOS42NTAyNiA0LjE1NTgyTDE3LjAyODIgMTJMMTguOTgyNiA5LjkyMjA3TDkuNjUwMjYgMFoiIGZpbGw9IiMxMDAwMDAiLz4KPC9zdmc+Cg==); background-repeat: no-repeat; background-size: 18px; width: 18px; height: 12px; transition: all 0.3s ease-in-out; } .program-filter-wrapper button.is-button-opened::before { transform: rotate(180deg); } .program-filter-wrapper button, .program-filter-wrapper input[type=search] { min-height: 65px; background-color: var(--cpi_white); border-radius: 10px; text-transform: initial; padding: 10px 50px 10px 20px; line-height: 1.1; border: 0.5px solid var(--cpi_border); } .program-filter-wrapper input[type=search] { padding-left: 28px; font-weight: 700; } .program-filter-wrapper input[type=search]::-moz-placeholder { color: var(--cpi_regular_text); } .program-filter-wrapper input[type=search]::placeholder { color: var(--cpi_regular_text); } .filter-logo { width: 50px; height: 65px; line-height: 0.6; } #area-of-focus-select { width: 25.642%; } #program-list-select { width: 40.728%; } .program-filter-search { width: 28.886%; } .select-dropdown { position: relative; } .select-dropdown ul { border: 0.5px solid var(--cpi_border); border-radius: 10px; margin: 0; position: absolute; width: 100%; box-sizing: border-box; bottom: 75px; left: 0; background-color: var(--cpi_white); } .select-dropdown ul li { cursor: pointer; } .program-icon-list { display: flex; gap: 18px; align-items: center; margin-bottom: 0; padding: 10.2px 14px; border-bottom: 1px solid var(--cpi_black_1); } .program-icon-list:last-child { margin-bottom: 0; } .program-select-icon, .area-of-focus-select-icon { width: 33px; height: 33px; line-height: 0.6; } .program-select-icon img, .area-of-focus-select-icon img { max-width: 33px; max-height: 33px; transition: all 0.3s ease-in-out; } .program-select-text, .area-of-focus-select-text { font-weight: 600; font-size: 16px; line-height: 1.1; transition: all 0.3s ease-in-out; } .program-select ul { padding: 25px 32px 22px; max-height: calc(100vh - var(--header_height)); overflow-y: auto; } .program-select ul li { width: auto; } .program-select ul li.list-active, .program-select ul li:focus-visible { font-weight: 600; text-decoration: underline; text-decoration-thickness: 1px; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; text-underline-offset: 2px; text-decoration-color: var(--cpi_border); } .program-select ul, .area-of-focus-select ul { opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .program-select ul.is-active-dropdown, .area-of-focus-select ul.is-active-dropdown { opacity: 1; visibility: visible; } .program-select ul li, .area-of-focus-select ul li { font-size: 16px; margin-bottom: 0px; font-weight: 400; letter-spacing: -0.32px; line-height: 1.7; } .program-select ul li.active, .area-of-focus-select ul li.active { font-weight: 600; text-decoration: underline; text-decoration-thickness: 1px; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; text-underline-offset: 3px; text-decoration-color: var(--cpi_border); } .program-select ul li:focus-visible .program-select-text, .program-select ul li:focus-visible .area-of-focus-select-text, .area-of-focus-select ul li:focus-visible .program-select-text, .area-of-focus-select ul li:focus-visible .area-of-focus-select-text { color: var(--cpi_blue); } .program-select ul li a, .program-select ul li a:visited, .area-of-focus-select ul li a, .area-of-focus-select ul li a:visited { text-decoration-thickness: 1.5px; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; text-underline-offset: 2px; } .program-select ul li a:hover, .program-select ul li a:focus-visible, .program-select ul li a:active, .program-select ul li a:visited:hover, .program-select ul li a:visited:focus-visible, .program-select ul li a:visited:active, .area-of-focus-select ul li a:hover, .area-of-focus-select ul li a:focus-visible, .area-of-focus-select ul li a:active, .area-of-focus-select ul li a:visited:hover, .area-of-focus-select ul li a:visited:focus-visible, .area-of-focus-select ul li a:visited:active { color: var(--cpi_link_color_hover); text-decoration-color: var(--cpi_blue); } /* ------------------------------------------------------------------ > Forms ------------------------------------------------------------------ */ /* ------------------------------------------------- >> Styles for form fields ------------------------------------------------- */ /* ------------------------------------------------- >> Styles for form Input fields ------------------------------------------------- */ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ form { margin: 0 0 20px; } label, legend { margin: 0 0 8px; display: inline-block; line-height: 1.1; font-size: 14px; letter-spacing: 1.68px; text-transform: uppercase; font-weight: 700; } label input { margin-top: 8px !important; } fieldset { margin: 10px 0 30px; display: block; } input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=search], input[type=password], input[type=time], input[type=date], input[type=datetime-local], input[type=week], input[type=month], input[type=file], input[type=range], input[list], input[type=string], select, textarea, input.hs-input, .gform-text-input-reset { font-family: "proxima-nova", sans-serif; font-weight: 400; font-size: 18px; height: 52px; width: 100%; border: 0.6px solid var(--cpi_input_border_color); background-color: var(--cpi_field_bg); color: var(--cpi_input_color); outline: none; padding: 14px 14px 12px; margin: 0 0 15px; max-width: 100%; box-sizing: border-box; border-radius: 4px; transition: all 0.4s ease-in-out; line-height: 1.3; } input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=search]:focus, input[type=password]:focus, input[type=time]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=week]:focus, input[type=month]:focus, input[type=file]:focus, input[type=range]:focus, input[list]:focus, input[type=string]:focus, select:focus, textarea:focus, input.hs-input:focus, .gform-text-input-reset:focus { border-color: var(--cpi_input_focus_border_color); } input[type=text]:active, input[type=number]:active, input[type=email]:active, input[type=tel]:active, input[type=url]:active, input[type=search]:active, input[type=password]:active, input[type=time]:active, input[type=date]:active, input[type=datetime-local]:active, input[type=week]:active, input[type=month]:active, input[type=file]:active, input[type=range]:active, input[list]:active, input[type=string]:active, select:active, textarea:active, input.hs-input:active, .gform-text-input-reset:active { border-color: var(--cpi_blue); } ::input-placeholder { color: var(--cpi_placeholder_color); text-transform: capitalize; } ::input-placeholder { color: var(--cpi_placeholder_color); } ::-moz-placeholder { color: var(--cpi_placeholder_color); } ::placeholder { color: var(--cpi_placeholder_color); } input[type=text]:disabled { background-color: var(--cpi_disabled_input_bgcolor); border: 1px solid var(--cpi_disabled_input_border_color); } input[type=hidden], datalist { display: none; } input[type=file] { padding: 9px; } input[type=search] { background-repeat: no-repeat; background-position: center right 10px; padding-right: 45px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDE4QzE0LjQxODMgMTggMTggMTQuNDE4MyAxOCAxMEMxOCA1LjU4MTcyIDE0LjQxODMgMiAxMCAyQzUuNTgxNzIgMiAyIDUuNTgxNzIgMiAxMEMyIDE0LjQxODMgNS41ODE3MiAxOCAxMCAxOFoiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2IDE2TDIwIDIwIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); background-repeat: no-repeat; background-size: 23px; background-position: center right 19px; } /* clears the ‘X’ from Internet Explorer */ input[type=search]::-ms-clear { display: none; width: 0; height: 0; } input[type=search]::-ms-reveal { display: none; width: 0; height: 0; } /* clears the ‘X’ from Chrome */ input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none; } input[type=color] { border: 1px solid var(--cpi_color_field_border_color); background-color: var(--cpi_color_field_bgcolor); height: 25px; width: 50px; margin: 0 0 20px; padding: 3px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; } ::-webkit-color-swatch-wrapper { padding: 0; } ::-webkit-color-swatch { border: 0; border-radius: 0; } ::-moz-color-swatch, ::-moz-focus-inner { border: 0; } ::-moz-focus-inner { padding: 0; } select { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNzczOCAwLjc3Njc5NEwxMC45OTggOS45OTk4MUwyMC4yMjExIDAuNzc2Nzk0IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==); background-repeat: no-repeat; background-position: center right 10px; background-size: 18px; } .ginput_container_multiselect select { min-height: 77px; } textarea { padding: 13px 14px 0 14px; height: 183px; resize: none; overflow: auto; } select.size-sm{ padding: 8px 30px 8px 10px; height: 36px; font-size: 16px; max-width: 250px; } /* ------------------------------------------------- >> Styles for buttons ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ input[type=image] { margin: 0 10px 0 0; } input[type=submit], button, input[type=button], input[type=reset] { padding: 24px 40px 24px 54px; display: block; line-height: 1.1; box-sizing: border-box; width: 100%; transition: all 0.4s ease-in-out; text-transform: uppercase; background-color: var(--cpi_button_bgcolor); color: var(--cpi_button_color); outline: none; border: none; border-radius: 100px; font-weight: 700; letter-spacing: 1.5px; font-size: 18px; min-height: 70px; outline: none; cursor: pointer; margin: 0; } input[type=submit]:hover, input[type=submit]:focus-visible, button:hover, button:focus-visible, input[type=button]:hover, input[type=button]:focus-visible { color: var(--cpi_button_color_hover); background-color: var(--cpi_button_bgcolor_hover); } input[type=reset] { background-color: var(--cpi_theme_btn_bgcolor); color: var(--cpi_theme_btn_color); } input[type=reset]:hover, input[type=reset]:focus-visible { color: var(--cpi_theme_btn_color); background-color: var(--cpi_theme_btn_bgcolor_hover); } .is-style-fill-boxed a.wp-block-button__link { border-radius: inherit; } .is-style-outline-boxed a.wp-block-button__link { color: black; border-radius: inherit; background-color: transparent; background-image: none; } /* ------------------------------------------------- >> Default styles for CheckBoxes ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ [type=checkbox]:checked, [type=checkbox]:not(:checked) { position: absolute; left: -9999px; } [type=checkbox]:checked + label, [type=checkbox]:not(:checked) + label, [type=checkbox]:checked + span, [type=checkbox]:not(:checked) + span { position: relative; padding-left: 26px; cursor: pointer; line-height: 20px; display: inline-block; color: var(--cpi_checkbox_color); box-sizing: border-box; margin: 0 20px 10px 0; font-weight: 400; } [type=checkbox]:checked + label::before, [type=checkbox]:not(:checked) + label::before, [type=checkbox]:checked + span::before, [type=checkbox]:not(:checked) + span::before { content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid var(--cpi_checkbox_border_color); background-color: var(--cpi_checkbox_bgcolor); } [type=checkbox]:checked + label::after, [type=checkbox]:not(:checked) + label::after, [type=checkbox]:checked + span::after, [type=checkbox]:not(:checked) + span::after { content: ""; width: 10px; height: 10px; background-color: var(--cpi_checkbox_after_bgcolor); position: absolute; top: 4px; left: 4px; transition: all 0.2s ease; } [type=checkbox]:not(:checked) + label::after, [type=checkbox]:not(:checked) + span::after { opacity: 0; transform: scale(0); } [type=checkbox]:checked + label::after, [type=checkbox]:checked + span::after { opacity: 1; transform: scale(1); } /* ------------------------------------------------- >> Default styles for Radio Buttons ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ [type=radio]:checked, [type=radio]:not(:checked) { position: absolute; left: -9999px; } [type=radio]:checked + label, [type=radio]:not(:checked) + label, [type=radio]:checked + span, [type=radio]:not(:checked) + span { position: relative; padding-left: 26px; cursor: pointer; line-height: 20px; display: inline-block; color: var(--cpi_radio_color); box-sizing: border-box; margin: 0 20px 10px 0; } [type=radio]:checked + label::before, [type=radio]:not(:checked) + label::before, [type=radio]:checked + span::before, [type=radio]:not(:checked) + span::before { content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid var(--cpi_radio_border_color); border-radius: 100%; background-color: var(--cpi_radio_bgcolor); } [type=radio]:checked + label::after, [type=radio]:not(:checked) + label::after, [type=radio]:checked + span::after, [type=radio]:not(:checked) + span::after { content: ""; width: 10px; height: 10px; background-color: var(--cpi_radio_after_bgcolor); position: absolute; top: 4px; left: 4px; border-radius: 100%; transition: all 0.2s ease; } [type=radio]:not(:checked) + label::after, [type=radio]:not(:checked) + span::after { opacity: 0; transform: scale(0); } [type=radio]:checked + label::after, [type=radio]:checked + span::after { opacity: 1; transform: scale(1); } /* ------------------------------------------------- >> Default styles for Meter Tag ------------------------------------------------- */ meter { -webkit-appearance: none; -moz-appearance: none; appearance: none; appearance: none; appearance: none; width: 100%; height: 6px; background-color: var(--cpi_meter_bgcolor); border-radius: 0; margin: 0 0 20px; box-shadow: none; } /* WebKit */ meter::-webkit-meter-bar { background: none; background-color: var(--cpi_meter_value_bgcolor); border-radius: 0; box-shadow: none; } meter::-webkit-meter-optimum-value { background: var(--cpi_meter_value_bgcolor); } meter::-webkit-meter-suboptimum-value { background: var(--cpi_meter_value_bgcolor); } meter::-webkit-meter-even-less-good-value { background: var(--cpi_meter_value_bgcolor); } /* Firefox */ meter::-moz-meter-bar { background: none; border-radius: 0; box-shadow: none; } meter:-moz-meter-optimum::-moz-meter-bar { background: var(--cpi_meter_value_bgcolor); } meter:-moz-meter-sub-optimum::-moz-meter-bar { background: var(--cpi_meter_value_bgcolor); } meter:-moz-meter-sub-sub-optimum::-moz-meter-bar { background: var(--cpi_meter_value_bgcolor); } /* ------------------------------------------------- >> Default styles for Progress Tag ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ progress { vertical-align: baseline; -webkit-appearance: none; -moz-appearance: none; appearance: none; appearance: none; appearance: none; width: 100%; height: 6px; border: none; background-color: var(--cpi_progress_bgcolor); border-radius: 0; margin: 0 0 20px; } progress::-webkit-progress-bar { background-color: var(--cpi_progress_bgcolor); border-radius: 0; } progress::-webkit-progress-value { background-color: var(--cpi_progress_value_bgcolor); border-radius: 0; } progress::-moz-progress-bar { background-color: var(--cpi_progress_value_bgcolor); border-radius: 0; } /* ------------------------------------------------- >> Default styles for Range Field ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ input[type=range] { padding: 0; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; border-radius: 0; height: 22px; } input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 6px; cursor: pointer; background-color: var(--cpi_range_track_bgcolor); border: none; animate: 0.2s; box-shadow: none; border-radius: 0; } input[type=range]::-moz-range-track { width: 100%; height: 6px; cursor: pointer; background-color: var(--cpi_range_track_bgcolor); border: none; animate: 0.2s; box-shadow: none; border-radius: 0; } input[type=range]::-webkit-slider-thumb { height: 14px; width: 14px; background-color: var(--cpi_range_thumb_bgcolor); cursor: pointer; -webkit-appearance: none; appearance: none; margin-top: -4px; box-shadow: none; border: none; border-radius: 0; } input[type=range]::-moz-range-thumb { height: 14px; width: 14px; background-color: var(--cpi_range_thumb_bgcolor); cursor: pointer; -moz-appearance: none; appearance: none; margin-top: -4px; box-shadow: none; border: none; border-radius: 0; } /* ------------------------------------------------- >> Default styles for forms ------------------------------------------------- */ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; -moz-appearance: button; appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Add the correct box sizing in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } [type=search] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; outline-offset: -2px; } ::-webkit-file-upload-button { -webkit-appearance: button; appearance: button; font: inherit; } .search-form { display: flex; justify-content: center; align-items: flex-start; } .search-form input[type=submit], .search-form button, .search-form input[type=button], .search-form input[type=reset] { margin: 0 0 10px 10px; } /* ------------------------------------------------- >> Default styles for Gravity Forms ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .gform_footer { margin-top: 17px; } .gfields { margin: 0; } .gf_clear { clear: both; } .ginput_left, .name_first { float: left; width: 48%; } .ginput_right, .name_last { float: right; width: 48%; } .gfield { box-sizing: border-box; position: relative; } .gfield_time_hour, .gfield_time_minute, .gfield_time_ampm { width: calc(33.33% - 3px); display: inline-block; } .gfield_time_minute { margin: 0 10px; width: calc(33.33% - 23px); } .below.hour_minute_colon, .gform_required_legend, .gform_validation_errors { display: none; } .gfield_post_tags_hint { margin-top: -18px; font-size: 14px; } .gfield.half-input-field { width: 48%; margin-right: calc(4% - 5px); display: inline-block; vertical-align: top; } .gfield.half-input-field.last { margin-right: 0; } .gfield_list_group { margin-bottom: 20px; } button.add_list_item, button.delete_list_item { margin: 0 10px 10px 0; padding: 4px 11px; font-size: 90%; height: 37px; position: relative; top: -5px; } button.delete_list_item { background-color: var(--cpi_reset_button_bgcolor); color: var(--cpi_reset_button_color); border: 2px solid transparent; } button.delete_list_item:hover, button.delete_list_item:focus-visible { background-color: transparent; border: 2px solid var(--cpi_reset-button-border-color-hover); } .gform_fileupload_rules { font-size: 90%; color: var(--cpi_fileupload_rule_color); margin-bottom: 10px; display: inline-block; position: relative; top: -14px; } /* ============================================= = Style For Date Picker for gravity form = ============================================= */ #ui-datepicker-div { border: none; width: 100%; max-width: 480px; background-color: var(--cpi_datepicker_bg_color); } .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all { background-color: var(--cpi_datepicker_bg_color); padding: 10px 12px; } .ui-datepicker-title select { width: 49%; margin-bottom: 0; margin-right: 2%; height: 46px; padding: 0 35px 0 18px; background-color: var(--cpi_datepicker_select_bgcolor); } a.ui-datepicker-prev.ui-corner-all, a.ui-datepicker-next.ui-corner-all { position: relative; } a.ui-datepicker-next.ui-corner-all { float: right; } .ui-datepicker-header a, .ui-datepicker-header a:visited { font-size: var(--cpi_font_size_3); cursor: pointer; margin-bottom: 10px; display: inline-block; } select.ui-datepicker-year { margin-right: 0; } #ui-datepicker-div table { border-collapse: collapse; border-spacing: 0; margin: 0 0 10px; font-size: var(--cpi_font_size_3); } .ui-datepicker_calendar a { font-size: var(--cpi_font_size_3); color: var(--cpi_datepicker_date_color); } .ginput_container_date { position: relative; } .ginput_container_date img.ui-datepicker-trigger { position: absolute; right: 10px; top: 15px; bottom: 0; } .gfield_radio .gchoice { display: inline-block; } table.ui-datepicker_calendar { max-width: 410px; background-color: var(--cpi_datepicker_calendar); } /* ===== End of Date Picker Style for Gravity Form ====== */ .validation_error { background-color: var(--cpi_valiation_error_bg_color); font-size: 13px; color: var(--cpi_valiation_error_color); padding: 2px 10px 6px; margin-bottom: 20px; text-align: center; font-weight: 400; } .validation_message { font-size: 13px; display: inline-block; color: var(--cpi_valiation_message_color); position: absolute; bottom: 11px; font-weight: 400; } .gfield_error input[type=text], .gfield_error input[type=number], .gfield_error input[type=email], .gfield_error input[type=tel], .gfield_error input[type=url], .gfield_error input[type=search], .gfield_error input[type=password], .gfield_error input[type=time], .gfield_error input[type=date], .gfield_error input[type=datetime-local], .gfield_error input[type=week], .gfield_error input[type=month], .gfield_error input[type=file], .gfield_error input[type=range], .gfield_error input[list], .gfield_error input[type=string], .gfield_error select, .gfield_error textarea, .gfield_error .gform-text-input-reset { border-color: var(--cpi_error_field_border_color); margin-bottom: 35px; } footer .gfield_error input[type=text], footer .gfield_error input[type=number], footer .gfield_error input[type=email], footer .gfield_error input[type=tel], footer .gfield_error input[type=url], footer .gfield_error input[type=search], footer .gfield_error input[type=password], footer .gfield_error input[type=time], footer .gfield_error input[type=date], footer .gfield_error input[type=datetime-local], footer .gfield_error input[type=week], footer .gfield_error input[type=month], footer .gfield_error input[type=file], footer .gfield_error input[type=range], footer .gfield_error input[list], footer .gfield_error input[type=string], footer .gfield_error select, footer .gfield_error textarea, footer .gfield_error .gform-text-input-reset { margin-bottom: 0; } footer .validation_message { bottom: -26px; } .gform_confirmation_message { background-color: var(--cpi_confirmation_message_bgcolor); padding: 20px; text-align: center; color: var(--cpi_confirmation_message_color); border: 1px solid var(--cpi_confirmation_message_border_color); } .gform_validation_errors { background-color: var(--cpi_valiation_error_bg_color); margin: 10px 0 30px; padding: 7px 14px; font-weight: 700; font-size: 105%; } .gform_validation_errors h2 { color: var(--wp--preset--color--white_text); margin-bottom: 0; font-size: 24px; font-size: 105%; } .gfield_required_text { color: var(--cpi_required_text_color); position: relative; margin-left: 5px; } /** * * Style for hidden field in gravity form * */ .gfield_visibility_hidden { display: none !important; } /** * * Spinner * */ img.gform_ajax_spinner { position: absolute; bottom: 0; left: 0; } /* ------------------------------------------------- >> Default styles for Hubspot Forms ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .hs-form { text-align: left; } .hs-form fieldset { margin: 0; } .hs-form ul { margin: 0; padding: 0; list-style-type: none; } .hs-form ul li { margin: 0; padding-left: 0; } .hs-form ul li label { margin: 0; } .hs-form ul li::before { display: none; } .hs-form ul.hs-error-msgs li, .hs-form ul.hs-error-msgs li label { padding-left: 0; color: var(--cpi_hubspot_error_label_color); font-size: 13px; margin: 0; position: relative; top: -5px; } .hs-form ul.hs-error-msgs li label, .hs-form ul.hs-error-msgs li label label { font-weight: 400; letter-spacing: 0; text-transform: initial; } .hs-form .error { text-align: left; } .hs-form .hs-fieldtype-checkbox ul.hs-error-msgs li, .hs-form .hs-fieldtype-booleancheckbox ul.hs-error-msgs li, .hs-form .hs-fieldtype-radio ul.hs-error-msgs li { margin: -6px 0 8px; } .hs-form .hs_error_rollup ul li { background-color: var(--cpi_valiation_error_bg_color); margin: 10px 0 22px; padding: 7px 14px; font-weight: 700; } .hs-form .hs-form-required { color: var(--cpi_hubspot_required_color); } .hs-form-field { position: relative; } .form-columns-2 .hs-form-field { display: inline-block; width: 49%; margin-right: calc(2% - 5px); } .form-columns-2 .hs-form-field:nth-child(2n+2) { margin-right: 0; } .hs-input.invalid { margin-bottom: 15px; } /* ------------------------------------------------- >> Default styles for Contact Form Forms ------------------------------------------------- */ .wpcf7-list-item { margin: 0 10px 0 0 !important; } .wpcf7-section label { display: block; } .wpcf7-form-control-wrap { display: block; margin-top: 10px; } .wpcf7-not-valid-tip { color: var(--cpi_valiation_error_color) !important; position: relative; top: -15px; } .wpcf7-response-output { margin: 0 !important; } /* ------------------------------------------------------------------ > Media ------------------------------------------------------------------ */ /*------------------------------------------------- >> Styles for WordPress captions -------------------------------------------------*/ .wp-caption { max-width: 100%; box-sizing: border-box; margin-bottom: 50px !important; } .wp-caption.alignnone { margin: 15px 0; } .wp-caption.alignleft { margin: 50px 20px 10px 0; } .wp-caption.alignright { margin: 5px 0 10px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0 0 8px; max-width: 100%; padding: 0; width: auto; } .wp-caption .wp-caption-text { margin: 0; text-align: left; } .wp-caption p.wp-caption-text { font-family: "proxima-nova", sans-serif; font-size: var(--cpi_font_size_4); margin: 0; text-transform: uppercase; word-spacing: 2.5px; letter-spacing: 1.5px; } .wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto; } /*------------------------------------------------- >> Styles for default WordPress galleries -------------------------------------------------*/ .gallery { margin-bottom: 24px; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-caption { display: block; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } .image-gallery-item { width: calc(50% - 4.5px); line-height: 0.6; } .image-gallery-item:nth-child(n+3) { margin-top: 9px; } .image-gallery-item img { border-radius: 30px; } .gallery-slider { position: relative; } .gallery-slider .owl-stage-outer { overflow: visible; } .gallery-slider .owl-item:nth-child(2n+1) .image-gallery-item { width: clamp(10.313rem, 17.436vw + 5.801rem, 19.75rem); height: clamp(6.313rem, 10.624vw + 3.564rem, 12.063rem); } .gallery-slider .owl-item:nth-child(2n+2) .image-gallery-item { width: clamp(10.938rem, 18.707vw + 6.097rem, 21.063rem); height: clamp(11.25rem, 19.053vw + 6.32rem, 21.563rem); } .gallery-slider .owl-item .image-gallery-item:nth-child(n+2) { margin-top: clamp(1.25rem, 2.425vw + 0.623rem, 2.563rem); } .gallery-slider .owl-stage { display: flex; align-items: center; } /* ------------------------------------------------------------------ > Core ------------------------------------------------------------------ */ /*------------------------------------------------- >> Accessibility styles for WordPress -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .skip-link.screen-reader-text { margin: 0px; overflow: hidden; width: 1px; position: absolute !important; word-wrap: normal !important; color: var(--cpi_acc_btn_color); background-color: var(--cpi_acc_btn_bgcolor); clip: auto !important; border: unset !important; border-radius: 0; left: -100%; font-size: 0.875rem; -webkit-clip-path: none; clip-path: none; font-weight: 700; height: auto; line-height: normal; padding: 9px 15px 9px; text-decoration: none; top: 8px; } .skip-link.screen-reader-text:hover, .skip-link.screen-reader-text:active, .skip-link.screen-reader-text:focus { display: block; width: auto; z-index: 100000; left: 8px; } #page-section[tabindex="-1"]:focus { outline: 0; } a, button, input[type=submit], .arrow-link, .closeBtn { outline: 2px dotted transparent; outline-offset: 5px; } a:focus-visible, button:focus-visible, input[type=submit]:focus-visible, .arrow-link:focus-visible, .closeBtn:focus-visible { outline-color: var(--cpi_border_5); } .post-box .post-logo a:focus-visible img { transform: scale(1.05); } .contact-details a { outline-offset: 0; } .white-header a:focus-visible, .white-header button:focus-visible, .white-header input[type=submit]:focus-visible, .footer-ctn a:focus-visible, .footer-ctn button:focus-visible, .footer-ctn input[type=submit]:focus-visible, .black-ctn a:focus-visible, .black-ctn button:focus-visible, .black-ctn input[type=submit]:focus-visible, .top-bar a:focus-visible, .top-bar button:focus-visible, .top-bar input[type=submit]:focus-visible, .header-nav ul li a:focus-visible, .header-nav ul li button:focus-visible, .header-nav ul li input[type=submit]:focus-visible { outline-color: var(--cpi_white); } a:focus-visible .post-arrow, a:focus-visible .right-arrow span, a:focus-visible .right-arrow a, a:focus-visible .black-stroke-arrow span, a:focus-visible .black-stroke-arrow a, a:focus-visible .arrow-link, a:visited:focus-visible .post-arrow, a:visited:focus-visible .right-arrow span, a:visited:focus-visible .right-arrow a, a:visited:focus-visible .black-stroke-arrow span, a:visited:focus-visible .black-stroke-arrow a, a:visited:focus-visible .arrow-link { outline-color: var(--cpi_border_5); } /*------------------------------------------------- >> Default WordPress alignments -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .alignnone { margin: 15px 0 30px; } .alignleft a.wp-block-button__link, .alignleft a.wp-block-button__link:visited, .alignright a.wp-block-button__link, .alignright a.wp-block-button__link:visited, .aligncenter a.wp-block-button__link, .aligncenter a.wp-block-button__link:visited { padding: 24px 49px !important; } .aligncenter { display: block; margin: 15px auto 30px; clear: both; text-align: center; } .alignright { float: right; margin: 15px 0 30px 20px; } .alignleft { float: left; margin: 15px 20px 30px 0; } .faq img.alignleft{ margin-top: 0; } a img.alignright { float: right; margin: 15px 0 30px 20px; } a img.alignnone { margin: 15px 0 30px; } a img.alignleft { float: left; margin: 15px 20px 30px 0; } a img.aligncenter { display: block; margin: 15px auto 30px; text-align: center; clear: both; } /*------------------------------------------------- >> Styles for posts and pages -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ .sticky { display: block; } .sticky .post-title { position: relative; padding-left: 30px; } .sticky .post-title::before { content: ""; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMC44NjE2IDYuOTk2MDRMMTUuMDk4NyAxLjI1MTgxQzE0LjYwODggMC43NjM0OTcgMTMuODI5OCAxLjI2NjQ2IDEzLjU5NjMgMS42OTc4MUMxMy41NTcxIDEuNzcxMDYgMTMuNjI3MyAxLjgzNzc5IDEzLjU2MzcgMi4zMzQyNUMxMy40OTQyIDIuOTY0NjcgMTMuMzQ1IDMuNTgzNzggMTMuMTE5NSA0LjE3NjgzTDEwLjU1NTcgNi43MzIzNUM5LjUzMzM5IDcuNzUyOTMgOC4wNzAyMSA3LjI5ODggNi44MjA5NiA2LjY4MDI2QzYuNTU4MDUgNi41NTAwNSA2LjIyMDAxIDYuMjYxOTQgNS45Mjc3IDYuNTUzM0w0Ljg0MTc1IDcuNjM1NzRDNC43NjU0NyA3LjcxMjAxIDQuNzIyNjMgNy44MTUzMyA0LjcyMjYzIDcuOTIzMDNDNC43MjI2MyA4LjAzMDczIDQuNzY1NDcgOC4xMzQwNSA0Ljg0MTc1IDguMjEwMzJMMTMuOTUyMyAxNy4yODk4QzE0LjAyODggMTcuMzY1OCAxNC4xMzI1IDE3LjQwODUgMTQuMjQwNSAxNy40MDg1QzE0LjM0ODYgMTcuNDA4NSAxNC40NTIyIDE3LjM2NTggMTQuNTI4OCAxNy4yODk4TDE1LjYxMzEgMTYuMjA3M0MxNS45MDIxIDE1LjkxOTIgMTUuNTMzMSAxNS41NDY1IDE1LjM4MjggMTUuMjMwN0MxNC44Mjc2IDE0LjA5MTMgMTQuMzI5NSAxMi41NTggMTUuMjU1NSAxMS42MzVMMTcuOTMyIDguOTgwMjRDMTguNTM5MSA4Ljc5NTU0IDE5LjE1ODQgOC42NTMwNSAxOS43ODU0IDguNTUzNzdDMjAuMjkgOC40NzQwMSAyMC4zNTIxIDguNTM3NSAyMC40MjM5IDguNDkwMjlDMjAuODY0OCA4LjIwNTQ0IDIxLjM1NDcgNy40ODc2MSAyMC44NjE2IDYuOTk2MDRaTTkuODAxMiAxNC40MTUyTDcuNzI1NjUgMTIuMzQ4TDEuMDY3ODcgMjAuNzQwNUwxLjM4MTQxIDIxLjA1MTRMOS44MDEyIDE0LjQxNTJaIiBmaWxsPSJibGFjayIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIwLjU3IiBzdHJva2UtbWl0ZXJsaW1pdD0iMjIuOTMiLz4KPC9zdmc+Cg==); background-repeat: no-repeat; position: absolute; top: 5px; left: 0; height: 30px; width: 30px; } .updated:not(.published) { display: none; } .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit following styles or write your own ------------------------------------------------- */ .post-shares { display: flex; } .post-shares a { margin-left: 8px; padding: 5px; border: 1px solid var(--wp--preset--color--black); border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; } .post-shares a:hover, .post-shares a:focus-visible { border: 1px solid var(--wp--preset--color--lblack); } .single__post { padding: clamp(2.563rem, 4.42vw + 1.527rem, 5.063rem) 0 clamp(5.25rem, 1.547vw + 4.887rem, 6.125rem); } .single__post p:last-of-type { margin-bottom: 0; } .single__post h3, .single__post .heading-4 { line-height: 1.1; } .single__post .stats { margin: 60px 0; } .single__post .image-block { margin: 60px 0 73px; } .single__post .image-gallery { margin: 51px 0 61px; } .related-posts .section-head h2 { font-weight: 600; } .related-posts.story-archive-ctn { background-color: transparent; padding-bottom: clamp(4.188rem, 8.628vw + 0.154rem, 6.625rem); } .single__post-inner { justify-content: space-between; } .single__post-content { max-width: 684px; padding-left: clamp(0rem, 16.667vw - 6.25rem, 6.25rem); } .single__post-content .wp-block-button { margin-top: clamp(1.875rem, 2.212vw + 0.841rem, 2.5rem); } .single__post-content .featured-text { box-sizing: border-box; } .single__post-content .featured-text p { padding-right: 0; } .single__post-content .size-auto.alignwide, .single__post-content .size-auto.alignfull, .single__post-content .size-full.alignwide, .single__post-content .size-full.alignfull, .single__post-content .size-large.alignwide, .single__post-content .size-large.alignfull, .single__post-content .size-medium.alignwide, .single__post-content .size-medium.alignfull, .single__post-content .size-thumbnail.alignwide, .single__post-content .size-thumbnail.alignfull, .single__post-content .featured-text.alignwide, .single__post-content .featured-text.alignfull { max-width: calc(100% + 96px); width: calc(100% + 96px); margin-left: -48px; } .single__post-content .heading-3 { line-height: 1.41; } .single__post-content h1 p, .single__post-content .heading-1 p, .single__post-content h2 p, .single__post-content .heading-2 p, .single__post-content h3 p, .single__post-content .heading-3 p, .single__post-content h4 p, .single__post-content .heading-4 p, .single__post-content h5 p, .single__post-content .heading-5 p, .single__post-content h6 p, .single__post-content .heading-6 p { letter-spacing: inherit; padding-right: 0; } .single__post-content p { padding-right: 11px; letter-spacing: -0.4px; } .single__post-content .stats p { padding-right: 0; line-height: 1.22; } .single__post-content .stat-info { padding-bottom: 6px; } .single__post-content .stat-text { margin-top: 11px; } .single__post-content .stat-three-columns { padding: 38px 54px 47px 72px; } .single__post-sticky { max-width: 98px; text-align: center; } .single__post-sticky button, .single__post-sticky .print-btn a, .single__post-sticky .pdf-btn a { margin: 0; padding: 9px 15px 7px; font-size: 14px; border: 1px solid var(--cpi_blue); background-color: transparent; color: var(--cpi_blue_bg-1); letter-spacing: 0; display: inline-flex; align-items: center; justify-content: center; -moz-column-gap: 5px; column-gap: 5px; min-height: auto; text-decoration: none; font-weight: 600; border-radius: 100px; text-transform: uppercase; max-width: 100%; width: 100%; box-sizing: border-box; } .single__post-sticky button svg, .single__post-sticky .print-btn a svg, .single__post-sticky .pdf-btn a svg { margin-bottom: 0; } .single__post-sticky button svg path, .single__post-sticky .print-btn a svg path, .single__post-sticky .pdf-btn a svg path { transition: all 0.3s ease-in-out; } .single__post-sticky button:hover, .single__post-sticky button:focus-visible, .single__post-sticky .print-btn a:hover, .single__post-sticky .print-btn a:focus-visible, .single__post-sticky .pdf-btn a:hover, .single__post-sticky .pdf-btn a:focus-visible { background-color: var(--cpi_black); border-color: var(--cpi_border); color: var(--cpi_white); border-color: var(--cpi_border); } .single__post-sticky-inner { position: sticky; top: 160px; } .print-btn a:hover svg path, .print-btn a:visited:hover svg path { stroke: var(--cpi_white); } .pdf-btn { margin-top: 8px; } .pdf-btn a:hover svg path, .pdf-btn a:visited:hover svg path { fill: var(--cpi_white); } .sticky-socials { flex-direction: column; align-items: center; gap: 8px; margin-top: 28px; } .sticky-socials a:hover, .sticky-socials a:focus-visible, .sticky-socials a:visited:hover, .sticky-socials a:visited:focus-visible { border-color: var(--cpi_border); } .sticky-socials a:hover .sticky-icon-bg, .sticky-socials a:focus-visible .sticky-icon-bg, .sticky-socials a:visited:hover .sticky-icon-bg, .sticky-socials a:visited:focus-visible .sticky-icon-bg { background-color: var(--cpi_black); } .sticky-socials span { color: var(--cpi_blue_bg-1); letter-spacing: 1.4px; text-transform: uppercase; font-weight: 600; font-size: 14px; margin-bottom: 4px; } .sticky-socials .sticky-icon { width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--cpi_blue); display: flex; justify-content: center; align-items: center; } .sticky-socials .sticky-icon img { max-width: 11px; max-height: 11px; } .sticky-icon-bg { width: 20px; height: 20px; background-color: var(--cpi_blue); border-radius: 50%; line-height: 0.6; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease-in-out; } .program-detail-content .bread-crumb { margin-bottom: 27px; } .program-detail-content li { margin-bottom: 0; } .program-detail-content strong { font-weight: 600; padding-left: 7px; padding-right: 10px; } .program-detail-content h2 { margin-bottom: 36px; } .program-detail-content p { letter-spacing: -0.4px; padding-right: 40px; } .program-detail-content p:last-of-type { margin-bottom: 0; } .program-detail-content .img-block.media-cover { padding: 28px 0 35px; line-height: 0.65; } .program-detail-content h3 { margin-bottom: 23px; border-bottom: 1px solid var(--cpi_border); padding-bottom: 13px; } .program-detail-content .icon-lists.two-columns { row-gap: var(--cpi_space_8); } .program-detail-content .icon-list { margin-bottom: 28px; } .program-detail-content .icon-list.column { margin: 0; } .program-detail-content .icon-list.column .icon-grid-icon { margin-top: -3px; } .program-detail-content .icon-list.column .icon-list-content { width: 86%; } .program-detail-content .icon-list.column .icon-list-content h5 { margin: 2px 0 0; line-height: 1.1; } .program-detail-content .icon-grid-icon { width: 58px; height: 58px; margin-right: 15px; margin-top: -2px; } .program-detail-content .icon-list-content { width: 92%; } .program-detail-content .icon-list-content h3, .program-detail-content .icon-list-content h4, .program-detail-content .icon-list-content h5, .program-detail-content .icon-list-content h6 { font-weight: 600; margin-bottom: 6px; } .program-detail-content .icon-list-content p { padding: 0; } .program-detail-content figure img { border-radius: 0; } .program-detail-content figure figcaption { margin: 26px 0 30px; font-size: 16px; letter-spacing: -0.43px; } .give-template { padding-top: 110px; position: relative; overflow: hidden; } .give-template-inner { flex-wrap: wrap; width: 100%; border-top: 1px solid var(--cpi_white); } .give-form-inner { border-radius: clamp(1.5rem, 3.54vw - 0.155rem, 2.5rem); background-color: var(--cpi_black); padding: clamp(2.313rem, 5.088vw - 0.066rem, 3.75rem) clamp(1.813rem, 5.752vw - 0.877rem, 3.438rem) clamp(2.063rem, 2.876vw + 0.718rem, 2.875rem); } .give-form { overflow: hidden; width: calc(50% + 91px); padding: clamp(4rem, 4.204vw + 2.035rem, 5.188rem) clamp(1.75rem, 11.947vw - 3.835rem, 5.125rem) 59px clamp(1.75rem, 9.071vw - 2.491rem, 4.313rem); display: flex; justify-content: flex-end; border-right: 1px solid var(--cpi_border); } .give-form h2 strong, .give-form h3 strong, .give-form h4 strong, .give-form h5 strong, .give-form h6 strong { font-weight: 600; } .give-form form input[type=submit] { background-color: var(--cpi_black_ctn_text); margin-top: 15px; color: var(--cpi_white_text); } .give-form form input[type=submit]:hover, .give-form form input[type=submit]:focus-visible { background-color: var(--cpi_yellow); color: var(--cpi_black_ctn_text); } .give-form .hs_error_rollup ul li { padding: 0 14px; } .give-form input[type=text], .give-form input[type=number], .give-form input[type=email], .give-form input[type=tel], .give-form input[type=url], .give-form input[type=search], .give-form input[type=password], .give-form input[type=time], .give-form input[type=date], .give-form input[type=datetime-local], .give-form input[type=week], .give-form input[type=month], .give-form input[type=file], .give-form input[type=range], .give-form input[list], .give-form input[type=string], .give-form select, .give-form textarea, .give-form h2, .give-form strong, .give-form span, .give-form a, .give-form a:visited, .give-form p, .give-form .gform-text-input-reset, .give-form label, .give-form legend { color: var(--cpi_black_ctn_text); } .give-form-inner .section-head .heading-2 { color: #000000; } .give-form-inner .donation-button.wp-block-button__link { padding: 0; border: unset; color: transparent; background-color: transparent; } .give-form-inner .donation-button a, .give-form-inner .donation-button a:visited { padding: 25px 49px; display: inline-block; background-color: black; color: white; min-height: 70px; } .give-form-inner .donation-button a:hover, .give-form-inner .donation-button a:visited:hover { background-color: var(--cpi_yellow); border-color: var(--cpi_black_4); color: var(--cpi_black_ctn_text); } .give-form { height: -moz-max-content; height: max-content; } .give-form, .give-right { box-sizing: border-box; } .give-right { width: calc(50% - 91px); padding: clamp(3.563rem, 5.973vw + 0.77rem, 5.25rem) 0 40px; background-color: var(--cpi_black_ctn); position: relative; margin: 0 auto; } .give-right .quote-image { width: clamp(8.188rem, 4.867vw + 5.912rem, 9.563rem); height: clamp(5.938rem, 3.54vw + 4.283rem, 6.938rem); } .give-right .owl-stage-outer { padding-left: 84px; } .give-right .quote-slide { background-color: transparent; width: clamp(17.063rem, 45.133vw - 4.037rem, 29.813rem); } .give-right .quote-slide .post-arrow img { transition: all 0.3s ease-in-out; } .give-right .quote-slide h2, .give-right .quote-slide h3 { font-size: clamp(1.125rem, 1.327vw + 0.504rem, 1.5rem); } .give-right .quote-slide a:hover .post-arrow, .give-right .quote-slide a:focus-visible .post-arrow, .give-right .quote-slide a:visited:hover .post-arrow, .give-right .quote-slide a:visited:focus-visible .post-arrow { border-color: var(--cpi_border_4); } .give-right .quote-slide a:hover .post-arrow img, .give-right .quote-slide a:focus-visible .post-arrow img, .give-right .quote-slide a:visited:hover .post-arrow img, .give-right .quote-slide a:visited:focus-visible .post-arrow img { filter: invert(1); } .give-right .quote-author-info { margin-right: 150px; margin-top: 30px; } .give-right .quote-slide-inner { padding: 35px 68px 41px 56px; } .give-right .quote-slide-inner blockquote { margin-top: clamp(0.875rem, 7.522vw - 2.642rem, 3rem); padding-left: 0; } .give-right .quote-slide-inner .post-arrow { bottom: 50px; right: 44px; } .no-form .partner-logos-ctn { text-align: center; } .no-form .give-right .owl-stage-outer { overflow: visible !important; } .no-form .give-logos { justify-content: center; } .no-form .give-right { width: 100%; } .no-form .partner-logos-ctn { max-width: 1180px; margin-left: auto; margin-right: auto; } .no-form .give-right { padding-bottom: 60px; } .give-form-inner { width: clamp(19.688rem, 57.5vw - 1.875rem, 41.25rem); position: relative; } .partner-logos-ctn { margin-top: clamp(2.125rem, 6.637vw - 0.978rem, 4rem); padding: 0 clamp(1.813rem, 6.416vw - 1.187rem, 3.625rem); } .partner-logos-ctn span { font-size: clamp(1.25rem, 0.333vw + 1.125rem, 1.375rem); margin-bottom: clamp(0.5rem, 2.655vw - 0.741rem, 1.25rem); font-weight: 600; line-height: 1.3; display: inline-block; } .partner-logos-ctn .partner-logo { height: clamp(3.938rem, 6.167vw + 1.625rem, 6.25rem); } .give-logos { gap: 35px; flex-wrap: wrap; } .partner-logo { line-height: 0.6; width: clamp(3.938rem, 6.167vw + 1.625rem, 6.25rem); } .give-gradient-bg { position: absolute; line-height: 0.6; left: calc(50% - 1050px); } .give-gradient-bg img { min-width: 1272px; } .program-consortium-nav { width: calc(50% - 216px); background-color: var(--cpi_cream); display: flex; justify-content: flex-end; padding: calc(clamp(1.5rem, 13.274vw - 4.706rem, 5.25rem) - 3px) clamp(1.875rem, 15.487vw - 5.365rem, 6.25rem) 0 clamp(1.875rem, 15.487vw - 5.365rem, 6.25rem); box-sizing: border-box; z-index: 3; } .program-consortium-nav-inner { width: clamp(16rem, 7.308vw + 10.611rem, 17.188rem); } .program-consortium-content { width: calc(50% + 216px); padding: 74px 107px 100px; box-sizing: border-box; overflow: hidden; } .program-consortium-content ul, .program-consortium-content ol { margin-left: 0; } .program-consortium-content ul li, .program-consortium-content ol li { margin-bottom: 30px; } .program-consortium-content .stats p { font-size: var(--cpi_font_size_1); } .program-jump-links { border-bottom: 1px solid var(--cpi_black_4); margin-bottom: 28px; padding-bottom: 4px; } .program-jump-links ul, .program-jump-links ul ul { margin-left: 0; } .program-jump-links ul li { padding-left: 0; } .program-jump-links ul li::before { display: none; } .program-jump-links ul li a, .program-jump-links ul li a:visited { font-weight: 500; font-family: "begum", sans-serif; padding-left: 40px; text-decoration: none; display: inline-block; } .program-jump-links ul li.has-child-items > a::before, .program-jump-links ul li.has-child-items > a:visited::before { content: ""; position: absolute; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxOSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzYyM180MDM1IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSItMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjI2Ij4KPHBhdGggZD0iTTIgM0wxNCAxMi41TDMuNSAyMUw3LjUgMjQuNUwxOSAxNEw3LjUgMEwyIDNaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMSAxNC41TDE0IDEyLjVNMTQgMTIuNUwyIDNMNy41IDBMMTkgMTRMNy41IDI0LjVMMy41IDIxTDE0IDEyLjVaIiBzdHJva2U9IiNGRkM2MkYiIHN0cm9rZS13aWR0aD0iMC41Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF82MjNfNDAzNSkiPgo8cGF0aCBkPSJNMTYuODg0MSAxMi41MDAxTDcuMDI3NTcgMjIuMTUwMUw1LjcyMTQzIDIwLjg3MTNMMTMuNjc5NiAxMi42NzQyTDE0LjA4MDUgMTIuMjYxM0wxNC4xMzA0IDEyLjI2MjJMMTQuMTA0MiAxMi4yMzY5TDE0LjExMTkgMTIuMjI5TDE0LjA5NjUgMTIuMjI5NUwxMy42NzQyIDExLjgyMDRMNS43MjY5OCA0LjEyMzI5TDcuMDI3NTcgMi44NDk4OEwxNi44ODQxIDEyLjUwMDFaTTEzLjQ5NTQgMTIuMjVMMTMuNDk4MSAxMi4yNUwxMy40OTE3IDEyLjI1MDJMLTE5Ljc0OTkgMTMuMzg5OFYxMS42MDY0TDEzLjQ5NTQgMTIuMjVaIiBmaWxsPSJibGFjayIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIwLjUiLz4KPC9nPgo8L3N2Zz4K); background-repeat: no-repeat; background-size: contain; width: 18px; height: 24.5px; background-color: unset; top: 0; left: 0; transition: all 0.3s ease-in-out; } .program-jump-links ul li.has-child-items > a.active::before, .program-jump-links ul li.has-child-items > a:visited.active::before { transform: rotate(90deg); } .program-jump-links > ul li { margin-bottom: 31px; } .program-jump-links > ul li:last-child { margin-bottom: 0; } .program-jump-links > ul li .child-items { margin-top: 8px; padding-left: 39px; display: none; width: 257px; box-sizing: border-box; } .program-jump-links > ul li .child-items li { margin-bottom: 10px; } .program-jump-links > ul li .child-items a, .program-jump-links > ul li .child-items a:visited { display: block; padding-left: 0; font-size: 18px; line-height: 1.5; transition: all 0.3s ease-in-out; text-decoration: underline; text-decoration-color: transparent; letter-spacing: 0; font-family: "proxima-nova", sans-serif; font-weight: 300; } .program-jump-links > ul li .child-items a:hover, .program-jump-links > ul li .child-items a:focus-visible, .program-jump-links > ul li .child-items a:visited:hover, .program-jump-links > ul li .child-items a:visited:focus-visible { color: initial; text-decoration-color: var(--cpi_border); } .featured-jump-links { margin-bottom: 0; border-bottom: none; } .featured-jump-links ul { margin-bottom: 0; } .featured-jump-links ul li { margin-bottom: 19px; } .featured-jump-links ul li a, .featured-jump-links ul li a:visited { padding-left: 0; } .program-consortium-content-inner { max-width: 685px; } .program-consortium-content-inner h4.heading-4 { margin-bottom: 34px; } .program-consortium-content-inner .block-image { width: 111.388%; position: relative; left: -5.694%; } .program-consortium-content-inner .post-archive-ctn .post-inner { padding: 30px 31px 79px 31px; } .program-consortium-content-inner .faq-head, .program-consortium-content-inner .nested-faq-head > span.faq-head, .program-consortium-content-inner .nested-faq-heading { font-size: var(--cpi_font_size_2_max); font-weight: 500; } .program-consortium-content-inner .two-columns.post-archive { grid-template-columns: repeat(auto-fit, minmax(min(clamp(310px, 48.4%, 100%), 100%), 1fr)); gap: 3.2%; } .program-consortium-sticky-nav { padding-bottom: clamp(2.5rem, 9.735vw - 2.051rem, 7.25rem); } .jump-link { position: relative; top: -150px; } .is-light p, .is-light a, .is-light a:visited, .has-background-dim p, .has-background-dim a, .has-background-dim a:visited { color: var(--cpi_white) !important; } .is-light a:hover, .is-light a:focus-visible, .is-light a:visited:hover, .is-light a:visited:focus-visible, .has-background-dim a:hover, .has-background-dim a:focus-visible, .has-background-dim a:visited:hover, .has-background-dim a:visited:focus-visible { color: var(--cpi_blue) !important; } .wp-block-group.wp-container-core-group-layout-1.wp-container-core-group-layout-1 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: 82%; margin-bottom: 40px; } body.program-detail-single .three-columns { grid-template-columns: repeat(auto-fit, minmax(min(clamp(250px, 50% - 2%, 100%), 100%), 1fr)); gap: 2%; row-gap: var(--cpi_space_4); } body.program-detail-single .four-columns { grid-template-columns: repeat(auto-fit, minmax(min(clamp(210px, 33.3333333333% - 2%, 100%), 100%), 1fr)); gap: 2%; row-gap: var(--cpi_space_4); } body.program-detail-single .four-columns .stat-item { padding: 32px 32px 48px; } body.program-detail-single .stat-info span { font-size: 44px; } body.program-detail-single blockquote h2, body.program-detail-single blockquote .heading-2 { font-size: var(--cpi_font_size_3); } body.program-detail-single .timeline-title { padding-right: 0; } body.program-detail-single .iat-section .iat-text { width: 100%; position: relative; z-index: 1; } body.program-detail-single .iat-section .iat-media { width: 100%; } body.program-detail-single .iat-section .iat-media img { aspect-ratio: initial; } @media only screen and (min-width: 1003px) { .program-consortium-nav { position: sticky; top: 120px; overflow-y: auto; height: 100vh; } .program-consortium-nav::-webkit-scrollbar { display: none; } .featured-jump-links { padding-bottom: 70px; } } /*------------------------------------------------- >> Pagination styles -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .page-section .pagination, .pagination, .page-links { text-align: center; margin: clamp(2.125rem, 6.416vw - 0.874rem, 3.938rem) 0 0; display: flex; gap: 10px; justify-content: center; align-items: center; } .page-section .pagination a, .page-section .pagination a:visited, .page-section .pagination span, .pagination a, .pagination a:visited, .pagination span, .page-links a, .page-links a:visited, .page-links span { background-color: transparent; color: var(--cpi_pagination_color); border: 1px solid var(--cpi_pagination_border); display: inline-block; width: clamp(2.375rem, 1.327vw + 1.754rem, 2.75rem); height: clamp(2.375rem, 1.327vw + 1.754rem, 2.75rem); border-radius: 42px; font-size: 17px; font-weight: 400; font-family: "proxima-nova", sans-serif; transition: all 0.4s ease-in-out; display: inline-flex; justify-content: center; align-items: center; text-decoration: none; } .page-section .pagination a:hover, .page-section .pagination a:focus-visible, .page-section .pagination a:visited:hover, .page-section .pagination a:visited:focus-visible, .page-section .pagination span:hover, .page-section .pagination span:focus-visible, .pagination a:hover, .pagination a:focus-visible, .pagination a:visited:hover, .pagination a:visited:focus-visible, .pagination span:hover, .pagination span:focus-visible, .page-links a:hover, .page-links a:focus-visible, .page-links a:visited:hover, .page-links a:visited:focus-visible, .page-links span:hover, .page-links span:focus-visible { background-color: var(--cpi_pagination_bgcolor_hover); border-color: var(--cpi_border_3); color: var(--cpi_pagination_color_hover); } .page-section .pagination a.pagination-prev, .page-section .pagination a:visited.pagination-prev, .page-section .pagination span.pagination-prev, .pagination a.pagination-prev, .pagination a:visited.pagination-prev, .pagination span.pagination-prev, .page-links a.pagination-prev, .page-links a:visited.pagination-prev, .page-links span.pagination-prev { margin-right: 22px; } .page-section .pagination a.pagination-next, .page-section .pagination a:visited.pagination-next, .page-section .pagination span.pagination-next, .pagination a.pagination-next, .pagination a:visited.pagination-next, .pagination span.pagination-next, .page-links a.pagination-next, .page-links a:visited.pagination-next, .page-links span.pagination-next { margin-left: 22px; } .page-section .pagination a.pagination-prev, .page-section .pagination a.pagination-next, .page-section .pagination a:visited.pagination-prev, .page-section .pagination a:visited.pagination-next, .page-section .pagination span.pagination-prev, .page-section .pagination span.pagination-next, .pagination a.pagination-prev, .pagination a.pagination-next, .pagination a:visited.pagination-prev, .pagination a:visited.pagination-next, .pagination span.pagination-prev, .pagination span.pagination-next, .page-links a.pagination-prev, .page-links a.pagination-next, .page-links a:visited.pagination-prev, .page-links a:visited.pagination-next, .page-links span.pagination-prev, .page-links span.pagination-next { padding: 12.25px 29px; height: auto; box-sizing: border-box; width: auto; color: var(--cpi_black); } .page-section .pagination a.pagination-prev:hover, .page-section .pagination a.pagination-prev:focus-visible, .page-section .pagination a.pagination-next:hover, .page-section .pagination a.pagination-next:focus-visible, .page-section .pagination a:visited.pagination-prev:hover, .page-section .pagination a:visited.pagination-prev:focus-visible, .page-section .pagination a:visited.pagination-next:hover, .page-section .pagination a:visited.pagination-next:focus-visible, .page-section .pagination span.pagination-prev:hover, .page-section .pagination span.pagination-prev:focus-visible, .page-section .pagination span.pagination-next:hover, .page-section .pagination span.pagination-next:focus-visible, .pagination a.pagination-prev:hover, .pagination a.pagination-prev:focus-visible, .pagination a.pagination-next:hover, .pagination a.pagination-next:focus-visible, .pagination a:visited.pagination-prev:hover, .pagination a:visited.pagination-prev:focus-visible, .pagination a:visited.pagination-next:hover, .pagination a:visited.pagination-next:focus-visible, .pagination span.pagination-prev:hover, .pagination span.pagination-prev:focus-visible, .pagination span.pagination-next:hover, .pagination span.pagination-next:focus-visible, .page-links a.pagination-prev:hover, .page-links a.pagination-prev:focus-visible, .page-links a.pagination-next:hover, .page-links a.pagination-next:focus-visible, .page-links a:visited.pagination-prev:hover, .page-links a:visited.pagination-prev:focus-visible, .page-links a:visited.pagination-next:hover, .page-links a:visited.pagination-next:focus-visible, .page-links span.pagination-prev:hover, .page-links span.pagination-prev:focus-visible, .page-links span.pagination-next:hover, .page-links span.pagination-next:focus-visible { color: var(--cpi_white); } .page-section .pagination .pagination-dots, .pagination .pagination-dots, .page-links .pagination-dots { margin: 1px 15px 0; display: flex; gap: 1.8px; } .page-section .pagination .pagination-dots, .page-section .pagination .pagination-dots span, .pagination .pagination-dots, .pagination .pagination-dots span, .page-links .pagination-dots, .page-links .pagination-dots span { height: auto; width: auto; border: none; padding: 0; } .page-section .pagination .pagination-dots:hover, .page-section .pagination .pagination-dots:focus-visible, .page-section .pagination .pagination-dots span:hover, .page-section .pagination .pagination-dots span:focus-visible, .pagination .pagination-dots:hover, .pagination .pagination-dots:focus-visible, .pagination .pagination-dots span:hover, .pagination .pagination-dots span:focus-visible, .page-links .pagination-dots:hover, .page-links .pagination-dots:focus-visible, .page-links .pagination-dots span:hover, .page-links .pagination-dots span:focus-visible { background-color: transparent; color: initial; } .page-section .pagination span.current, .pagination span.current, .page-links span.current { background-color: var(--cpi_pagination_bgcolor_current); color: var(--cpi_pagination_color_current); border-color: var(--cpi_border_3); } /*------------------------------------------------- >> Styles for WordPress comments -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ #commentform label { display: block; } #commentform p.comment-form-author, #commentform p.comment-form-url, #commentform p.comment-form-email { width: calc(33.3% - 10px); display: inline-block; margin-right: 10px; margin-bottom: 0; } #commentform p.comment-form-comment { margin-bottom: 0; } #commentform p.comment-form-comment textarea { margin-bottom: 10px; } #commentform p.comment-form-url, #commentform .url-comments, #commentform li.middle { margin-right: 0 !important; } #commentform .form-submit { margin-bottom: 0; } .comment-meta, .comment-author { margin-bottom: 15px; } .comments-closed { margin: 30px 0; } .comment-meta { margin-bottom: 30px; color: var(--cpi_comment_meta_color); } .comment-author.vcard { margin-bottom: 2px; } .comment-author.vcard a { border-bottom: none; } .comment-author.vcard span { font-family: "proxima-nova", sans-serif; } .comment-metadata { font-size: 90%; } .comment-metadata a { color: var(--cpi_comment_metadata_color); border-bottom: transparent; } .comment-content p { margin-bottom: 20px; } .comment-body { margin-bottom: 30px; } ol.comment-list { margin-bottom: 60px; } ol.comment-list li.comment { margin-bottom: 30px; padding: 30px 0 0; border-top: 1px solid var(--cpi_comments_list_border_color); } ol.comment-list li.comment::before { display: none !important; } ol.comment-list li.comment.pingback { margin: 0 0 30px; } ol.comment-list li.comment div.vcard cite.fn { font-style: normal; } ol.comment-list li.comment div.vcard img.avatar { float: left; margin: 0 10px 0 0; width: 64px; } ol.comment-list li.comment div.commentmetadata { padding: 8px 0 14px; } ol.comment-list li.comment ul.children, ol.comment-list li.comment ol.children { list-style: none; margin: 50px 0 0; } ol.comment-list li.comment ul.children li, ol.comment-list li.comment ol.children li { padding: 30px 0 0; } ol.comment-list li.comment ul.children li.depth-2, ol.comment-list li.comment ul.children li.depth-3, ol.comment-list li.comment ul.children li.depth-4, ol.comment-list li.comment ul.children li.depth-5, ol.comment-list li.comment ol.children li.depth-2, ol.comment-list li.comment ol.children li.depth-3, ol.comment-list li.comment ol.children li.depth-4, ol.comment-list li.comment ol.children li.depth-5 { margin: 0 0 30px 60px; } a.comment-reply-link { background-color: var(--cpi_comments_reply_btn_bgcolor); color: var(--cpi_comments_reply_btn_color); padding: 6px 11px 5px; font-size: 90%; height: 37px; box-sizing: border-box; display: inline-block; border: 2px solid transparent; } a.comment-reply-link:hover, a.comment-reply-link:focus-visible { background-color: var(--cpi_comments_reply_btn_bgcolor_hover); color: var(--cpi_comments_reply_btn_color_hover); } /*------------------------------------------------- >> Styles for default WordPress widgets -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ .wp-block-archives, .wp-block-categories, .wp-block-latest-comments, .wp-block-latest-posts, .wp-block-page-list, .wp-block-rss, .wp-block-search, .wp-block-social-links, .wp-block-tag-cloud, .wp-block-calendar { margin: 0 0 40px; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit following styles or write your own ------------------------------------------------- */ /* ------------------------------------------------------------------ > Blocks ------------------------------------------------------------------ */ /* ------------------------------------------------- >> Accessibility styles for WordPress Gallery Block ------------------------------------------------- */ .wp-block-gallery .wp-block-image a { border-bottom: none; } .page-section .wp-block-gallery ul li { padding: 0; } .page-section .wp-block-gallery ul li::before { display: none; } /* ------------------------------------------------- >> Accessibility styles for WordPress Cover Block ------------------------------------------------- */ .wp-block-cover-text { color: var(--wp--preset--color--white) !important; } /* ------------------------------------------------- >> Accessibility styles for WordPress Calender Block ------------------------------------------------- */ .wp-block-calendar a { text-decoration: none; } .wp-block-calendar table { margin: 0 0 20px; } .wp-block-calendar table caption, .wp-block-calendar table tbody { color: none; } .wp-block-calendar table tbody td, .wp-block-calendar table th { padding: 10px 15px; border: none; } .wp-block-calendar table th { background-color: transparent; font-weight: 700; } /* ------------------------------------------------- >> Accessibility styles for WordPress Categories Block ------------------------------------------------- */ .wp-block-archives-dropdown.wp-block-archives select, .wp-block-categories-dropdown.wp-block-categories select { margin: 0; } /* ------------------------------------------------- >> Accessibility styles for WordPress Image Block ------------------------------------------------- */ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ /* ------------------------------------------------- >> Accessibility styles for WordPress Latest Comments Block ------------------------------------------------- */ .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { border-radius: unset; margin-top: 3px; } .wp-block-latest-comments__comment-date { margin: 5px 0; color: var(--cpi_widget_comments_meta_color); } .wp-block-latest-comments__comment-excerpt p { font-size: 100%; line-height: 1.5; margin: 5px 0; } /* ------------------------------------------------- >> Accessibility styles for WordPress Latest Posts Block ------------------------------------------------- */ .wp-block-latest-posts__featured-image a { border-bottom: none; } .wp-block-latest-posts__featured-image.alignleft { margin: 0 20px 10px 0; } .wp-block-latest-posts__featured-image.alignright { margin: 0 0 10px 20px; } .wp-block-latest-posts__featured-image.aligncenter { margin: 0 auto 10px; } .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date { font-size: 90%; color: var(--cpi_widget_latest_post_meta_color); } .wp-block-latest-posts.is-grid li { margin-bottom: 12px; } /* ------------------------------------------------- >> Accessibility styles for WordPress Quote Block ------------------------------------------------- */ blockquote.wp-block-quote.is-style-large { border-left: 0; padding: 0; } /* ------------------------------------------------- >> Accessibility styles for WordPress PullQuote Block ------------------------------------------------- */ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ /* ------------------------------------------------- >> Accessibility styles for WordPress RSS Feed Block ------------------------------------------------- */ .wp-block-rss__item-author, .wp-block-rss__item-publish-date { font-size: 90%; color: var(--cpi_widget_rss_feed_meta_color); } .wp-block-rss__item-excerpt { margin: 10px 0 20px; } /* ------------------------------------------------- >> Accessibility styles for WordPress Search Block ------------------------------------------------- */ input[type=search].wp-block-search__input { background-image: unset; padding: 0 12px; margin-bottom: 0; } .wp-block-search__button { border: none; margin-right: 0; padding: 0 20px; } .wp-block-search__button:hover, .wp-block-search__button:focus-visible { border: none; background-color: var(--wp--preset--color--white); } /* ------------------------------------------------- >> Accessibility styles for WordPress Social-links Block ------------------------------------------------- */ .wp-block-social-links li.wp-block-social-link { list-style: none; padding-left: 0; } .wp-block-social-links li.wp-block-social-link::before { display: none; } .wp-block-social-links li.wp-block-social-link svg { margin-bottom: 0; } /* ------------------------------------------------- >> Accessibility styles for WordPress Tag Cloud Block ------------------------------------------------- */ .wp-block-tag-cloud .tag-cloud-link { margin: 0 8px 12px 0; } /* ------------------------------------------------------------------ > Site ------------------------------------------------------------------ */ /*------------------------------------------------- >> Styles for header and footer of website -------------------------------------------------*/ /*------------------------------------------------- >> Styles for header -------------------------------------------------*/ .slide-thumb img, .burger-single, .post-tags, .post-content-des p, .post-meta, .search-button, .single-blog-post, .wpcf7-submit, a, a:visited, button, input[type=submit], .home-hero, header { transition: all 0.3s ease-in-out; } header { z-index: 9; width: 100%; position: fixed; top: 0; } header.shrink { background-color: var(--cpi_header_bgcolor_sticky); } header .white-logo { opacity: 0; visibility: hidden; } header .black-logo { opacity: 1; visibility: visible; } .have-topbar .hero-section { padding-top: 151px; } .no-overflow .white-header .top-bar, .white-header.shrink .top-bar { background-color: var(--cpi_black); } .no-overflow .white-header .top-bar p, .no-overflow .white-header .top-bar .top-bar-text, .no-overflow .white-header .top-bar a, .no-overflow .white-header .top-bar a:visited, .no-overflow .white-header .top-bar li, .no-overflow .white-header .top-bar span, .white-header.shrink .top-bar p, .white-header.shrink .top-bar .top-bar-text, .white-header.shrink .top-bar a, .white-header.shrink .top-bar a:visited, .white-header.shrink .top-bar li, .white-header.shrink .top-bar span { color: var(--cpi_white_text); } .no-overflow .white-header .top-bar-cross img, .white-header.shrink .top-bar-cross img { filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(220deg) brightness(102%) contrast(103%); } .white-header .black-logo { opacity: 0; visibility: hidden; } .white-header .white-logo { opacity: 1; visibility: visible; } .white-header .wp-block-button a, .white-header .wp-block-button a:visited, .white-header .wp-block-button span { border-color: var(--cpi_border_2); } .white-header .wp-block-button a:hover, .white-header .wp-block-button a:focus-visible, .white-header .wp-block-button a:visited:hover, .white-header .wp-block-button a:visited:focus-visible, .white-header .wp-block-button span:hover, .white-header .wp-block-button span:focus-visible { background-color: var(--cpi_yellow); color: var(--cpi_black); border-color: var(--cpi_border_4); } .white-header a a, .white-header a a:visited, .white-header button a, .white-header button a:visited, .white-header div a, .white-header div a:visited, .white-header span a, .white-header span a:visited { color: var(--cpi_white); } .white-header .header-nav ul li a, .white-header .header-nav ul li a:visited { color: var(--cpi_white); } .white-header .header-nav ul li a::after, .white-header .header-nav ul li a:visited::after { background-color: var(--cpi_border_2); } .white-header .header-nav a:hover svg path, .white-header .header-nav a:focus-visible svg path, .white-header .header-nav a:visited:hover svg path, .white-header .header-nav a:visited:focus-visible svg path, .white-header .header-nav span:hover svg path, .white-header .header-nav span:focus-visible svg path { stroke: var(--cpi_black); } .white-header .header-nav a svg path, .white-header .header-nav a:visited svg path, .white-header .header-nav span svg path { stroke: var(--cpi_white); } .white-header .header-nav ul ul li a, .white-header .header-nav ul ul li a:visited { color: var(--cpi_black_ctn_text); } .white-header .header-nav ul ul li a::after, .white-header .header-nav ul ul li a:visited::after { background-color: var(--cpi_border-static); } .white-header .nav-overlay.open .wp-block-button a, .white-header .nav-overlay.open .wp-block-button a:visited { color: var(--cpi_regular_text); border-color: var(--cpi_border); } .white-header .nav-overlay.open .wp-block-button a span svg path, .white-header .nav-overlay.open .wp-block-button a:visited span svg path { stroke: var(--cpi_black); } .white-header .nav-overlay.open .wp-block-button a:hover, .white-header .nav-overlay.open .wp-block-button a:focus-visible, .white-header .nav-overlay.open .wp-block-button a:visited:hover, .white-header .nav-overlay.open .wp-block-button a:visited:focus-visible { background-color: var(--cpi_black); color: var(--cpi_white); } .white-header .nav-overlay.open .wp-block-button a:hover span svg path, .white-header .nav-overlay.open .wp-block-button a:focus-visible span svg path, .white-header .nav-overlay.open .wp-block-button a:visited:hover span svg path, .white-header .nav-overlay.open .wp-block-button a:visited:focus-visible span svg path { stroke: var(--cpi_yellow); } .white-header .nav-overlay + .header-btns a:hover svg path, .white-header .nav-overlay + .header-btns a:focus-visible svg path, .white-header .nav-overlay + .header-btns a:visited:hover svg path, .white-header .nav-overlay + .header-btns a:visited:focus-visible svg path { fill: var(--cpi_black); } .white-header .nav-overlay + .header-btns a svg path, .white-header .nav-overlay + .header-btns a:visited svg path { fill: var(--cpi_white); } .white-header .menu-btn span { --cpi_mobile_nav_icon_bgcolor: var(--cpi_white); } .white-header.shrink .white-logo { opacity: 0; visibility: hidden; } .white-header.shrink .black-logo { opacity: 1; visibility: visible; } .white-header.shrink .header-logo a:focus-visible, .white-header.shrink .header-logo a:visited:focus-visible { outline-color: var(--cpi_border_5); } .white-header.shrink .wp-block-button a:focus-visible, .white-header.shrink .wp-block-button a:visited:focus-visible { outline-color: var(--cpi_border_5); } .white-header.shrink .header-inner a, .white-header.shrink .header-inner p, .white-header.shrink .header-inner button, .white-header.shrink .header-inner div, .white-header.shrink .header-inner span, .white-header.shrink .header-inner .header-nav ul li a { color: var(--cpi_black); } .white-header.shrink button.header-search { background-color: var(--cpi_transparent); border-color: var(--cpi_black); } .white-header.shrink button.header-search:hover { border-color: var(--cpi_black_3); background-color: var(--cpi_black); } .white-header.shrink button.header-search:hover svg circle, .white-header.shrink button.header-search:hover svg line { stroke: var(--cpi_white); } .white-header.shrink button.header-search svg circle, .white-header.shrink button.header-search svg line { stroke: var(--cpi_black); } .white-header.shrink .header-nav ul li a::after, .white-header.shrink .header-nav ul li a:visited::after { background-color: var(--cpi_border); } .white-header.shrink .header-nav a:hover svg path, .white-header.shrink .header-nav a:focus-visible svg path, .white-header.shrink .header-nav a:visited:hover svg path, .white-header.shrink .header-nav a:visited:focus-visible svg path, .white-header.shrink .header-nav span:hover svg path, .white-header.shrink .header-nav span:focus-visible svg path { stroke: var(--cpi_yellow); } .white-header.shrink .header-nav a svg path, .white-header.shrink .header-nav a:visited svg path, .white-header.shrink .header-nav span svg path { stroke: var(--cpi_black); } .white-header.shrink .nav-overlay + .header-btns a:hover svg path, .white-header.shrink .nav-overlay + .header-btns a:focus-visible svg path, .white-header.shrink .nav-overlay + .header-btns a:visited:hover svg path, .white-header.shrink .nav-overlay + .header-btns a:visited:focus-visible svg path { fill: var(--cpi_yellow); } .white-header.shrink .nav-overlay + .header-btns a svg path, .white-header.shrink .nav-overlay + .header-btns a:visited svg path { fill: var(--cpi_black); } .white-header.shrink .menu-btn span { --cpi_mobile_nav_icon_bgcolor: var(--cpi_border); } .white-header.shrink .wp-block-button a, .white-header.shrink .wp-block-button a:visited, .white-header.shrink .wp-block-button span { border-color: var(--cpi_border); color: var(--cpi_black_ctn_text); } .white-header.shrink .wp-block-button a:hover, .white-header.shrink .wp-block-button a:focus-visible, .white-header.shrink .wp-block-button a:visited:hover, .white-header.shrink .wp-block-button a:visited:focus-visible, .white-header.shrink .wp-block-button span:hover, .white-header.shrink .wp-block-button span:focus-visible { background-color: var(--cpi_black); color: var(--cpi_white); } .top-bar { padding: 7px 0; background-color: var(--wp--preset--bgcolor); color: var(--wp--preset--color); transition: all 0.4s ease-in-out; position: relative; z-index: 700; } .top-bar ::-moz-selection { background-color: var(--wp--preset--color--gray); color: var(--cpi_dbrown); } .top-bar ::selection { background-color: var(--wp--preset--color--gray); color: var(--cpi_dbrown); } .top-bar.hide-top-bar { opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .top-bar-text { font-size: var(--cpi_font_size_1); padding-right: 20px; font-weight: 400; transition: all 0.3s ease-in-out; } .top-bar-text strong, .top-bar-text b { color: var(--cpi_white); } .top-bar-text a, .top-bar-text a:visited { font-size: var(--cpi_font_size_1); color: var(--wp--preset--color--white); display: inline-block; text-decoration: underline; text-decoration-thickness: 1px; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; text-underline-offset: 4px; text-decoration-color: var(--cpi_white); } .top-bar-text a:hover, .top-bar-text a:focus-visible, .top-bar-text a:visited:hover, .top-bar-text a:visited:focus-visible { text-decoration-color: transparent; } .top-bar-cross { position: absolute; top: 12px; right: 20px; line-height: 0.65; cursor: pointer; min-height: auto; background-color: transparent; padding: 0; width: auto; } .top-bar-cross:hover, .top-bar-cross:focus-visible { background-color: transparent; } .top-bar-cross img { transition: all 0.3s ease-in-out; width: 16px; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(220deg) brightness(102%) contrast(103%); } .header-logo { position: relative; height: 64px; } .header-logo .white-logo, .header-logo .black-logo { position: absolute; top: 0; left: 0; transition: all 0.3s ease-in-out; } .header-logo a { display: inline-block; } .no-overflow { overflow: hidden; } .right-header { width: 85%; align-items: center; justify-content: flex-end; -moz-column-gap: 8px; column-gap: 8px; } .logo { position: relative; z-index: 9; line-height: 0.65; width: 211px; transition: all 0.2s ease-in-out; } .logo a { display: block; transform: scale(1); transform-origin: left top; } .header-inner { padding: 21.5px 0; box-sizing: border-box; align-items: center; justify-content: space-between; transition: all 0.3s ease-in-out; } .header-section.shrink .header-inner { padding: 16px 0; } .header-wrapper { box-sizing: border-box; width: 95%; max-width: 1300px; margin: 0 auto; } .header-btns { margin-top: 0; z-index: 1; display: flex; align-items: center; gap: 10px; } .header-nav { align-items: center; gap: 20px; } .nav-overlay + .header-btns a span, .nav-overlay + .header-btns a:visited span { top: 0; } .nav-overlay + .header-btns a svg path, .nav-overlay + .header-btns a:visited svg path { transition: all 0.3s ease-in-out; } .nav-overlay + .header-btns a:hover svg path, .nav-overlay + .header-btns a:focus-visible svg path, .nav-overlay + .header-btns a:visited:hover svg path, .nav-overlay + .header-btns a:visited:focus-visible svg path { fill: var(--cpi_yellow); stroke: initial; } button.header-search { background-color: var(--cpi_transparent); width: 51px; height: 51px; display: flex; justify-content: center; align-items: center; box-sizing: border-box; border: 1px solid var(--cpi_black); border-radius: 100px; padding: 0; min-height: 51px; transition: 0.3s all ease-in-out; } button.header-search:hover { background-color: var(--cpi_black); } button.header-search:hover svg circle, button.header-search:hover svg line { stroke: white; } button.header-search svg { margin-bottom: 0; } button.header-search svg circle, button.header-search svg line { stroke: black; transition: all 0.3s ease-in-out; } .search-form-new { position: fixed; overflow: hidden; height: 210px; top: 0px; right: 0; left: 0; width: 100%; z-index: 800; transition: 0.4s all ease-in-out; border: transparent; background-color: var(--cpi_cream); display: none; pointer-events: none; opacity: 0; animation: FadeOut 0.4s ease-in-out; box-shadow: 0 0px 45px -10px rgba(0, 0, 0, 0.5); } .search-form-new input { margin-bottom: 0; line-height: 1.3; font-size: 20px; height: 70px; font-weight: 300; padding-left: 30px; } .search-form-new input::-moz-placeholder { color: var(--cpi_black); } .search-form-new input::placeholder { color: var(--cpi_black); } .search-form-new.open { display: block; pointer-events: initial; opacity: 1; animation: FadeIn 0.4s ease-in-out; } .search-form-new form { display: flex; align-items: center; justify-content: space-between; gap: 7px; margin-bottom: 0; } .search-form-new form .search-input { width: 85%; } .search-form-new .search-inner-content { max-width: 1177px; width: 90%; margin: auto; position: relative; } .search-form-button { width: 14.3%; } .search-form-button input { letter-spacing: 1px; padding: 20px 40px 20px 44px; font-weight: bold; margin: 0 !important; } button.search-close { width: 45px; height: 45px; min-height: 45px; cursor: pointer; transition: all 0.3s ease-in-out; line-height: 0.65; position: absolute; top: 12px; right: 12px; background: var(--cpi_transparent); padding: 0; } button.search-close svg { width: 45px; height: 45px; margin-bottom: 0; } .search-form-new-inner { position: absolute; width: 100%; height: -moz-max-content; height: max-content; margin: auto; top: 0; bottom: 0; } .search-form-main { position: relative; display: block; height: 100%; } /*.page-template-template-home button.header-search,*/ .page-template-template-give button.header-search, .single-program button.header-search { border-color: var(--cpi_white); } /*.page-template-template-home button.header-search svg circle, .page-template-template-home button.header-search svg line,*/ .page-template-template-give button.header-search svg circle, .page-template-template-give button.header-search svg line, .single-program button.header-search svg circle, .single-program button.header-search svg line { stroke: var(--cpi_white); } /*.page-template-template-home button.header-search:hover,*/ .page-template-template-give button.header-search:hover, .single-program button.header-search:hover { background-color: var(--cpi_color_primary); border-color: var(--cpi_color_primary); } /*.page-template-template-home button.header-search:hover svg circle, .page-template-template-home button.header-search:hover svg line,*/ .page-template-template-give button.header-search:hover svg circle, .page-template-template-give button.header-search:hover svg line, .single-program button.header-search:hover svg circle, .single-program button.header-search:hover svg line { stroke: var(--cpi_black); } .page-template-template-home .search-form-new, .page-template-template-give .search-form-new, .single-program .search-form-new { background-color: var(--cpi_black_7); box-shadow: 0 0px 45px -10px rgba(255, 255, 255, 0.5); } .page-template-template-home .search-form-new input, .page-template-template-give .search-form-new input, .single-program .search-form-new input { border-color: var(--cpi_cream); } .page-template-template-home .search-close svg rect, .page-template-template-give .search-close svg rect, .single-program .search-close svg rect { fill: var(--cpi_white); } .page-template-template-home .search-form-button input:hover, .page-template-template-give .search-form-button input:hover, .single-program .search-form-button input:hover { color: var(--cpi_black); background-color: var(--cpi_white); } @keyframes FadeIn { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { opacity: 1; } } @keyframes FadeOut { 0% { display: block; opacity: 1; } 99% { display: block; opacity: 0; } 100% { display: none; opacity: 0; } } .logged-in.admin-bar .search-form-new { top: 33px; } /*------------------------------------------------- >> Styles for desktop menu -------------------------------------------------*/ @media (min-width: 1024px) { .header-nav ul li:hover > ul, .menu-item-has-children ul.focused, .header-nav ul li a:focus-visible + ul { opacity: 1; visibility: visible; overflow: visible; } .header-nav ul ul { animation-delay: 0.6s; opacity: 0; visibility: hidden; overflow: hidden; transition: all 0.3s ease-in-out; } } .white-header .header-nav ul li.menu-item-has-children > a::after, .white-header .header-nav ul li.menu-item-has-children > a:visited::after { filter: invert(1); } .white-header.shrink .header-nav ul li.menu-item-has-children > a::after, .white-header.shrink .header-nav ul li.menu-item-has-children > a:visited::after { filter: invert(0); background-color: transparent; } .header-nav { text-align: center; line-height: 1; } .header-nav ul { margin: 5px 0 0 0; padding: 0; position: relative; } .header-nav ul li { margin: 0 0 0 24px; padding: 0; display: inline-block; position: relative; line-height: 1; font-family: "proxima-nova", sans-serif; } .header-nav ul li:first-child { margin-left: 0; } .header-nav ul li a, .header-nav ul li a:visited { padding: 0 0 10px; display: inline-block; line-height: 1.1; border: 0; position: relative; color: var(--cpi_header_color); font-size: 15px; font-family: "proxima-nova", sans-serif; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; } .header-nav ul li a::after, .header-nav ul li a:visited::after { content: ""; position: absolute; width: 100%; height: 1px; bottom: 5px; left: 0; background-color: var(--cpi_header_nav_border_color); opacity: 0.8; transform: scaleX(0); transform-origin: bottom right; transition: transform 0.3s; } .header-nav ul li a:focus-visible, .header-nav ul li a:visited:focus-visible { outline-color: var(--cpi_border); } .header-nav ul li.current-menu-item > a, .header-nav ul li.current-menu-parent > a, .header-nav ul li a:hover, .header-nav ul li a:focus-visible { border: 0; } .header-nav ul li.current-menu-item > a::after, .header-nav ul li.current-menu-parent > a::after, .header-nav ul li a:hover::after, .header-nav ul li a:focus-visible::after { transform-origin: bottom left; transform: scaleX(1); } .header-nav ul li.menu-item-has-children > a { padding-right: 18px; } .header-nav ul li.menu-item-has-children > a::after { background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAyMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNzczOCAxLjc3Njc5TDEwLjk5OCAxMC45OTk4TDIwLjIyMTEgMS43NzY3OSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyLjUiLz4KPC9zdmc+Cg==); top: 5px; left: auto; right: 0; height: 7px; width: 12px; background-color: transparent; transform-origin: center; transform: scale(1); transition: all 0.3s ease-in-out; } .header-nav ul ul { left: -15px; width: 230px; opacity: 0; border-radius: 10px; background-color: var(--cpi_header_submenu_bgcolor); visibility: hidden; padding: 20px 0; position: absolute; top: 30px; margin-top: 0; z-index: 9; overflow: hidden; text-align: left; transition: all 0.4s ease-in-out; text-align: left; } .header-nav ul ul li { display: block; margin: 0 0 14px; padding: 0 15px; } .header-nav ul ul li:last-child { margin: 0; } .header-nav ul ul li a, .header-nav ul ul li a:visited { font-size: 14px; display: inline-block; padding-bottom: 2px; line-height: 1; box-sizing: border-box; position: relative; color: var(--cpi_header_submenu_color); transition: all 0.3s ease-in-out; font-family: "proxima-nova", sans-serif; } .header-nav ul ul li a::after, .header-nav ul ul li a:visited::after { bottom: 0px; } .header-nav ul ul li a:hover::after, .header-nav ul ul li a:focus-visible::after, .header-nav ul ul li a:visited:hover::after, .header-nav ul ul li a:visited:focus-visible::after { color: var(--cpi_header_submenu_color_hover); } .header-nav ul ul ul { top: -10px; left: 230px; } .header-nav ul ul ul::before { display: none; content: ""; width: 1px; height: 1px; position: absolute; top: 12px; left: -5px; margin: auto; } /*------------------------------------------------- >> Styles for mobile menu -------------------------------------------------*/ @media (max-width: 1179px) { .header-section.shrink .header-inner { padding: 10px 0; } .no-overflow .white-header .header-logo, .no-overflow header .header-logo { opacity: 0; visibility: hidden; } .no-overflow .white-header .header-logo a, .no-overflow .white-header .header-logo a:visited, .no-overflow header .header-logo a, .no-overflow header .header-logo a:visited { display: none; } .top-bar-text { text-align: left; } .header-wrapper { width: calc(100% - 48px); } .header-inner { padding: 13px 0; } .header-logo { width: 125px; max-width: 125px; height: 47px; } .header-logo a { margin-top: 2px; } .right-header { width: 55%; -moz-column-gap: 15px; column-gap: 15px; } .nav-overlay .header-nav { height: 100%; overflow: auto; flex-wrap: wrap; } .nav-overlay .header-nav ul { margin: 0; padding: 0; background: transparent; width: 100%; } .nav-overlay .header-nav ul li { padding: 0; margin: 0 0 25px; position: relative; display: block; opacity: 1; line-height: 1; } .nav-overlay .header-nav ul li a, .nav-overlay .header-nav ul li a:visited { color: var(--cpi_header_mobile_color); display: inline-block; border-bottom: none; position: relative; font-size: 18px; font-weight: 600; letter-spacing: 0.72px; padding-bottom: 0; } .nav-overlay .header-nav ul li a:hover, .nav-overlay .header-nav ul li a:focus-visible, .nav-overlay .header-nav ul li a:visited:hover, .nav-overlay .header-nav ul li a:visited:focus-visible { color: var(--cpi_blue); } .nav-overlay .header-nav ul li a::after, .nav-overlay .header-nav ul li a:visited::after { display: none; } .nav-overlay .header-nav ul li.current-menu-item > a, .nav-overlay .header-nav ul li.current-menu-parent > a, .nav-overlay .header-nav ul li a:hover { border-bottom: none; color: var(--cpi_blue); } .nav-overlay .header-nav ul ul { transition: none; display: none; padding: 25px 0 5px 20px; position: relative; top: initial; left: initial; opacity: initial; visibility: initial; overflow: visible; box-shadow: none; } .nav-overlay .header-nav ul ul li { margin: 0 0 15px; } .nav-overlay .header-nav ul ul li:last-child { margin-bottom: 0; } .nav-overlay .header-nav ul ul li a, .nav-overlay .header-nav ul ul li a:visited { padding: initial; text-transform: inherit; font-family: "proxima-nova", sans-serif; } .nav-overlay .header-nav ul ul li.current-menu-item > a, .nav-overlay .header-nav ul ul li.current-menu-parent > a { color: var(--cpi_header_mobile_submenu_color); } .nav-overlay .header-nav ul ul ul { padding: 20px 0 10px 20px; } .header-nav ul li.menu-item-has-children > a { background-image: none; padding-right: 0; } .nav-overlay + .header-btns { display: flex; margin-top: 0; top: 0; opacity: 1; } .nav-overlay + .header-btns .wp-block-button a svg, .nav-overlay + .header-btns .wp-block-button a:visited svg { width: 16px; } .nav-overlay { position: fixed; background-color: var(--cpi_nav_overlay_bgcolor); top: 0; left: 0; left: 0; padding: 90px 0 60px; width: 100%; height: 100%; height: 100vh; opacity: 0; visibility: hidden; overflow: visible; box-sizing: border-box; z-index: 8; transition: all 0.3s ease-in-out; } .nav-overlay .nav-container { display: block; } .logged-in.admin-bar .nav-overlay { top: 110px; } .nav-overlay.open { opacity: 1; visibility: visible; overflow-y: scroll; } .nav-overlay.open .header-btns { top: 0; opacity: 1; display: block; margin-top: 40px; } .nav-overlay.open .is-style-small-button a, .nav-overlay.open .is-style-small-button a:visited, .nav-overlay.open .is-style-small-button .wp-element-button { height: 51px; font-size: 15px; min-width: 278px; justify-content: center; padding: 17px 23px 15px 24px; } header .nav-container { opacity: 0; transition: all 0.4s ease-in-out; transition-delay: 0.25s; padding: 0; box-sizing: border-box; width: calc(100% - 73px); margin: 0 auto; } header .nav-container .header-nav { text-align: left; display: block; } header .nav-overlay.open .nav-container { opacity: 1; display: block; } header.shrink .nav-overlay.open .nav-container { opacity: 1; } .nav-content { height: 100%; max-height: 100%; overflow-y: scroll; overflow-x: hidden; box-sizing: border-box; } .nav-content::-webkit-scrollbar-track { box-shadow: none; background-color: transparent; } .nav-content::-webkit-scrollbar { width: 3px; background-color: transparent; position: relative; left: 5px; box-shadow: none; } .nav-content::-webkit-scrollbar-thumb { box-shadow: none; border-radius: 2px; } .desktop-hide { display: block !important; } .header-btns { display: none; margin-top: 70px; position: relative; top: 100px; opacity: 0; transition: all 0.5s ease-in-out; } .menu-btn { top: 0; right: 0; width: 29px; height: 22px; cursor: pointer; z-index: 700; display: inline-flex !important; flex-direction: column; position: relative; justify-content: space-between; transition: all 0.3s ease-in-out; } .menu-btn span { height: 2px; width: 100%; background-color: var(--cpi_mobile_nav_icon_bgcolor); opacity: 1; display: inline-block; transition: all 0.3s ease-in-out; } .menu-btn span:nth-child(2), .menu-btn span:nth-child(3) { width: 21px; } .menu-btn.active { top: -5px; } .menu-btn.active span { background-color: var(--cpi_border_5); border-radius: 10px; width: 24px; height: 1px; } .menu-btn.active span:first-child { transform: translateY(14px) translateX(2px) rotate(-45deg); } .menu-btn.active span:last-child { transform: translateY(-7px) translateX(2px) rotate(45deg); } .menu-btn.active span.middle { opacity: 0; } li.menu-item-has-children .submenu-icon { position: absolute; z-index: 9999; right: 0; top: 0; display: block; height: 22px; width: 22px; cursor: pointer; background-position: top 6px center; background-size: 18px; transition: all 0.3s ease-in-out; background-repeat: no-repeat; transform-origin: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAyMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNzczOCAxLjc3Njc5TDEwLjk5OCAxMC45OTk4TDIwLjIyMTEgMS43NzY3OSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyLjUiLz4KPC9zdmc+Cg==); } li.menu-item-has-children.active > .submenu-icon { transform: rotate(180deg); } } .no-overflow .logged-in.admin-bar .nav-overlay { top: 32px; height: calc(100vh - 32px); } @media (max-width: 782px) { .no-overflow .logged-in.admin-bar .left-header { top: 110px; } .no-overflow .logged-in.admin-bar .nav-overlay { top: 46px; height: calc(100vh - 46px); } #wpadminbar { position: fixed !important; } } /*------------------------------------------------- >> Styles for Masthead -------------------------------------------------*/ .hero-section, body.archive.category .hero-section { overflow: hidden; } .hero-section { transition: all 0.3s ease-in-out; position: relative; background-color: var(--cpi_color_on_primary); padding-top: 110px; } .hero-section .wrapper { position: relative; z-index: 1; } .hero-section h1, .hero-section h2, .hero-section h3, .hero-section h4, .hero-section h5, .hero-section h6 { margin-bottom: 0; } .hero-section .center-align .kicker-text { padding: 0 100px; } .bread-crumb { margin: 0 0 26px 5px; display: flex; gap: 5px; } .bread-crumb a, .bread-crumb a:visited, .bread-crumb span { font-size: 16px; line-height: 1.1; font-weight: 400; text-decoration: none; } .bread-crumb a strong, .bread-crumb a:visited strong, .bread-crumb span strong { transition: all 0.3s ease-in-out; } .bread-crumb a.breadcrumb_last, .bread-crumb a:visited.breadcrumb_last, .bread-crumb span.breadcrumb_last { font-weight: 700; } .bread-crumb a:hover, .bread-crumb a:focus-visible, .bread-crumb a:visited:hover, .bread-crumb a:visited:focus-visible { color: var(--cpi_link_color_hover); } .bread-crumb a:hover strong, .bread-crumb a:focus-visible strong, .bread-crumb a:visited:hover strong, .bread-crumb a:visited:focus-visible strong { color: var(--cpi_link_color_hover); } .story-list-hero, .program-list-hero { overflow: visible; } .story-list-hero { padding: clamp(3.625rem, 1.547vw + 3.262rem, 4.5rem) 0 clamp(2.375rem, 4.088vw + 1.417rem, 4.688rem); } .story-list-hero h1 { line-height: 1.11; } .hero-content { max-width: 922px; } .have-topbar .hero-section { padding-top: 123px; } .hide-topbar .hero-section { padding-top: 79px; } .page-template-template-home .hero-section, .page-template-template-home .black-ctn { background-color: var(--cpi_black_7); } .page-template-template-home .hero-section .program-teaser-lists-tabs, .page-template-template-home .black-ctn .program-teaser-lists-tabs { background-color: var(--cpi_black_7); position: relative; z-index: 3; } .hero-home { padding: clamp(3.938rem, 6.005vw + 2.384rem, 7.188rem) 0 clamp(6.125rem, 9.238vw + 3.735rem, 11.125rem); } .hero-home h1 { margin-bottom: 0; line-height: 1.2; font-size: clamp(2.688rem, 8.186vw - 1.139rem, 4rem); } .hero-home h1 strong { font-weight: 700; } .hero-home h1 mark { padding: 0; background-color: transparent; position: relative; font-weight: 600; white-space: nowrap; } .hero-home h1 mark svg { position: absolute; left: -8px; bottom: calc(50% - 11px); width: calc(100% + 26px); margin-bottom: 0; opacity: 0; } .hero-home .is-style-transparent-white-button { margin-top: 41px; } .hero-home .is-style-transparent-white-button a, .hero-home .is-style-transparent-white-button a:visited { font-size: var(--cpi_font_size_1); } .hero-home-text { padding-left: clamp(0rem, 34.642vw - 8.964rem, 18.75rem); } .hero-home-text .wp-block-button a, .hero-home-text .wp-block-button a:visited { padding-left: 3px; } .home-hero-arrow { line-height: 0.6; position: absolute; bottom: -29px; left: calc(50% - 1450px); width: 1093px; min-height: 319px; } .home-hero-arrow svg { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; margin-bottom: 0; } .hero-text { max-width: 576px; margin-top: 12px; } .default-hero .hero-buttons { margin-top: clamp(2rem, 1.77vw + 1.173rem, 2.5rem); } .default-hero, .about-hero { padding: clamp(3.75rem, 0.885vw + 3.336rem, 4rem) 2px clamp(5rem, 14.159vw - 1.619rem, 9rem); } .default-hero .gradient-bg:nth-child(1), .about-hero .gradient-bg:nth-child(1) { width: clamp(21rem, 14.559vw + 15.54rem, 27.188rem); height: clamp(9.563rem, 16.029vw + 3.551rem, 16.375rem); bottom: 0; left: clamp(-17.437rem, -2.059vw - 15.79rem, -16.562rem); } .default-hero .gradient-bg:nth-child(2), .about-hero .gradient-bg:nth-child(2) { top: -150px; right: clamp(-30.75rem, -17.5vw - 16.75rem, -23.312rem); } .center-align .hero-content { margin: 0 auto; } .center-align .hero-text { margin-left: auto; margin-right: auto; } .hero-with-image .wrapper, .hero-with-form .wrapper { max-width: 1298px; padding-left: 58px; box-sizing: border-box; } .hero-with-image .hero-inner, .hero-with-form .hero-inner { flex-wrap: nowrap; gap: 40px; } .hero-with-image { padding: clamp(6.375rem, -1.106vw + 7.205rem, 6.688rem) 0 clamp(3.875rem, 14.602vw - 2.951rem, 8rem); } .hero-with-image .hero-media, .hero-with-image .hero-content { width: clamp(19.688rem, 38.824vw + 5.129rem, 36.188rem); } .hero-with-image .hero-media img { aspect-ratio: 579/418; } .hero-with-image .gradient-bg:nth-child(1) { background-color: var(--cpi_blue_4); width: clamp(21rem, 35.294vw + 7.765rem, 36rem); height: clamp(9.563rem, 16.029vw + 3.551rem, 16.375rem); bottom: 150px; left: calc(50% - 60px); } .hero-with-image .gradient-bg:nth-child(2) { background-color: var(--cpi_yellow_3); top: -70px; right: clamp(-28.312rem, -20.588vw - 11.842rem, -19.562rem); } .hero-with-image .hero-text { margin-top: 20px; } .hero-with-image .hero-content { margin-top: 15px; } .hero-media { line-height: 0.6; } .hero-media img, .hero-media video, .hero-media iframe { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .hero-inner { justify-content: space-between; flex-wrap: wrap; } .hero-with-form { padding: clamp(2.563rem, -5.667vw + 6.813rem, 4.688rem) 0 clamp(2.188rem, 10.833vw - 1.875rem, 6.25rem); } .hero-with-form .hero-content { width: clamp(19.688rem, 38vw + 5.438rem, 33.938rem); margin-top: 26px; } .hero-with-form .gradient-bg:nth-child(1) { transform: rotate(-165.758deg); height: clamp(13.75rem, 66.833vw - 11.312rem, 38.813rem); width: clamp(9.375rem, -8.333vw + 15.625rem, 12.5rem); left: calc(50% - 80px); bottom: auto; top: 80px; } .hero-with-form .hero-text { margin-top: 32px; max-width: clamp(19.688rem, 23.5vw + 10.875rem, 28.5rem); } .hero-form { background-color: var(--cpi_white); width: clamp(19.688rem, 50.667vw + 0.688rem, 38.688rem); border-radius: clamp(1.5rem, 2.667vw + 0.5rem, 2.5rem); padding: 30px clamp(1.688rem, 3.083vw + 0.531rem, 2.844rem) clamp(1.875rem, 1vw + 1.5rem, 2.25rem); box-sizing: border-box; } .hero-form .gform_footer { margin-top: 15px; } .hero-form .gform_footer input { margin: 0; } .hero-form form { margin-bottom: 0; } .post-cats-ctn { margin-top: 14px; border-top: 1px solid var(--cpi_border); padding-top: 26px; } .post-cat-label { margin-bottom: 18px; } .post-cat-label, .post-cats a, .post-cats a:visited, .post-cats span { line-height: 1.1; font-size: 16px; } .post-cats-inner { gap: 7px 6px; flex-wrap: wrap; } .post-cats-inner a, .post-cats-inner a:visited, .post-cats-inner span { border: 0.5px solid var(--cpi_border); border-radius: 40px; padding: 8px 14.2px; font-weight: 400; display: inline-block; width: -moz-max-content; width: max-content; } .post-cats-inner a:hover, .post-cats-inner a:active, .post-cats-inner a:focus-visible, .post-cats-inner a.active, .post-cats-inner a:visited:hover, .post-cats-inner a:visited:active, .post-cats-inner a:visited:focus-visible, .post-cats-inner a:visited.active { background-color: var(--cpi_color_primary); } .program-list-hero { padding: clamp(2.125rem, 18.142vw - 6.356rem, 7.25rem) 0 clamp(5.563rem, 6.697vw + 3.83rem, 9.188rem); } .program-list-hero .gradient-bg:nth-child(1) { filter: blur(120px); top: 218px; right: clamp(0.125rem, -26.5vw + 20rem, 10.063rem); } .program-list-hero .gradient-bg:nth-child(2) { background-color: var(--cpi_yellow_4); } .program-list-cat-hero { padding: clamp(6.563rem, 1.991vw + 5.632rem, 7.125rem) 0 clamp(6.188rem, 6.637vw + 3.085rem, 8.063rem); } .program-list-cat-hero .program-teaser-boxes { margin-top: clamp(2.75rem, 8.186vw - 1.077rem, 5.063rem); } .program-list-cat-hero .gradient-bg:nth-child(1) { top: 150px; right: clamp(-10.062rem, -7.743vw - 4.255rem, -7.875rem); } .program-list-cat-hero .gradient-bg:nth-child(2) { background-color: var(--cpi_yellow_2); top: 350px; } .program-list-hero .gradient-bg:nth-child(1), .program-list-cat-hero .gradient-bg:nth-child(1) { background-color: var(--cpi_blue_1); bottom: auto; left: auto; } .program-list-hero .gradient-bg:nth-child(2), .program-list-cat-hero .gradient-bg:nth-child(2) { top: 450px; right: clamp(-25.562rem, -23.833vw - 7.687rem, -16.625rem); } .program-detail-hero { padding: clamp(5rem, 1.848vw + 4.522rem, 6rem) 0 clamp(3.5rem, 3.464vw + 2.604rem, 5.375rem); } .program-detail-hero .hero-inner { gap: 31px; } .program-detail-hero .hero-logo { background-color: white; } .program-detail-hero .hero-btns { margin-top: 29px; gap: 10px 8px; flex-wrap: wrap; } .program-detail-hero .hero-btns a, .program-detail-hero .hero-btns a:visited { min-height: 35px; padding: 7px 12.5px; font-size: 16px; text-transform: initial; margin-right: 0; letter-spacing: 0; } .program-detail-hero .gradient-bg:nth-child(1) { background-color: var(--cpi_blue_1); width: clamp(15.625rem, 11.547vw + 12.637rem, 21.875rem); height: clamp(9.375rem, 5.312vw + 8.001rem, 12.25rem); left: auto; right: 100px; top: -37px; } .program-detail-hero .gradient-bg:nth-child(2) { background-color: var(--cpi_yellow_4); width: clamp(12.5rem, 46.189vw + 0.548rem, 37.5rem); height: clamp(15.625rem, 11.547vw + 12.637rem, 21.875rem); right: clamp(-20.625rem, -28.868vw + 2.47rem, -5rem); top: -19px; } .program-detail-hero .hero-content { width: calc(100% - clamp(10.125rem, 13.274vw + 3.919rem, 13.875rem)); } .hero-logo { width: clamp(10.125rem, 13.274vw + 3.919rem, 13.875rem); height: clamp(6.563rem, 4.619vw + 5.367rem, 9.063rem); display: flex; justify-content: center; align-items: center; border: 1px solid var(--cpi_color_primary); border-radius: 30px; line-height: 0.6; margin-top: 8px; } .hero-logo img { max-width: clamp(8.188rem, 7.743vw + 4.567rem, 10.375rem); } .story-detail-hero { padding: clamp(3.688rem, 4.862vw + 2.548rem, 6.438rem) 0 0; } .story-detail-hero h1, .story-detail-hero .heading-1 { line-height: 1.11; } .story-detail-hero::before { content: ""; position: absolute; width: 100%; height: clamp(6.438rem, 40.416vw - 4.02rem, 28.313rem); bottom: 0; left: 0; background-color: var(--cpi_white); z-index: 1; } .story-detail-hero .hero-text { max-width: 720px; margin-top: 9px; } .story-detail-hero .gradient-bg:nth-child(1) { background-color: var(--cpi_blue_1); width: clamp(18.75rem, 11.547vw + 15.762rem, 25rem); height: clamp(12.5rem, 9.238vw + 10.11rem, 17.5rem); bottom: clamp(0rem, 55.543vw - 14.372rem, 30.063rem); left: clamp(-12.5rem, -13.395vw - 1.784rem, -5.25rem); } .story-detail-hero .gradient-bg:nth-child(2) { background-color: var(--cpi_yellow_3); width: clamp(26.25rem, -1.155vw + 27.174rem, 26.875rem); height: clamp(14.375rem, -4.619vw + 18.07rem, 16.875rem); top: clamp(-9.25rem, 2.425vw - 9.877rem, -7.937rem); right: clamp(-19.562rem, 19.4vw - 24.582rem, -9.062rem); } .hero-single .heading-4 { font-weight: 400; } .hero-single .hero-media { margin: clamp(2.313rem, 3.761vw + 0.554rem, 3.375rem) auto 0; width: clamp(19.688rem, 76.79vw - 0.182rem, 61.25rem); z-index: 2; } .hero-single .hero-media img, .hero-single .hero-media video, .hero-single .hero-media iframe { border-radius: 30px; width: 100%; -o-object-fit: cover; object-fit: cover; height: clamp(10.875rem, 42.379vw - 0.091rem, 33.813rem); } .hero-arrow { border: 1px solid var(--cpi_border); width: clamp(3.25rem, 3.695vw + 2.294rem, 5.25rem); height: clamp(2.25rem, 0.693vw + 2.071rem, 2.625rem); display: flex; justify-content: center; align-items: center; line-height: 0.6; border-radius: 50px; position: absolute; left: -60px; top: 3px; transition: all 0.3s ease-in-out; } .hero-arrow svg { max-width: clamp(1.875rem, 0.808vw + 1.666rem, 2.313rem); margin-bottom: 0; } .hero-arrow svg path { transition: all 0.3s ease-in-out; } a.hero-arrow:hover, a.hero-arrow:focus-visible, a.hero-arrow:visited:hover, a.hero-arrow:visited:focus-visible { background-color: var(--cpi_blue); } a.hero-arrow:hover svg path, a.hero-arrow:focus-visible svg path, a.hero-arrow:visited:hover svg path, a.hero-arrow:visited:focus-visible svg path { fill: var(--cpi_white); stroke: var(--cpi_border_2); } .kicker-text { font-size: 16px; line-height: 1.1; font-weight: 700; letter-spacing: 1.6px; margin-bottom: 23px; text-transform: uppercase; } .hero-subheading { margin-top: 38px; } .hero-subheading strong { line-height: 1.2; font-weight: 700; } .c-path-hero { padding: clamp(4.625rem, 4.273vw + 3.519rem, 6.938rem) 0 clamp(4.625rem, 5.427vw + 3.221rem, 7.563rem); } .c-path-hero h3, .c-path-hero .heading-3 { letter-spacing: 0; line-height: 1.4; } .c-path-hero h3 strong, .c-path-hero .heading-3 strong { font-weight: 600; } .c-path-hero .hero-text { max-width: 100%; margin-top: clamp(1.5rem, 2.079vw + 0.962rem, 2.625rem); } .c-path-hero .video-block { margin-top: 50px; max-width: 1069px; } .c-path-hero .hero-content { max-width: 962px; } .c-path-hero .video-block { margin-top: clamp(2.188rem, 5.196vw + 0.843rem, 5rem); } .c-path-hero .gradient-bg:nth-child(1) { top: 22%; right: clamp(-18.625rem, -25.442vw + 0.457rem, -11.437rem); filter: blur(100px); } .c-path-hero .gradient-bg:nth-child(2) { top: clamp(-9.875rem, -5.531vw - 5.727rem, -8.312rem); right: clamp(-26.062rem, -22.788vw - 8.972rem, -19.625rem); } .resource-hero-ctn { overflow: hidden; } .resources-hero { padding: clamp(5.813rem, 2.099vw + 5.32rem, 7rem) 0 clamp(1.5rem, 6.188vw + 0.05rem, 5rem); } .resources-hero h1 { line-height: 1.09; } .resources-hero .gradient-bg:nth-child(1) { left: auto; right: clamp(-9.625rem, 31.833vw - 21.562rem, 2.313rem); top: auto; bottom: -50px; } .resources-hero .gradient-bg:nth-child(2) { right: clamp(-19.625rem, -21.833vw - 11.438rem, -27.813rem); top: clamp(-18.187rem, -26.333vw + 1.562rem, -8.312rem); } .resource-detail-hero { padding: clamp(3.688rem, 1.547vw + 3.325rem, 4.563rem) 0 clamp(5.375rem, 0.221vw + 5.323rem, 5.5rem); } .resource-detail-hero .heading-2 { font-size: clamp(2.688rem, 1.549vw + 1.963rem, 3.125rem); } .resource-detail-hero .kicker-text { letter-spacing: 1.92px; margin-bottom: 12px; } .resource-detail-hero .kicker-text a, .resource-detail-hero .kicker-text a:visited { text-decoration: underline; text-decoration-thickness: 1px; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; text-underline-offset: 4px; text-decoration-color: transparent; } .resource-detail-hero .kicker-text a:hover, .resource-detail-hero .kicker-text a:focus-visible, .resource-detail-hero .kicker-text a:active, .resource-detail-hero .kicker-text a:visited:hover, .resource-detail-hero .kicker-text a:visited:focus-visible, .resource-detail-hero .kicker-text a:visited:active { text-decoration-color: var(--cpi_blue); } .resource-detail-hero .kicker-text, .resource-detail-hero .kicker-text a, .resource-detail-hero .kicker-text a:visited { color: var(--cpi_blue); } .resource-detail-hero .post-meta { margin-top: 22px; } .resource-detail-hero .gradient-bg:nth-child(1) { background-color: var(--cpi_blue_1); width: 431px; height: 196px; left: clamp(-16.875rem, -14.5vw - 6rem, -11.437rem); } .resource-detail-hero .gradient-bg:nth-child(2) { background-color: var(--cpi_yellow_3); width: 467px; height: 230px; top: clamp(-10.5rem, 7.667vw - 13.375rem, -7.625rem); right: clamp(-21rem, 31.833vw - 32.937rem, -9.062rem); } .hero-buttons { display: flex; gap: 20px; } /*------------------------------------------------- >> Styles for footer -------------------------------------------------*/ footer { position: relative; background-color: var(--cpi_footer_bgcolor); } footer .gform_confirmation_message { background-color: var(--cpi_white); font-weight: 500; padding: 12px 16px; } .footer-cta { background-color: var(--cpi_color_on_primary); padding-bottom: clamp(2.125rem, 13.053vw - 3.977rem, 5.813rem); } .footer-cta h2 { line-height: 1.1; } .footer-cta h2, .footer-cta h3, .footer-cta h4, .footer-cta h5, .footer-cta h6 { margin-bottom: 0; } .footer-cta h2 strong, .footer-cta h3 strong, .footer-cta h4 strong, .footer-cta h5 strong, .footer-cta h6 strong { font-weight: 600; } .footer-cta-inner { gap: 30px; margin-left: 98px; padding: 61px clamp(0rem, 22.124vw - 10.343rem, 6.25rem) 43px clamp(2.75rem, 6.637vw - 0.353rem, 4.625rem); border-top: 1px solid var(--cpi_border); border-left: 1px solid var(--cpi_border); border-top-left-radius: 50px; } .footer-cta-btn .wp-block-button a, .footer-cta-btn .wp-block-button a:visited { height: auto; padding: 34.5px 59.5px; width: 198px; background-color: var(--cpi_color_primary); font-size: var(--cpi_font_size_1); } .footer-cta-btn .wp-block-button a:hover, .footer-cta-btn .wp-block-button a:visited:hover { background-color: var(black); } .footer-ctn { padding: clamp(2.875rem, 8.85vw - 1.262rem, 5.375rem) 0 44px; box-sizing: border-box; } .footer-ctn p, .footer-ctn ul, .footer-ctn a, .footer-ctn a:visited, .footer-ctn label, .footer-ctn input[type=text], .footer-ctn input[type=number], .footer-ctn input[type=email], .footer-ctn input[type=tel], .footer-ctn input[type=url], .footer-ctn input[type=search], .footer-ctn input[type=password], .footer-ctn input[type=time], .footer-ctn input[type=date], .footer-ctn input[type=datetime-local], .footer-ctn input[type=week], .footer-ctn input[type=month], .footer-ctn input[type=file], .footer-ctn input[type=range], .footer-ctn input[list], .footer-ctn input[type=string], .footer-ctn select, .footer-ctn textarea, .footer-ctn .gform-text-input-reset { color: var(--cpi_footer_color); } .footer-ctn .gform_footer { margin-top: 0; } .footer-logo { line-height: 0.65; max-width: clamp(11.063rem, 14.159vw + 4.443rem, 15.063rem); } .footer-logo a, .footer-logo a:visited { border: none; display: inline-block; } .footer-widgets .single-widget:first-child { width: 40.05%; } .footer-widgets .single-widget:nth-child(2), .footer-widgets .single-widget:nth-child(3) { margin-top: -3px; } .footer-widgets .single-widget:nth-child(2) { width: 17%; position: relative; left: 13px; } .footer-widgets .single-widget:nth-child(3) { width: 23.7%; } .footer-nav ul { padding: 0; margin: 0; } .footer-nav ul li { padding: 0; margin: 0; list-style-type: none; line-height: 1; } .footer-nav ul li a, .footer-nav ul li a:visited { font-size: var(--cpi_font_size_1); line-height: 2; position: relative; display: inline-block; font-weight: 400; text-transform: capitalize; color: var(--cpi_f_nav_color); } .footer-nav ul li a::after, .footer-nav ul li a:visited::after { content: ""; position: absolute; width: 100%; height: 1px; bottom: 8px; left: 0; background-color: var(--cpi_f_nav_border_color); opacity: 0.8; transform: scaleX(0); transform-origin: bottom right; transition: transform 0.3s; } .footer-nav ul li.current-menu-item > a, .footer-nav ul li.current-menu-parent > a, .footer-nav ul li a:hover, .footer-nav ul li a:focus-visible { border: 0; } .footer-nav ul li.current-menu-item > a::after, .footer-nav ul li.current-menu-parent > a::after, .footer-nav ul li a:hover::after, .footer-nav ul li a:focus-visible::after { transform-origin: bottom left; transform: scaleX(1); } .footer-nav ul ul { padding: 20px 0 10px; } .footer-nav ul ul li { display: block; margin: 0 0 14px; padding: 0 15px; } .footer-nav ul ul li:last-child { margin: 0; } .footer-bottom { justify-content: space-between; align-items: center; } .copy-right { width: 25%; color: var(--cpi_copyright_color); font-size: 16px; line-height: 1.4; font-weight: 400; text-transform: capitalize; } .legal-nav { width: 65%; } .legal-nav ul { margin: 0; padding: 0; list-style-type: none; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; } .legal-nav ul li { padding: 0; margin-bottom: 0; margin-left: 29.3px; font-size: 14px; font-family: "proxima-nova", sans-serif; } .legal-nav ul li:first-child { margin-left: 0; } .legal-nav ul li a, .legal-nav ul li a:visited { line-height: 1.4; color: var(--cpi_legal_nav_color); position: relative; display: block; font-size: 16px; font-weight: 400; text-transform: capitalize; } .legal-nav ul li a::after, .legal-nav ul li a:visited::after { content: ""; position: absolute; width: 100%; height: 1px; bottom: 2px; left: 0; background-color: var(--cpi_legal_nav_border_color); transform: scaleX(0); transform-origin: bottom right; transition: transform 0.3s; } .legal-nav ul li a:hover::after, .legal-nav ul li a:focus-visible::after, .legal-nav ul li a:visited:hover::after, .legal-nav ul li a:visited:focus-visible::after { transform-origin: bottom left; transform: scaleX(1); } .legal-nav ul li.current-menu-item a::after { transform-origin: bottom left; transform: scaleX(1); } .legal-nav ul li:first-child { margin-left: 0; } .social-icons { margin: 32px 0 0 13px; } .social-icons a { width: 19px; height: 19px; margin-right: 30px; } .social-icons a svg { margin-bottom: 0; width: 100%; height: 100%; } .social-icons a svg path { transition: all 0.3s linear; } .social-icons a:hover, .social-icons a:focus-visible { background-color: var(--wp--preset--color--gray); } .social-icons a:hover svg path, .social-icons a:focus-visible svg path { fill: var(--cpi_color_primary); } .footer-form { margin-top: clamp(3.75rem, 1.386vw + 3.391rem, 4.5rem); position: relative; } .footer-form form { margin-bottom: 0; } .footer-form label { font-size: var(--cpi_font_size_1); letter-spacing: 1.8px; margin-bottom: 17px; } .footer-form input { margin: 0; } .footer-form input[type=email] { font-family: "begum", sans-serif; font-weight: 500; font-size: var(--cpi_font_size_9); border: none; border-bottom: 1px solid var(--cpi_white_3); border-radius: 0; padding: 0 clamp(3.125rem, 1.155vw + 2.826rem, 3.75rem) 0 0; background-color: transparent; } .footer-form input[type=email]::-moz-placeholder { color: var(--cpi_white_2); } .footer-form input[type=email]::placeholder { color: var(--cpi_white_2); } .footer-form input[type=email]:focus { border-bottom-color: var(--cpi_color_primary); } .footer-form input[type=submit] { color: transparent; background-color: transparent; padding: 0; width: 41px; height: 22px; min-height: auto; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCA0MSAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI4LjQwNSAxLjc4NjYxTDM2LjI2OTYgOS40ODY1OEwzNi44ODI1IDEwLjA4NjdIMzYuMDI0OEgwLjM0OTMyM1YxMS45MTMzSDM2LjAyNDhIMzYuODgyNkwzNi4yNjk2IDEyLjUxMzRMMjguNDA1IDIwLjIxMzNMMjkuNzI5NiAyMS41MTAyTDQwLjQ2NDUgMTAuOTk5OUwyOS43Mjk2IDAuNDg5ODE5TDI4LjQwNSAxLjc4NjYxWiIgZmlsbD0id2hpdGUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMC43Ii8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; bottom: 17px; right: 0; } .footer-contact { margin-bottom: 29px; } .footer-contact a, .footer-contact a:visited { font-size: var(--cpi_font_size_1); font-weight: 400; line-height: 2; } .footer-logos { gap: 26px; flex-wrap: wrap; padding-top: 60px; } .footer-logos .partner-logo { width: clamp(4.938rem, 6.324vw + 2.566rem, 7.625rem); aspect-ratio: 1/1; line-height: 0.6; display: flex; align-items: center; justify-content: center; } .footer-logos .partner-logo a, .footer-logos .partner-logo a:visited { display: block; } .footer-logos .partner-logo a, .footer-logos .partner-logo a:visited, .footer-logos .partner-logo img { width: 100%; height: 100%; } .footer-logos .partner-logo img { -o-object-fit: cover; object-fit: cover; } /*------------------------------------------------- >> Styles for Containers -------------------------------------------------*/ /**** * * containers * ****/ .wrapper { max-width: 1180px; width: 90%; margin: 0 auto; } body.program-detail-single .page-section .wrapper, body.program-detail-single .page-section .ctn-1130 .wrapper, body.program-detail-single .page-section .ctn-980 .wrapper, body.program-detail-single .page-section .ctn-840 .wrapper { width: 100%; } .ctn-1130 .wrapper { max-width: 1130px; } .ctn-980 .wrapper { max-width: 980px; } .ctn-980 .wrapper .video-image { height: clamp(10.813rem, 42.494vw - 0.183rem, 33.813rem); } .ctn-980 .wrapper .video-icon { width: clamp(2.875rem, 3.695vw + 1.919rem, 4.875rem); height: clamp(2.875rem, 3.695vw + 1.919rem, 4.875rem); } .ctn-840 .wrapper { max-width: 840px; } .full-width-ctn .wrapper { max-width: 100%; width: 100%; } .black-ctn { background-color: var(--cpi_black_ctn); --cpi_border_5: var(--cpi_border_2); } .black-ctn .owl-carousel .owl-nav span { filter: brightness(0) saturate(100%) invert(100%) sepia(14%) saturate(0%) hue-rotate(218deg) brightness(107%) contrast(101%); } .black-ctn .program-teaser-lists-tabs { background-color: var(--cpi_black_ctn); position: relative; z-index: 3; } .black-ctn .wp-block-button a.wp-element-button, .black-ctn .wp-block-button a:visited.wp-element-button { color: var(--cpi_white); } .black-ctn .wp-block-button a, .black-ctn .wp-block-button a:visited { color: var(--cpi_white); } .black-ctn .faq-head:hover .faq-icon, .black-ctn .faq-head:hover .nested-faq-icon, .black-ctn .faq-head:focus-visible .faq-icon, .black-ctn .faq-head:focus-visible .nested-faq-icon, .black-ctn .faq-head.active .faq-icon, .black-ctn .faq-head.active .nested-faq-icon, .black-ctn .nested-faq-head:hover .faq-icon, .black-ctn .nested-faq-head:hover .nested-faq-icon, .black-ctn .nested-faq-head:focus-visible .faq-icon, .black-ctn .nested-faq-head:focus-visible .nested-faq-icon, .black-ctn .nested-faq-head.active .faq-icon, .black-ctn .nested-faq-head.active .nested-faq-icon { border-color: var(--cpi_border_4); } .black-ctn .tab-nav { border-color: var(--cpi_border_4); } .black-ctn .tab-nav li a, .black-ctn .tab-nav li a:visited { color: var(--cpi_yellow); } .black-ctn .timeline-slider.have-slides::after { background-color: var(--cpi_border_2); } .black-ctn .program-teaser-list:hover .program-teaser-list-inner *, .black-ctn .program-teaser-list:focus-visible .program-teaser-list-inner * { color: var(--cpi_black_ctn_text); } .black-ctn ul:not(.tab-nav), .black-ctn ol:not(.tab-nav), .editor-cream-ctn ul:not(.tab-nav), .editor-cream-ctn ol:not(.tab-nav), .cream-ctn ul:not(.tab-nav), .cream-ctn ol:not(.tab-nav) { display: inline-block; } .black-ctn blockquote:last-child, .black-ctn blockquote.wp-block-quote.is-style-large.wp-block-quote.is-style-large:last-child, .black-ctn figure:last-child, .editor-cream-ctn blockquote:last-child, .editor-cream-ctn blockquote.wp-block-quote.is-style-large.wp-block-quote.is-style-large:last-child, .editor-cream-ctn figure:last-child, .cream-ctn blockquote:last-child, .cream-ctn blockquote.wp-block-quote.is-style-large.wp-block-quote.is-style-large:last-child, .cream-ctn figure:last-child { margin-bottom: 0; } .black-ctn, .editor-cream-ctn { --cpi_black: var(--cpi_white); --cpi_color_secondary: var(--cpi_white); --cpi_border: var(--cpi_white); --cpi_border_1: var(--cpi_white_6); --cpi_color_on_background: var(--cpi_white); --cpi_regular_text: var(--cpi_white); --cpi_regular_text_1: var(--cpi_white_7); --cpi_theme_btn_color: var(--cpi_white); } .black-ctn .program-teaser-list-inner, .editor-cream-ctn .program-teaser-list-inner { background-color: var(--cpi_black_7); } .black-ctn *, .editor-cream-ctn * { color: var(--cpi_white); } .black-ctn .timeline-slider.owl-carousel .owl-nav::before, .editor-cream-ctn .timeline-slider.owl-carousel .owl-nav::before { background-color: var(--cpi_black_ctn); } .black-ctn .faq-head, .black-ctn .nested-faq-head, .editor-cream-ctn .faq-head, .editor-cream-ctn .nested-faq-head { border-top: 1px solid var(--cpi_border_2); } .black-ctn ul li:before, .editor-cream-ctn ul li:before { background-color: var(--cpi_white); } .black-ctn .program-teaser-tabs .tab-nav li a.current, .black-ctn .program-teaser-tabs .tab-nav li a:visited.current, .editor-cream-ctn .program-teaser-tabs .tab-nav li a.current, .editor-cream-ctn .program-teaser-tabs .tab-nav li a:visited.current { color: var(--cpi_black_ctn_text); } .black-ctn .faq-icon, .black-ctn .nested-faq-icon, .editor-cream-ctn .faq-icon, .editor-cream-ctn .nested-faq-icon { border-color: 1px solid var(--cpi_border_2); } .black-ctn .faq-icon img, .black-ctn .nested-faq-icon img, .editor-cream-ctn .faq-icon img, .editor-cream-ctn .nested-faq-icon img { filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(129deg) brightness(113%) contrast(100%); } .black-ctn .faqs, .editor-cream-ctn .faqs { border-color: 1px solid var(--cpi_border_2); } .black-ctn .wp-block-button.is-style-icon-button a:hover, .black-ctn .wp-block-button.is-style-icon-button a:focus-visible, .black-ctn .wp-block-button.is-style-icon-button a:visited:hover, .black-ctn .wp-block-button.is-style-icon-button a:visited:focus-visible, .black-ctn .wp-block-button.is-style-icon-button a span:hover, .black-ctn .wp-block-button.is-style-icon-button a span:focus-visible, .black-ctn .wp-block-button.is-style-icon-button span:hover, .black-ctn .wp-block-button.is-style-icon-button span:focus-visible, .black-ctn .wp-block-button.is-style-icon-button a:visited span:hover, .black-ctn .wp-block-button.is-style-icon-button a:visited span:focus-visible, .black-ctn .wp-block-button.is-style-icon-button .wp-element-button span:hover, .black-ctn .wp-block-button.is-style-icon-button .wp-element-button span:focus-visible, .editor-cream-ctn .wp-block-button.is-style-icon-button a:hover, .editor-cream-ctn .wp-block-button.is-style-icon-button a:focus-visible, .editor-cream-ctn .wp-block-button.is-style-icon-button a:visited:hover, .editor-cream-ctn .wp-block-button.is-style-icon-button a:visited:focus-visible, .editor-cream-ctn .wp-block-button.is-style-icon-button a span:hover, .editor-cream-ctn .wp-block-button.is-style-icon-button a span:focus-visible, .editor-cream-ctn .wp-block-button.is-style-icon-button span:hover, .editor-cream-ctn .wp-block-button.is-style-icon-button span:focus-visible, .editor-cream-ctn .wp-block-button.is-style-icon-button a:visited span:hover, .editor-cream-ctn .wp-block-button.is-style-icon-button a:visited span:focus-visible, .editor-cream-ctn .wp-block-button.is-style-icon-button .wp-element-button span:hover, .editor-cream-ctn .wp-block-button.is-style-icon-button .wp-element-button span:focus-visible { background-color: var(--cpi_white); } .black-ctn .wp-block-button.is-style-icon-button a:hover svg path, .black-ctn .wp-block-button.is-style-icon-button a:focus-visible svg path, .black-ctn .wp-block-button.is-style-icon-button a:visited:hover svg path, .black-ctn .wp-block-button.is-style-icon-button a:visited:focus-visible svg path, .black-ctn .wp-block-button.is-style-icon-button a span:hover svg path, .black-ctn .wp-block-button.is-style-icon-button a span:focus-visible svg path, .black-ctn .wp-block-button.is-style-icon-button span:hover svg path, .black-ctn .wp-block-button.is-style-icon-button span:focus-visible svg path, .black-ctn .wp-block-button.is-style-icon-button a:visited span:hover svg path, .black-ctn .wp-block-button.is-style-icon-button a:visited span:focus-visible svg path, .black-ctn .wp-block-button.is-style-icon-button .wp-element-button span:hover svg path, .black-ctn .wp-block-button.is-style-icon-button .wp-element-button span:focus-visible svg path, .editor-cream-ctn .wp-block-button.is-style-icon-button a:hover svg path, .editor-cream-ctn .wp-block-button.is-style-icon-button a:focus-visible svg path, .editor-cream-ctn .wp-block-button.is-style-icon-button a:visited:hover svg path, .editor-cream-ctn .wp-block-button.is-style-icon-button a:visited:focus-visible svg path, .editor-cream-ctn .wp-block-button.is-style-icon-button a span:hover svg path, .editor-cream-ctn .wp-block-button.is-style-icon-button a span:focus-visible svg path, .editor-cream-ctn .wp-block-button.is-style-icon-button span:hover svg path, .editor-cream-ctn .wp-block-button.is-style-icon-button span:focus-visible svg path, .editor-cream-ctn .wp-block-button.is-style-icon-button a:visited span:hover svg path, .editor-cream-ctn .wp-block-button.is-style-icon-button a:visited span:focus-visible svg path, .editor-cream-ctn .wp-block-button.is-style-icon-button .wp-element-button span:hover svg path, .editor-cream-ctn .wp-block-button.is-style-icon-button .wp-element-button span:focus-visible svg path { stroke: var(--cpi_yellow); } .black-ctn .wp-block-button.is-style-icon-button a svg path, .black-ctn .wp-block-button.is-style-icon-button a:visited svg path, .black-ctn .wp-block-button.is-style-icon-button a span svg path, .black-ctn .wp-block-button.is-style-icon-button span svg path, .black-ctn .wp-block-button.is-style-icon-button a:visited span svg path, .black-ctn .wp-block-button.is-style-icon-button .wp-element-button span svg path, .editor-cream-ctn .wp-block-button.is-style-icon-button a svg path, .editor-cream-ctn .wp-block-button.is-style-icon-button a:visited svg path, .editor-cream-ctn .wp-block-button.is-style-icon-button a span svg path, .editor-cream-ctn .wp-block-button.is-style-icon-button span svg path, .editor-cream-ctn .wp-block-button.is-style-icon-button a:visited span svg path, .editor-cream-ctn .wp-block-button.is-style-icon-button .wp-element-button span svg path { stroke: var(--cpi_white); } .black-ctn .wp-block-button.is-style-transparent-white-button a, .black-ctn .wp-block-button.is-style-transparent-white-button a:visited, .black-ctn .wp-block-button.is-style-transparent-white-button .wp-element-button, .editor-cream-ctn .wp-block-button.is-style-transparent-white-button a, .editor-cream-ctn .wp-block-button.is-style-transparent-white-button a:visited, .editor-cream-ctn .wp-block-button.is-style-transparent-white-button .wp-element-button { color: var(--cpi_white); background-color: var(--cpi_theme_btn_bgcolor); border: 1px solid var(--cpi_border_2); } .black-ctn .wp-block-button.is-style-transparent-white-button a:hover, .black-ctn .wp-block-button.is-style-transparent-white-button a:focus-visible, .black-ctn .wp-block-button.is-style-transparent-white-button a:visited:hover, .black-ctn .wp-block-button.is-style-transparent-white-button a:visited:focus-visible, .black-ctn .wp-block-button.is-style-transparent-white-button .wp-element-button:hover, .black-ctn .wp-block-button.is-style-transparent-white-button .wp-element-button:focus-visible, .editor-cream-ctn .wp-block-button.is-style-transparent-white-button a:hover, .editor-cream-ctn .wp-block-button.is-style-transparent-white-button a:focus-visible, .editor-cream-ctn .wp-block-button.is-style-transparent-white-button a:visited:hover, .editor-cream-ctn .wp-block-button.is-style-transparent-white-button a:visited:focus-visible, .editor-cream-ctn .wp-block-button.is-style-transparent-white-button .wp-element-button:hover, .editor-cream-ctn .wp-block-button.is-style-transparent-white-button .wp-element-button:focus-visible { background-color: var(--cpi_color_primary); border-color: var(--cpi_border_4); color: var(--cpi_black_ctn_text); } .black-ctn .wp-block-button.is-style-arrow-button a:hover, .black-ctn .wp-block-button.is-style-arrow-button a:focus-visible, .black-ctn .wp-block-button.is-style-arrow-button a:visited:hover, .black-ctn .wp-block-button.is-style-arrow-button a:visited:focus-visible, .black-ctn .wp-block-button.is-style-arrow-button a span:hover, .black-ctn .wp-block-button.is-style-arrow-button a span:focus-visible, .black-ctn .wp-block-button.is-style-arrow-button span:hover, .black-ctn .wp-block-button.is-style-arrow-button span:focus-visible, .black-ctn .wp-block-button.is-style-arrow-button a:visited span:hover, .black-ctn .wp-block-button.is-style-arrow-button a:visited span:focus-visible, .black-ctn .wp-block-button.is-style-arrow-button .wp-element-button span:hover, .black-ctn .wp-block-button.is-style-arrow-button .wp-element-button span:focus-visible, .editor-cream-ctn .wp-block-button.is-style-arrow-button a:hover, .editor-cream-ctn .wp-block-button.is-style-arrow-button a:focus-visible, .editor-cream-ctn .wp-block-button.is-style-arrow-button a:visited:hover, .editor-cream-ctn .wp-block-button.is-style-arrow-button a:visited:focus-visible, .editor-cream-ctn .wp-block-button.is-style-arrow-button a span:hover, .editor-cream-ctn .wp-block-button.is-style-arrow-button a span:focus-visible, .editor-cream-ctn .wp-block-button.is-style-arrow-button span:hover, .editor-cream-ctn .wp-block-button.is-style-arrow-button span:focus-visible, .editor-cream-ctn .wp-block-button.is-style-arrow-button a:visited span:hover, .editor-cream-ctn .wp-block-button.is-style-arrow-button a:visited span:focus-visible, .editor-cream-ctn .wp-block-button.is-style-arrow-button .wp-element-button span:hover, .editor-cream-ctn .wp-block-button.is-style-arrow-button .wp-element-button span:focus-visible { background-color: transparent; } .black-ctn .wp-block-button.is-style-outline a.wp-block-button__link, .black-ctn .wp-block-button a, .black-ctn .wp-block-button a:visited, .black-ctn .wp-block-button span, .editor-cream-ctn .wp-block-button.is-style-outline a.wp-block-button__link, .editor-cream-ctn .wp-block-button a, .editor-cream-ctn .wp-block-button a:visited, .editor-cream-ctn .wp-block-button span { border-color: var(--cpi_border); } .black-ctn .wp-block-button.is-style-outline a.wp-block-button__link:hover, .black-ctn .wp-block-button.is-style-outline a.wp-block-button__link:focus-visible, .black-ctn .wp-block-button a:hover, .black-ctn .wp-block-button a:focus-visible, .black-ctn .wp-block-button a:visited:hover, .black-ctn .wp-block-button a:visited:focus-visible, .black-ctn .wp-block-button span:hover, .black-ctn .wp-block-button span:focus-visible, .editor-cream-ctn .wp-block-button.is-style-outline a.wp-block-button__link:hover, .editor-cream-ctn .wp-block-button.is-style-outline a.wp-block-button__link:focus-visible, .editor-cream-ctn .wp-block-button a:hover, .editor-cream-ctn .wp-block-button a:focus-visible, .editor-cream-ctn .wp-block-button a:visited:hover, .editor-cream-ctn .wp-block-button a:visited:focus-visible, .editor-cream-ctn .wp-block-button span:hover, .editor-cream-ctn .wp-block-button span:focus-visible { background-color: var(--cpi_color_secondary); color: var(--cpi_black_ctn_text); border-color: var(--cpi_border_2); } .black-ctn .wp-block-button.is-style-gold-button a, .black-ctn .wp-block-button.is-style-gold-button a:visited, .black-ctn .wp-block-button.is-style-gold-button span, .black-ctn .wp-block-button.is-style-gold-button .wp-element-button, .black-ctn .wp-block-button.is-style-small-yellow-button a, .black-ctn .wp-block-button.is-style-small-yellow-button a:visited, .black-ctn .wp-block-button.is-style-small-yellow-button span, .black-ctn .wp-block-button.is-style-small-yellow-button .wp-element-button, .editor-cream-ctn .wp-block-button.is-style-gold-button a, .editor-cream-ctn .wp-block-button.is-style-gold-button a:visited, .editor-cream-ctn .wp-block-button.is-style-gold-button span, .editor-cream-ctn .wp-block-button.is-style-gold-button .wp-element-button, .editor-cream-ctn .wp-block-button.is-style-small-yellow-button a, .editor-cream-ctn .wp-block-button.is-style-small-yellow-button a:visited, .editor-cream-ctn .wp-block-button.is-style-small-yellow-button span, .editor-cream-ctn .wp-block-button.is-style-small-yellow-button .wp-element-button { border-color: var(--cpi_border_4); color: var(--cpi_black_ctn_text); } .black-ctn .wp-block-button.is-style-gold-button a:hover, .black-ctn .wp-block-button.is-style-gold-button a:focus-visible, .black-ctn .wp-block-button.is-style-gold-button a:visited:hover, .black-ctn .wp-block-button.is-style-gold-button a:visited:focus-visible, .black-ctn .wp-block-button.is-style-gold-button span:hover, .black-ctn .wp-block-button.is-style-gold-button span:focus-visible, .black-ctn .wp-block-button.is-style-gold-button .wp-element-button:hover, .black-ctn .wp-block-button.is-style-gold-button .wp-element-button:focus-visible, .black-ctn .wp-block-button.is-style-small-yellow-button a:hover, .black-ctn .wp-block-button.is-style-small-yellow-button a:focus-visible, .black-ctn .wp-block-button.is-style-small-yellow-button a:visited:hover, .black-ctn .wp-block-button.is-style-small-yellow-button a:visited:focus-visible, .black-ctn .wp-block-button.is-style-small-yellow-button span:hover, .black-ctn .wp-block-button.is-style-small-yellow-button span:focus-visible, .black-ctn .wp-block-button.is-style-small-yellow-button .wp-element-button:hover, .black-ctn .wp-block-button.is-style-small-yellow-button .wp-element-button:focus-visible, .editor-cream-ctn .wp-block-button.is-style-gold-button a:hover, .editor-cream-ctn .wp-block-button.is-style-gold-button a:focus-visible, .editor-cream-ctn .wp-block-button.is-style-gold-button a:visited:hover, .editor-cream-ctn .wp-block-button.is-style-gold-button a:visited:focus-visible, .editor-cream-ctn .wp-block-button.is-style-gold-button span:hover, .editor-cream-ctn .wp-block-button.is-style-gold-button span:focus-visible, .editor-cream-ctn .wp-block-button.is-style-gold-button .wp-element-button:hover, .editor-cream-ctn .wp-block-button.is-style-gold-button .wp-element-button:focus-visible, .editor-cream-ctn .wp-block-button.is-style-small-yellow-button a:hover, .editor-cream-ctn .wp-block-button.is-style-small-yellow-button a:focus-visible, .editor-cream-ctn .wp-block-button.is-style-small-yellow-button a:visited:hover, .editor-cream-ctn .wp-block-button.is-style-small-yellow-button a:visited:focus-visible, .editor-cream-ctn .wp-block-button.is-style-small-yellow-button span:hover, .editor-cream-ctn .wp-block-button.is-style-small-yellow-button span:focus-visible, .editor-cream-ctn .wp-block-button.is-style-small-yellow-button .wp-element-button:hover, .editor-cream-ctn .wp-block-button.is-style-small-yellow-button .wp-element-button:focus-visible { border-color: var(--cpi_border_1); } .black-ctn .wp-block-button.is-style-black-button a, .black-ctn .wp-block-button.is-style-black-button a:visited, .black-ctn .wp-block-button.is-style-black-button span, .black-ctn .wp-block-button.is-style-black-button .wp-element-button, .black-ctn .wp-block-button.is-style-small-black-button a, .black-ctn .wp-block-button.is-style-small-black-button a:visited, .black-ctn .wp-block-button.is-style-small-black-button span, .black-ctn .wp-block-button.is-style-small-black-button .wp-element-button, .editor-cream-ctn .wp-block-button.is-style-black-button a, .editor-cream-ctn .wp-block-button.is-style-black-button a:visited, .editor-cream-ctn .wp-block-button.is-style-black-button span, .editor-cream-ctn .wp-block-button.is-style-black-button .wp-element-button, .editor-cream-ctn .wp-block-button.is-style-small-black-button a, .editor-cream-ctn .wp-block-button.is-style-small-black-button a:visited, .editor-cream-ctn .wp-block-button.is-style-small-black-button span, .editor-cream-ctn .wp-block-button.is-style-small-black-button .wp-element-button { color: var(--cpi_black_ctn_text); } .black-ctn .wp-block-button.is-style-black-button a:hover, .black-ctn .wp-block-button.is-style-black-button a:focus-visible, .black-ctn .wp-block-button.is-style-black-button a:visited:hover, .black-ctn .wp-block-button.is-style-black-button a:visited:focus-visible, .black-ctn .wp-block-button.is-style-black-button span:hover, .black-ctn .wp-block-button.is-style-black-button span:focus-visible, .black-ctn .wp-block-button.is-style-black-button .wp-element-button:hover, .black-ctn .wp-block-button.is-style-black-button .wp-element-button:focus-visible, .black-ctn .wp-block-button.is-style-small-black-button a:hover, .black-ctn .wp-block-button.is-style-small-black-button a:focus-visible, .black-ctn .wp-block-button.is-style-small-black-button a:visited:hover, .black-ctn .wp-block-button.is-style-small-black-button a:visited:focus-visible, .black-ctn .wp-block-button.is-style-small-black-button span:hover, .black-ctn .wp-block-button.is-style-small-black-button span:focus-visible, .black-ctn .wp-block-button.is-style-small-black-button .wp-element-button:hover, .black-ctn .wp-block-button.is-style-small-black-button .wp-element-button:focus-visible, .editor-cream-ctn .wp-block-button.is-style-black-button a:hover, .editor-cream-ctn .wp-block-button.is-style-black-button a:focus-visible, .editor-cream-ctn .wp-block-button.is-style-black-button a:visited:hover, .editor-cream-ctn .wp-block-button.is-style-black-button a:visited:focus-visible, .editor-cream-ctn .wp-block-button.is-style-black-button span:hover, .editor-cream-ctn .wp-block-button.is-style-black-button span:focus-visible, .editor-cream-ctn .wp-block-button.is-style-black-button .wp-element-button:hover, .editor-cream-ctn .wp-block-button.is-style-black-button .wp-element-button:focus-visible, .editor-cream-ctn .wp-block-button.is-style-small-black-button a:hover, .editor-cream-ctn .wp-block-button.is-style-small-black-button a:focus-visible, .editor-cream-ctn .wp-block-button.is-style-small-black-button a:visited:hover, .editor-cream-ctn .wp-block-button.is-style-small-black-button a:visited:focus-visible, .editor-cream-ctn .wp-block-button.is-style-small-black-button span:hover, .editor-cream-ctn .wp-block-button.is-style-small-black-button span:focus-visible, .editor-cream-ctn .wp-block-button.is-style-small-black-button .wp-element-button:hover, .editor-cream-ctn .wp-block-button.is-style-small-black-button .wp-element-button:focus-visible { background-color: var(--cpi_yellow); border-color: var(--cpi_border_4); } .black-ctn .icon-grid-icon, .editor-cream-ctn .icon-grid-icon { border-color: var(--cpi_border_2); background-color: var(--transparent); } .black-ctn .icon-grid-icon img, .editor-cream-ctn .icon-grid-icon img { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(206deg) brightness(110%) contrast(102%); } .black-ctn .is-style-arrow-button a, .black-ctn .is-style-arrow-button a:visited, .black-ctn .is-style-arrow-button span, .editor-cream-ctn .is-style-arrow-button a, .editor-cream-ctn .is-style-arrow-button a:visited, .editor-cream-ctn .is-style-arrow-button span { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAzOCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2LjQxMzEgMi4xNDU2N0wzMy42NDg5IDkuMjMwMDlMMzMuOTk5MiA5LjU3M0gzMy41MDlIMC45NTg2MjJWMTEuNDdIMzMuNTA5SDMzLjk5OTJMMzMuNjQ4OSAxMS44MTI5TDI2LjQxMzEgMTguODk3MkwyNy43ODYxIDIwLjI0MTZMMzcuNzE0MSAxMC41MjE0TDI3Ljc4NjEgMC44MDEzODFMMjYuNDEzMSAyLjE0NTY3WiIgZmlsbD0id2hpdGUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMC40Ii8+Cjwvc3ZnPgo=); } .black-ctn .is-style-arrow-button a:hover, .black-ctn .is-style-arrow-button a:focus-visible, .black-ctn .is-style-arrow-button a:visited:hover, .black-ctn .is-style-arrow-button a:visited:focus-visible, .black-ctn .is-style-arrow-button span:hover, .black-ctn .is-style-arrow-button span:focus-visible, .editor-cream-ctn .is-style-arrow-button a:hover, .editor-cream-ctn .is-style-arrow-button a:focus-visible, .editor-cream-ctn .is-style-arrow-button a:visited:hover, .editor-cream-ctn .is-style-arrow-button a:visited:focus-visible, .editor-cream-ctn .is-style-arrow-button span:hover, .editor-cream-ctn .is-style-arrow-button span:focus-visible { color: var(--cpi_white); } .black-ctn .wp-block-button.is-style-outline a.wp-block-button__link, .black-ctn .wp-block-button.is-style-outline a.wp-block-button__link:visited, .black-ctn .is-style-outline a.wp-block-button__link, .black-ctn .is-style-outline a.wp-block-button__link:visited, .editor-cream-ctn .wp-block-button.is-style-outline a.wp-block-button__link, .editor-cream-ctn .wp-block-button.is-style-outline a.wp-block-button__link:visited, .editor-cream-ctn .is-style-outline a.wp-block-button__link, .editor-cream-ctn .is-style-outline a.wp-block-button__link:visited { border-color: var(--cpi_border_2) !important; } .cream-ctn { background-color: var(--cpi_cream); } .cream-ctn .icon-grid-icon, .cream-ctn .checklist-icon { background-color: var(--cpi_white); } .cream-ctn .timeline-slider.owl-carousel .owl-nav::before { background-color: var(--cpi_cream); } .cream-ctn .program-teaser-list-inner { background-color: var(--cpi_cream); } .gradient-ctn { position: relative; } .gradient-ctn::before { position: absolute; content: ""; top: calc(clamp(-9.25rem, 8.606vw - 11.267rem, -4.812rem) + 210px); left: clamp(-30.812rem, -30.909vw - 7.631rem, -14.875rem); width: clamp(28.875rem, 16.848vw + 24.926rem, 37.563rem); height: clamp(14.188rem, 8.242vw + 12.256rem, 18.438rem); background-color: var(--cpi_yellow_2); transform: rotate(-132.653deg); filter: blur(250px); border-radius: 601.618px; transform: rotate(-132.16deg); } .gradient-ctn::after { position: absolute; content: ""; bottom: 88px; right: clamp(-14.312rem, 22.303vw - 19.54rem, -2.812rem); width: clamp(18.75rem, 33.407vw + 3.132rem, 28.188rem); height: clamp(11.89rem, 0vw + 11.89rem, 11.89rem); background-color: var(--cpi_blue_1); transform: rotate(-132.653deg); filter: blur(180px); border-radius: 418.366px; transform: rotate(-35.096deg); } /*------------------------------------------------- >> Styles for Spacers -------------------------------------------------*/ .is-style-gl-s1, .gl-s1 { height: var(--cpi_space_1) !important; } .is-style-gl-s2, .gl-s2 { height: var(--cpi_space_2) !important; } .is-style-gl-s3, .gl-s3 { height: var(--cpi_space_3) !important; } .is-style-gl-s4, .gl-s4 { height: var(--cpi_space_4) !important; } .is-style-gl-s5, .gl-s5 { height: var(--cpi_space_5) !important; } .is-style-gl-s6, .gl-s6 { height: var(--cpi_space_6) !important; } .is-style-gl-s7, .gl-s7 { height: var(--cpi_space_7) !important; } .is-style-gl-s8, .gl-s8 { height: var(--cpi_space_8) !important; } .is-style-gl-s9, .gl-s9 { height: var(--cpi_space_9) !important; } .is-style-gl-s10, .gl-s10 { height: var(--cpi_space_10) !important; } .is-style-gl-s11, .gl-s11 { height: var(--cpi_space_11) !important; } .is-style-gl-s12, .gl-s12 { height: var(--cpi_space_12) !important; } .is-style-gl-s13, .gl-s13 { height: var(--cpi_space_13) !important; } .is-style-gl-s14, .gl-s14 { height: var(--cpi_space_14) !important; } .is-style-gl-s15, .gl-s15 { height: var(--cpi_space_15) !important; } .is-style-gl-s16, .gl-s16 { height: var(--cpi_space_16) !important; } /*------------------------------------------------- >> Styles for Theme Spacers -------------------------------------------------*/ .ts-160 { height: 160px; } .ts-140 { height: 140px; } .ts-120 { height: 120px; } .ts-100 { height: 100px; } .ts-80 { height: 80px; } .ts-60 { height: 60px; } .ts-40 { height: 40px; } /*------------------------------------------------- >> Styles for Heros of website -------------------------------------------------*/ /*------------------------------------------------- >> Styles for Home Hero -------------------------------------------------*/ .hero-home-heading { /*max-width: 780px; min-height: 304px;*/ max-width: 1080px; } .hero-home-heading strong { line-height: 1.3; } .hero-home-heading h1 div { line-height: 1.2; display: none; } .hero-home-text { max-width: 640px; width: 80%; min-height: 300px; } .hero-home-text p { font-family: "begum", sans-serif; font-weight: 300; font-size: clamp(1.25rem, 3.097vw - 0.198rem, 2.125rem); line-height: 1.41; margin-bottom: 37px; } .hero-home-text p:last-child { margin-bottom: 0; } .hero-home-text p strong { line-height: 1.2; font-weight: 600; } .image-mask { -webkit-clip-path: url(#image-path); clip-path: url(#image-path); width: 479px; height: 1384px; position: absolute; top: -110px; right: -112px; } .image-mask.image-mask-desktop{ z-index: 2; -webkit-clip-path: url(#image-path2); clip-path: url(#image-path2); } .image-mask.image-mask-mobile{ opacity:0 } .image-mask::before { content: ""; position: absolute; right: clamp(-18rem, -24.018vw + 1.215rem, -5rem); bottom: clamp(-12.75rem, -12.009vw - 3.143rem, -6.25rem); background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTA3IiBoZWlnaHQ9IjUwNyIgdmlld0JveD0iMCAwIDUwNyA1MDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHk9IjIzNC4xNTkiIHdpZHRoPSIzNTkuNDgiIGhlaWdodD0iMzU5LjQyIiB0cmFuc2Zvcm09InJvdGF0ZSgtNDAuNjQ1OCAwIDIzNC4xNTkpIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMTE2Ml8yMDM5KSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzExNjJfMjAzOSIgeDE9IjE3OS43NCIgeTE9IjIzNC4xNTkiIHgyPSIxNzkuNzQiIHkyPSI1OTMuNTc5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3Atb3BhY2l0eT0iMCIvPgo8c3RvcCBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K); background-repeat: no-repeat; background-size: cover; background-position: center; width: clamp(15.625rem, 30.023vw + 7.857rem, 31.875rem); height: clamp(15.625rem, 30.023vw + 7.857rem, 31.875rem); opacity:0 } .image-mask video { margin-bottom: 0; } .image-mask img, .image-mask video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .image-mask .svg { position: absolute; width: 0; height: 0; } /*------------------------------------------------- >> Styles for About Heros -------------------------------------------------*/ .about-hero { padding: clamp(3.938rem, 8.84vw + 1.866rem, 8.938rem) 0 clamp(6rem, 54.425vw - 19.444rem, 21.375rem); position: relative; } .about-hero .wrapper { max-width: 892px; } .about-hero .wrapper .hero-content { max-width: 770px; margin-left: auto; } .about-hero-image { --about_image_radius: clamp(2.5rem, 0.390625rem + 6.25vw, 5rem); position: absolute; line-height: 0.6; } .about-hero-image:nth-child(1) { top: 72px; right: calc(50% - 603px); } .about-hero-image:nth-child(1) img { width: clamp(9.9375rem, 4.6640625rem + 15.625vw, 16.1875rem); height: clamp(6.375rem, 7.39vw + 4.463rem, 10.375rem); border-top-left-radius: var(--about_image_radius); border-bottom-right-radius: var(--about_image_radius); } .about-hero-image:nth-child(2) { top: 205px; left: calc(50% - 639px); } .about-hero-image:nth-child(2) img { width: clamp(10rem, 4.19921875rem + 17.1875vw, 16.875rem); height: clamp(6.875rem, 8.776vw + 4.604rem, 11.625rem); border-top-right-radius: var(--about_image_radius); border-bottom-left-radius: var(--about_image_radius); } .about-hero-image:nth-child(3) { bottom: 242px; right: calc(50% - 531px); } .about-hero-image:nth-child(3) img { width: clamp(10.0625rem, 0.5703125rem + 28.125vw, 21.3125rem); border-top-right-radius: var(--about_image_radius); border-bottom-left-radius: var(--about_image_radius); } .about-hero-image:nth-child(4) { bottom: 126px; left: calc(50% - 397px); } .about-hero-image:nth-child(4) img { width: clamp(7.9375rem, 1.609375rem + 18.75vw, 15.4375rem); border-top-left-radius: var(--about_image_radius); border-bottom-right-radius: var(--about_image_radius); } .about-hero-jump-link { margin: clamp(3.063rem, 1.732vw + 1.614rem, 3rem) auto 0 0; text-align: center; } .about-hero-jump-link::after { content: ""; width: 1px; height: 302px; position: absolute; bottom: 18px; left: auto; margin: 0 auto; background-color: var(--cpi_border); } .jump-link-arrow { margin: 0 auto; border: 1px solid var(--cpi_border); border-radius: 100px; display: flex; align-items: center; justify-content: center; height: 57px; width: 42px; } a.jump-link-arrow:hover, a.jump-link-arrow:focus-visible, a:visited.jump-link-arrow:hover, a:visited.jump-link-arrow:focus-visible { background-color: var(--cpi_yellow); } /*------------------------------------------------- >> Basic styles for theme -------------------------------------------------*/ /**** * * helper classes * ****/ .small-text { font-size: var(--cpi_font_size_1); } .black-text { color: var(--wp--preset--color--black); } .white_text { color: var(--wp--preset--color--white); } .text-47 { font-size: var(--cpi_font_size_8); } .text-22 { font-size: var(--cpi_font_size_9); } .float-right { float: right; } .float-left { float: left; } .center-align { text-align: center; } .right-align { text-align: right; } .left-align { text-align: left; } .text-uppercase { text-transform: uppercase; } .text-decuration-none { text-decoration: none; } .d-flex { display: flex; } .d-inline-flex { display: inline-flex; } .flex-row { flex-direction: row; } .flex-column { flex-direction: column; } .flex-row-reverse { flex-direction: row-reverse; } .flex-column-reverse { flex-direction: column-reverse; } .justify-content-start { justify-content: flex-start; } .justify-content-end { justify-content: flex-end; } .justify-content-center { justify-content: center; } .justify-content-between { justify-content: space-between; } .justify-content-around { justify-content: space-around; } .align-items-start { align-items: flex-start; } .align-items-end { align-items: flex-end; } .align-items-center { align-items: center; } .align-items-baseline { align-items: baseline; } .align-items-stretch { align-items: stretch; } .align-content-start { align-content: flex-start; } .align-content-end { align-content: flex-end; } .align-content-center { align-content: center; } .align-content-between { align-content: space-between; } .align-content-around { align-content: space-around; } .align-content-stretch { align-content: stretch; } .align-self-auto { align-self: auto; } .align-self-start { align-self: flex-start; } .align-self-end { align-self: flex-end; } .align-self-center { align-self: center; } .align-self-baseline { align-self: baseline; } .align-self-stretch { align-self: stretch; } .flex-wrap { flex-wrap: wrap; } .flex-no-wrap { flex-wrap: nowrap; } .flex-center { display: flex; align-items: center; justify-content: center; } .bg-cover { background-size: cover; } .bg-contain { background-size: contain; } .bg-position-center { background-position: center; } .bg-norepeat { background-repeat: no-repeat; } .bg-repeat { background-repeat: repeat; } .reset-bg { background-size: cover; background-repeat: no-repeat; background-position: center; } /**** * * breadcrumbs * ****/ #breadcrumbs { color: var(--cpi_breadcrumb_color); text-transform: uppercase; margin-bottom: 23px; font-size: 0.875rem; } #breadcrumbs span { font-size: var(--cpi_font_size_4); } #breadcrumbs span.breadcrumb_last { font-size: 0.875rem; font-weight: 500; margin-left: 10px; } #breadcrumbs a, #breadcrumbs:visited { color: var(--cpi_breadcrumb_link_color); font-weight: 700; margin: 0 10px; border-bottom: 1px solid var(--cpi_breadcrumb_border_color); font-size: 0.875rem; } #breadcrumbs a:hover, #breadcrumbs a:focus-visible, #breadcrumbs:visited:hover, #breadcrumbs:visited:focus-visible { border-bottom: 1px solid var(--cpi_breadcrumb_border_color_hover); } .single-post #breadcrumbs span span span span span span { color: var(--cpi_breadcrumb_span_color); } .single-post #breadcrumbs span span span span span span a { color: var(--cpi_breadcrumb_link_color); } /**** * * buttons * ****/ .learn-more { color: var(--wp--preset--color--black); font-family: "proxima-nova", sans-serif; } .wp-block-button { line-height: 0.6; } .wp-block-button a, .wp-block-button a:visited, .wp-block-button .wp-element-button, .is-style-transparent-button a, .is-style-transparent-button a:visited, .is-style-transparent-button .wp-element-button, .is-style-small-white-button a, .is-style-small-white-button a:visited, .is-style-small-white-button .wp-element-button, .is-style-transparent-white-button a, .is-style-transparent-white-button a:visited, .is-style-transparent-white-button .wp-element-button { box-sizing: border-box; position: relative; display: inline-block; overflow: hidden; padding: 24px 49px; text-decoration: none; color: var(--cpi_theme_btn_color); background-color: var(--cpi_theme_btn_bgcolor); border: 1px solid var(--cpi_theme_btn_border_color); transition: all 0.35s ease-in-out; margin-right: 9px; text-align: center; border-radius: 100px; line-height: 1.1; min-height: 70px; font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 18px; text-transform: uppercase; letter-spacing: 1.8px; } .wp-block-button a svg, .wp-block-button a:visited svg, .wp-block-button .wp-element-button svg, .is-style-transparent-button a svg, .is-style-transparent-button a:visited svg, .is-style-transparent-button .wp-element-button svg, .is-style-small-white-button a svg, .is-style-small-white-button a:visited svg, .is-style-small-white-button .wp-element-button svg, .is-style-transparent-white-button a svg, .is-style-transparent-white-button a:visited svg, .is-style-transparent-white-button .wp-element-button svg { margin-bottom: 0; } .wp-block-button a:last-child, .wp-block-button a:visited:last-child, .wp-block-button .wp-element-button:last-child, .is-style-transparent-button a:last-child, .is-style-transparent-button a:visited:last-child, .is-style-transparent-button .wp-element-button:last-child, .is-style-small-white-button a:last-child, .is-style-small-white-button a:visited:last-child, .is-style-small-white-button .wp-element-button:last-child, .is-style-transparent-white-button a:last-child, .is-style-transparent-white-button a:visited:last-child, .is-style-transparent-white-button .wp-element-button:last-child { margin-right: 0; } .wp-block-button a:hover, .wp-block-button a:focus-visible, .wp-block-button a:visited:hover, .wp-block-button a:visited:focus-visible, .wp-block-button .wp-element-button:hover, .wp-block-button .wp-element-button:focus-visible, .is-style-transparent-button a:hover, .is-style-transparent-button a:focus-visible, .is-style-transparent-button a:visited:hover, .is-style-transparent-button a:visited:focus-visible, .is-style-transparent-button .wp-element-button:hover, .is-style-transparent-button .wp-element-button:focus-visible, .is-style-small-white-button a:hover, .is-style-small-white-button a:focus-visible, .is-style-small-white-button a:visited:hover, .is-style-small-white-button a:visited:focus-visible, .is-style-small-white-button .wp-element-button:hover, .is-style-small-white-button .wp-element-button:focus-visible, .is-style-transparent-white-button a:hover, .is-style-transparent-white-button a:focus-visible, .is-style-transparent-white-button a:visited:hover, .is-style-transparent-white-button a:visited:focus-visible, .is-style-transparent-white-button .wp-element-button:hover, .is-style-transparent-white-button .wp-element-button:focus-visible { background-color: var(--cpi_theme_btn_bgcolor_hover); border-color: var(--cpi_theme_btn_border_color_hover); color: var(--cpi_theme_btn_color_hover); } .is-style-arrow-button a, .is-style-arrow-button a:visited, .is-style-arrow-button span, .is-style-arrow-button .wp-block-button__link { padding: 0 42px 0 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAyOCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjIxNjUgMS4yMTgxNEwyNC42OTMzIDYuNTY3MUwyNC44NjkgNi43Mzg2NEgyNC42MjM1SDAuMVY4LjI2MTM2SDI0LjYyMzVIMjQuODY5TDI0LjY5MzMgOC40MzI5TDE5LjIxNjUgMTMuNzgxOEwyMC4zMjA3IDE0Ljg2MDJMMjcuODU2OSA3LjQ5OTk0TDIwLjMyMDcgMC4xMzk3OEwxOS4yMTY1IDEuMjE4MTRaIiBmaWxsPSJibGFjayIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KPC9zdmc+Cg==); background-repeat: no-repeat; background-position: center right; background-size: 30px; min-height: auto; border: none; } .is-style-arrow-button a:hover, .is-style-arrow-button a:focus-visible, .is-style-arrow-button a:visited:hover, .is-style-arrow-button a:visited:focus-visible, .is-style-arrow-button span:hover, .is-style-arrow-button span:focus-visible, .is-style-arrow-button .wp-block-button__link:hover, .is-style-arrow-button .wp-block-button__link:focus-visible { padding-right: 48px; background-color: transparent; color: var(--cpi_black); } .is-style-small-button a, .is-style-small-button a:visited, .is-style-small-button .wp-element-button, .is-style-small-black-button a, .is-style-small-black-button a:visited, .is-style-small-black-button .wp-element-button, .is-style-small-yellow-button a, .is-style-small-yellow-button a:visited, .is-style-small-yellow-button .wp-element-button, .is-style-small-white-button a, .is-style-small-white-button a:visited, .is-style-small-white-button .wp-element-button { min-height: 51px; padding: 16px 23px 13px 24px; letter-spacing: 1.5px; font-size: clamp(0.875rem, 0.115vw + 0.845rem, 0.938rem); } .is-style-small-button a:hover, .is-style-small-button a:focus-visible, .is-style-small-button a:visited:hover, .is-style-small-button a:visited:focus-visible, .is-style-small-button .wp-element-button:hover, .is-style-small-button .wp-element-button:focus-visible, .is-style-small-black-button a:hover, .is-style-small-black-button a:focus-visible, .is-style-small-black-button a:visited:hover, .is-style-small-black-button a:visited:focus-visible, .is-style-small-black-button .wp-element-button:hover, .is-style-small-black-button .wp-element-button:focus-visible, .is-style-small-yellow-button a:hover, .is-style-small-yellow-button a:focus-visible, .is-style-small-yellow-button a:visited:hover, .is-style-small-yellow-button a:visited:focus-visible, .is-style-small-yellow-button .wp-element-button:hover, .is-style-small-yellow-button .wp-element-button:focus-visible, .is-style-small-white-button a:hover, .is-style-small-white-button a:focus-visible, .is-style-small-white-button a:visited:hover, .is-style-small-white-button a:visited:focus-visible, .is-style-small-white-button .wp-element-button:hover, .is-style-small-white-button .wp-element-button:focus-visible { background-color: var(--cpi_theme_btn_bgcolor_hover); border-color: var(--cpi_theme_btn_border_color_hover); color: var(--cpi_theme_btn_color_hover); } .is-style-black-button a, .is-style-black-button a:visited, .is-style-black-button .wp-element-button, .is-style-small-black-button a, .is-style-small-black-button a:visited, .is-style-small-black-button .wp-element-button { color: var(--cpi_white_text); background-color: var(--cpi_black); border-color: var(--cpi_border); } .is-style-black-button a:hover, .is-style-black-button a:focus-visible, .is-style-black-button a:visited:hover, .is-style-black-button a:visited:focus-visible, .is-style-black-button .wp-element-button:hover, .is-style-black-button .wp-element-button:focus-visible, .is-style-small-black-button a:hover, .is-style-small-black-button a:focus-visible, .is-style-small-black-button a:visited:hover, .is-style-small-black-button a:visited:focus-visible, .is-style-small-black-button .wp-element-button:hover, .is-style-small-black-button .wp-element-button:focus-visible { color: var(--cpi_regular_text); background-color: var(--cpi_color_primary); border-color: var(--cpi_color_primary); } .is-style-gold-button a, .is-style-gold-button a:visited, .is-style-gold-button span, .is-style-gold-button .wp-element-button, .is-style-small-yellow-button a, .is-style-small-yellow-button a:visited, .is-style-small-yellow-button span, .is-style-small-yellow-button .wp-element-button { color: var(--cpi_regular_text); background-color: var(--cpi_color_primary); border-color: var(--cpi_color_primary); } .is-style-gold-button a:hover, .is-style-gold-button a:focus-visible, .is-style-gold-button a:visited:hover, .is-style-gold-button a:visited:focus-visible, .is-style-gold-button span:hover, .is-style-gold-button span:focus-visible, .is-style-gold-button .wp-element-button:hover, .is-style-gold-button .wp-element-button:focus-visible, .is-style-small-yellow-button a:hover, .is-style-small-yellow-button a:focus-visible, .is-style-small-yellow-button a:visited:hover, .is-style-small-yellow-button a:visited:focus-visible, .is-style-small-yellow-button span:hover, .is-style-small-yellow-button span:focus-visible, .is-style-small-yellow-button .wp-element-button:hover, .is-style-small-yellow-button .wp-element-button:focus-visible { color: var(--cpi_white_text); background-color: var(--cpi_black); border-color: var(--cpi_border); } .is-style-icon-button a, .is-style-icon-button a:visited, .is-style-icon-button > span, .is-style-icon-button .wp-element-button { display: inline-flex; -moz-column-gap: 6px; column-gap: 6px; } .is-style-icon-button a span, .is-style-icon-button a:visited span, .is-style-icon-button > span span, .is-style-icon-button .wp-element-button span { display: inline-block; line-height: 0.6; position: relative; top: -2px; background-color: transparent !important; } .is-style-icon-button a span svg path, .is-style-icon-button a:visited span svg path, .is-style-icon-button > span span svg path, .is-style-icon-button .wp-element-button span svg path { transition: all 0.3s ease-in-out; } .is-style-icon-button a:hover span svg, .is-style-icon-button a:focus-visible span svg, .is-style-icon-button a:visited:hover span svg, .is-style-icon-button a:visited:focus-visible span svg, .is-style-icon-button > span:hover span svg, .is-style-icon-button > span:focus-visible span svg, .is-style-icon-button .wp-element-button:hover span svg, .is-style-icon-button .wp-element-button:focus-visible span svg { background-color: transparent; } .is-style-icon-button a:hover span path, .is-style-icon-button a:focus-visible span path, .is-style-icon-button a:visited:hover span path, .is-style-icon-button a:visited:focus-visible span path, .is-style-icon-button > span:hover span path, .is-style-icon-button > span:focus-visible span path, .is-style-icon-button .wp-element-button:hover span path, .is-style-icon-button .wp-element-button:focus-visible span path { stroke: var(--cpi_color_primary); } .wp-block-button__link, a.wp-block-button__link, a.wp-block-button__link:visited { box-sizing: border-box; position: relative; display: inline-block; overflow: hidden; padding: 24px 49px; text-decoration: none; color: var(--cpi_theme_btn_color); background-color: var(--cpi_theme_btn_bgcolor); border: 1px solid var(--cpi_theme_btn_border_color); transition: all 0.35s ease-in-out; margin-right: 9px; line-height: 1.1; min-height: 70px; font-family: "proxima-nova", sans-serif; font-weight: 700; font-size: 18px; text-transform: uppercase; letter-spacing: 1.8px; cursor: pointer; } .wp-block-button__link:hover, .wp-block-button__link:focus-visible, a.wp-block-button__link:hover, a.wp-block-button__link:focus-visible, a.wp-block-button__link:visited:hover, a.wp-block-button__link:visited:focus-visible { background-color: var(--cpi_theme_btn_bgcolor_hover); border-color: var(--cpi_theme_btn_border_color_hover); color: var(--cpi_theme_btn_color_hover); } .wp-block-button__link.has-background, a.wp-block-button__link.has-background, a.wp-block-button__link:visited.has-background { border: none; } .wp-block-button__link.has-background:hover, .wp-block-button__link.has-background:focus-visible, a.wp-block-button__link.has-background:hover, a.wp-block-button__link.has-background:focus-visible, a.wp-block-button__link:visited.has-background:hover, a.wp-block-button__link:visited.has-background:focus-visible { border: none; color: unset; } .wp-block-button__link.has-text-color.has-background, a.wp-block-button__link.has-text-color.has-background, a.wp-block-button__link:visited.has-text-color.has-background { border: none; } .wp-block-button__link.has-text-color.has-background:hover, .wp-block-button__link.has-text-color.has-background:focus-visible, a.wp-block-button__link.has-text-color.has-background:hover, a.wp-block-button__link.has-text-color.has-background:focus-visible, a.wp-block-button__link:visited.has-text-color.has-background:hover, a.wp-block-button__link:visited.has-text-color.has-background:focus-visible { border: none; } /**** * * WordPress buttons * ****/ .wp-block-button.is-style-outline a.wp-block-button__link, .wp-block-button.is-style-outline a.wp-block-button__link:visited, .is-style-outline a.wp-block-button__link, .is-style-outline a.wp-block-button__link:visited { border: 1px solid var(--cpi_wp_outline_btn_border_color) !important; padding: 24px 49px !important; border-radius: 100px !important; } .wp-block-button.is-style-outline a.wp-block-button__link:hover, .wp-block-button.is-style-outline a.wp-block-button__link:focus-visible, .wp-block-button.is-style-outline a.wp-block-button__link:visited:hover, .wp-block-button.is-style-outline a.wp-block-button__link:visited:focus-visible, .is-style-outline a.wp-block-button__link:hover, .is-style-outline a.wp-block-button__link:focus-visible, .is-style-outline a.wp-block-button__link:visited:hover, .is-style-outline a.wp-block-button__link:visited:focus-visible { background-color: var(--cpi_wp_outline_btn_bgcolor); color: var(--cpi_wp_outline_btn_color); } .wp-block-button.is-style-outline a.wp-block-button__link.has-text-color:hover, .wp-block-button.is-style-outline a.wp-block-button__link.has-text-color:focus-visible, .wp-block-button.is-style-outline a.wp-block-button__link.has-background:hover, .wp-block-button.is-style-outline a.wp-block-button__link.has-background:focus-visible, .wp-block-button.is-style-outline a.wp-block-button__link:visited.has-text-color:hover, .wp-block-button.is-style-outline a.wp-block-button__link:visited.has-text-color:focus-visible, .wp-block-button.is-style-outline a.wp-block-button__link:visited.has-background:hover, .wp-block-button.is-style-outline a.wp-block-button__link:visited.has-background:focus-visible, .is-style-outline a.wp-block-button__link.has-text-color:hover, .is-style-outline a.wp-block-button__link.has-text-color:focus-visible, .is-style-outline a.wp-block-button__link.has-background:hover, .is-style-outline a.wp-block-button__link.has-background:focus-visible, .is-style-outline a.wp-block-button__link:visited.has-text-color:hover, .is-style-outline a.wp-block-button__link:visited.has-text-color:focus-visible, .is-style-outline a.wp-block-button__link:visited.has-background:hover, .is-style-outline a.wp-block-button__link:visited.has-background:focus-visible { background-color: unset; color: unset; } .wp-block-button.is-style-outline a.wp-block-button__link.has-text-color.has-background, .wp-block-button.is-style-outline a.wp-block-button__link:visited.has-text-color.has-background, .is-style-outline a.wp-block-button__link.has-text-color.has-background, .is-style-outline a.wp-block-button__link:visited.has-text-color.has-background { border: none; } .wp-block-button.is-style-outline a.wp-block-button__link.has-text-color.has-background:hover, .wp-block-button.is-style-outline a.wp-block-button__link.has-text-color.has-background:focus-visible, .wp-block-button.is-style-outline a.wp-block-button__link:visited.has-text-color.has-background:hover, .wp-block-button.is-style-outline a.wp-block-button__link:visited.has-text-color.has-background:focus-visible, .is-style-outline a.wp-block-button__link.has-text-color.has-background:hover, .is-style-outline a.wp-block-button__link.has-text-color.has-background:focus-visible, .is-style-outline a.wp-block-button__link:visited.has-text-color.has-background:hover, .is-style-outline a.wp-block-button__link:visited.has-text-color.has-background:focus-visible { border: none; } .no-visible { visibility: hidden; } /**** * * 404 page * ****/ .not-found { text-align: center; } .error { text-align: center; margin: 20px 0; width: 100%; } .error .menu { margin: 0; } .error ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 16px; } .error ul li { display: inline-block; margin: 0; font-weight: 700; padding: 0; font-size: var(--cpi_font_size_2); } .error ul li::before { display: none; } .error ul li a { border-bottom: 0; text-decoration-color: transparent; font-weight: 500; } .error ul li a:hover, .error ul li a:focus-visible { color: var(--cpi_error_menu_color); } .error ul li ul, .error ul li .submenu-icon { display: none; } .form-404 form, .not-found form { max-width: 720px; gap: 16px; margin: 40px auto 0; } .form-404 label, .not-found label { width: 100%; } .form-404 label input, .not-found label input { margin-top: 0 !important; } .form-404 input, .form-404 .search-form input[type=submit], .form-404 .search-form button, .form-404 .search-form input[type=button], .form-404 .search-form input[type=reset], .form-404 label, .not-found input, .not-found .search-form input[type=submit], .not-found .search-form button, .not-found .search-form input[type=button], .not-found .search-form input[type=reset], .not-found label { margin-bottom: 0; } .form-404 p, .not-found p { margin-bottom: 20px; } .form-404 input[type=search], .not-found input[type=search] { background-image: unset; } .form-404 input[type=submit], .form-404 button, .form-404 input[type=button], .form-404 input[type=reset], .not-found input[type=submit], .not-found button, .not-found input[type=button], .not-found input[type=reset] { width: auto; min-height: auto; padding: 17.21px 30px 15px 30px; margin-left: 0; text-transform: initial; } picture { position: relative; overflow: hidden; } picture img { opacity: 0; } picture img.thumb-20 { height: 100%; position: absolute; z-index: 1; opacity: 1; width: 100%; filter: blur(40px); transition: opacity 500ms ease-in-out; } picture img.thumb-20.hide-thumb { opacity: 0; } img.main-image { opacity: 0; transition: all 500ms ease-in-out; } picture img.loaded { opacity: 1; } .gradient-bg { filter: blur(150px); position: absolute; } .gradient-bg:nth-child(1) { background-color: var(--cpi_blue_3); transform: rotate(154.65deg); width: clamp(21rem, 35.294vw + 7.765rem, 36rem); height: clamp(9.563rem, 16.029vw + 3.551rem, 16.375rem); } .gradient-bg:nth-child(2) { background-color: var(--cpi_yellow_1); transform: rotate(146.24deg); width: clamp(30.188rem, 50.882vw + 11.107rem, 51.813rem); height: clamp(14.813rem, 25vw + 5.438rem, 25.438rem); } .border-top-left img, .border-top-left video, .border-top-left iframe, .border-top-left figure { border-radius: clamp(5rem, 5.882vw + 2.794rem, 7.5rem) 0 clamp(5rem, 5.882vw + 2.794rem, 7.5rem) 0; } .media-cover img, .media-cover video, .media-cover iframe { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .section-head { margin-bottom: clamp(2.125rem, 2.434vw + 0.987rem, 2.813rem); } .section-head h2, .section-head h3, .section-head h4, .section-head h5, .section-head h6 { margin-bottom: 0; } .member-img-popup img, .member-img-popup video, .member-img-popup iframe { -o-object-position: top; object-position: top; } .section-head-text { margin-top: 13px; } a:hover .right-arrow a, a:hover .right-arrow a:visited, a:hover .right-arrow span, a:focus-visible .right-arrow a, a:focus-visible .right-arrow a:visited, a:focus-visible .right-arrow span, a:visited:hover .right-arrow a, a:visited:hover .right-arrow a:visited, a:visited:hover .right-arrow span, a:visited:focus-visible .right-arrow a, a:visited:focus-visible .right-arrow a:visited, a:visited:focus-visible .right-arrow span { background-color: var(--cpi_color_secondary); background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAzOCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2LjQxMzEgMi4xNDU2N0wzMy42NDg5IDkuMjMwMDlMMzMuOTk5MiA5LjU3M0gzMy41MDlIMC45NTg2MjJWMTEuNDdIMzMuNTA5SDMzLjk5OTJMMzMuNjQ4OSAxMS44MTI5TDI2LjQxMzEgMTguODk3MkwyNy43ODYxIDIwLjI0MTZMMzcuNzE0MSAxMC41MjE0TDI3Ljc4NjEgMC44MDEzODFMMjYuNDEzMSAyLjE0NTY3WiIgZmlsbD0id2hpdGUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMC40Ii8+Cjwvc3ZnPgo=); } a:hover .black-stroke-arrow a, a:hover .black-stroke-arrow a:visited, a:hover .black-stroke-arrow span, a:focus-visible .black-stroke-arrow a, a:focus-visible .black-stroke-arrow a:visited, a:focus-visible .black-stroke-arrow span, a:visited:hover .black-stroke-arrow a, a:visited:hover .black-stroke-arrow a:visited, a:visited:hover .black-stroke-arrow span, a:visited:focus-visible .black-stroke-arrow a, a:visited:focus-visible .black-stroke-arrow a:visited, a:visited:focus-visible .black-stroke-arrow span { background-color: var(--cpi_yellow); background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAzOCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1LjY1NTMgMS42MjQxOUwzMi44OTExIDguNzA4NjFMMzMuMjQxNCA5LjA1MTUySDMyLjc1MTJIMC4yMDA4MDlWMTAuOTQ4NUgzMi43NTEySDMzLjI0MTRMMzIuODkxMSAxMS4yOTE0TDI1LjY1NTMgMTguMzc1N0wyNy4wMjgzIDE5LjcyMDFMMzYuOTU2MyA5Ljk5OTkyTDI3LjAyODMgMC4yNzk4OTZMMjUuNjU1MyAxLjYyNDE5WiIgZmlsbD0iYmxhY2siIHN0cm9rZT0iI0ZGQzYyRiIgc3Ryb2tlLXdpZHRoPSIwLjQiLz4KPC9zdmc+Cg==); border-color: var(--cpi_border_4); } .right-arrow, .black-stroke-arrow { line-height: 0.65; } .right-arrow span, .right-arrow a, .right-arrow a:visited, .black-stroke-arrow span, .black-stroke-arrow a, .black-stroke-arrow a:visited { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease-in-out; border-radius: 50px; background-repeat: no-repeat; background-position: center; background-size: 38px; } .right-arrow { width: 86px; height: 44px; } .right-arrow span, .right-arrow a, .right-arrow a:visited { background-color: var(--cpi_blue); border: 1px solid var(--cpi_border); background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAzOCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2LjQxMzEgMi4xNDU2N0wzMy42NDg5IDkuMjMwMDlMMzMuOTk5MiA5LjU3M0gzMy41MDlIMC45NTg2MjJWMTEuNDdIMzMuNTA5SDMzLjk5OTJMMzMuNjQ4OSAxMS44MTI5TDI2LjQxMzEgMTguODk3MkwyNy43ODYxIDIwLjI0MTZMMzcuNzE0MSAxMC41MjE0TDI3Ljc4NjEgMC44MDEzODFMMjYuNDEzMSAyLjE0NTY3WiIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzAwNjJBRiIgc3Ryb2tlLXdpZHRoPSIwLjQiLz4KPC9zdmc+Cg==); outline: 2px dotted transparent; outline-offset: 5px; } .right-arrow span:focus-visible, .right-arrow a:focus-visible, .right-arrow a:visited:focus-visible { outline-color: var(--cpi_border_5); } .right-arrow span:hover, .right-arrow span:focus-visible, .right-arrow a:hover, .right-arrow a:focus-visible, .right-arrow a:visited:hover, .right-arrow a:visited:focus-visible { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAzOCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2LjQxMzEgMi4xNDU2N0wzMy42NDg5IDkuMjMwMDlMMzMuOTk5MiA5LjU3M0gzMy41MDlIMC45NTg2MjJWMTEuNDdIMzMuNTA5SDMzLjk5OTJMMzMuNjQ4OSAxMS44MTI5TDI2LjQxMzEgMTguODk3MkwyNy43ODYxIDIwLjI0MTZMMzcuNzE0MSAxMC41MjE0TDI3Ljc4NjEgMC44MDEzODFMMjYuNDEzMSAyLjE0NTY3WiIgZmlsbD0id2hpdGUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMC40Ii8+Cjwvc3ZnPgo=); background-color: var(--cpi_color_secondary); } .black-stroke-arrow { width: 86px; height: 44px; } .black-stroke-arrow span, .black-stroke-arrow a, .black-stroke-arrow a:visited { border: 1px solid var(--cpi_white); background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAzOCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2LjQxMzEgMi4xNDU2N0wzMy42NDg5IDkuMjMwMDlMMzMuOTk5MiA5LjU3M0gzMy41MDlIMC45NTg2MjJWMTEuNDdIMzMuNTA5SDMzLjk5OTJMMzMuNjQ4OSAxMS44MTI5TDI2LjQxMzEgMTguODk3MkwyNy43ODYxIDIwLjI0MTZMMzcuNzE0MSAxMC41MjE0TDI3Ljc4NjEgMC44MDEzODFMMjYuNDEzMSAyLjE0NTY3WiIgZmlsbD0id2hpdGUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMC40Ii8+Cjwvc3ZnPgo=); outline: 2px dotted transparent; outline-offset: 5px; } .black-stroke-arrow span:focus-visible, .black-stroke-arrow a:focus-visible, .black-stroke-arrow a:visited:focus-visible { outline-color: var(--cpi_border_4); } .black-stroke-arrow span:hover, .black-stroke-arrow span:focus-visible, .black-stroke-arrow a:hover, .black-stroke-arrow a:focus-visible, .black-stroke-arrow a:visited:hover, .black-stroke-arrow a:visited:focus-visible { background-color: var(--cpi_yellow); border-color: var(--cpi_border_4); background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAzOCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1LjY1NTMgMS42MjQxOUwzMi44OTExIDguNzA4NjFMMzMuMjQxNCA5LjA1MTUySDMyLjc1MTJIMC4yMDA4MDlWMTAuOTQ4NUgzMi43NTEySDMzLjI0MTRMMzIuODkxMSAxMS4yOTE0TDI1LjY1NTMgMTguMzc1N0wyNy4wMjgzIDE5LjcyMDFMMzYuOTU2MyA5Ljk5OTkyTDI3LjAyODMgMC4yNzk4OTZMMjUuNjU1MyAxLjYyNDE5WiIgZmlsbD0iYmxhY2siIHN0cm9rZT0iI0ZGQzYyRiIgc3Ryb2tlLXdpZHRoPSIwLjQiLz4KPC9zdmc+Cg==); } .owl-carousel .owl-nav { width: clamp(10rem, 2.54vw + 9.343rem, 11.375rem); height: clamp(2.438rem, 0.577vw + 2.288rem, 2.75rem); display: flex; gap: 10px; margin-top: 0; position: absolute; top: 0; left: 5px; } .owl-carousel .owl-nav button, .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { background-color: transparent; border: 1px solid var(--cpi_border); border-radius: 100px; display: flex; justify-content: center; align-items: center; width: clamp(4.75rem, 1.155vw + 4.451rem, 5.375rem); min-height: 100%; margin: 0; } .owl-carousel .owl-nav button span, .owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span { color: transparent; background-repeat: no-repeat; background-position: center; background-size: clamp(2.063rem, 0.462vw + 1.943rem, 2.313rem); width: clamp(2.063rem, 0.462vw + 1.943rem, 2.313rem); transition: all 0.3s ease-in-out; position: relative; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAzOCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjQxNTUgMi4xNDU2N0w0LjI4OTA5IDkuMTIyOTFMMy42NzYxNyA5LjcyM0g0LjUzMzk0SDM2LjkzNDNWMTEuMzJINC41MzM5NEgzLjY3NjE2TDQuMjg5MDkgMTEuOTIwMUwxMS40MTU1IDE4Ljg5NzJMMTAuMjU2OCAyMC4wMzE3TDAuNTQzMjY1IDEwLjUyMTRMMTAuMjU2OSAxLjAxMTNMMTEuNDE1NSAyLjE0NTY3WiIgZmlsbD0iYmxhY2siIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMC43Ii8+Cjwvc3ZnPgo=); } .owl-carousel .owl-nav button:hover, .owl-carousel .owl-nav button:focus-visible, .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-prev:focus-visible, .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-next:focus-visible { background-color: var(--cpi_blue); } .owl-carousel .owl-nav button:hover span, .owl-carousel .owl-nav button:focus-visible span, .owl-carousel .owl-nav button.owl-prev:hover span, .owl-carousel .owl-nav button.owl-prev:focus-visible span, .owl-carousel .owl-nav button.owl-next:hover span, .owl-carousel .owl-nav button.owl-next:focus-visible span { filter: brightness(0) saturate(100%) invert(100%) sepia(14%) saturate(0%) hue-rotate(218deg) brightness(107%) contrast(101%); } .owl-carousel .owl-nav button.disabled, .owl-carousel .owl-nav button.owl-prev.disabled, .owl-carousel .owl-nav button.owl-next.disabled { background-color: transparent; } .owl-carousel .owl-nav button.disabled:hover span, .owl-carousel .owl-nav button.disabled:focus-visible span, .owl-carousel .owl-nav button.owl-prev.disabled:hover span, .owl-carousel .owl-nav button.owl-prev.disabled:focus-visible span, .owl-carousel .owl-nav button.owl-next.disabled:hover span, .owl-carousel .owl-nav button.owl-next.disabled:focus-visible span { filter: none; } .owl-carousel .owl-nav button.disabled span, .owl-carousel .owl-nav button.owl-prev.disabled span, .owl-carousel .owl-nav button.owl-next.disabled span { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAzOCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjQxNTUgMi4xNDU2N0w0LjI4OTA5IDkuMTIyOTFMMy42NzYxNyA5LjcyM0g0LjUzMzk0SDM2LjkzNDNWMTEuMzJINC41MzM5NEgzLjY3NjE2TDQuMjg5MDkgMTEuOTIwMUwxMS40MTU1IDE4Ljg5NzJMMTAuMjU2OCAyMC4wMzE3TDAuNTQzMjY1IDEwLjUyMTRMMTAuMjU2OSAxLjAxMTNMMTEuNDE1NSAyLjE0NTY3WiIgZmlsbD0iYmxhY2siIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMC43Ii8+Cjwvc3ZnPgo=); } .owl-carousel .owl-nav button.owl-next span { transform: rotate(180deg); } .have-slides { padding-top: 94px; } .overflow-hidden { overflow: hidden; } .image-gallery-ctn .section-head, .quote-ctn .section-head { max-width: 611px; margin-bottom: 29px; } .expand-more, .hide, .show-on-mobile, .desktop-hide { display: none; } .block-gradient-bg { filter: blur(150px); position: absolute; } .blue-gradient { transform: rotate(-155.52deg); background-color: var(--cpi_blue_1); width: clamp(14.938rem, 23.273vw + 9.483rem, 26.938rem); height: clamp(8.5rem, 7.273vw + 6.795rem, 12.25rem); } .yellow-gradient { background-color: var(--cpi_yellow_3); transform: rotate(-146.98deg); width: clamp(20.063rem, 39.394vw + 10.83rem, 40.375rem); height: clamp(12.625rem, 24.848vw + 6.801rem, 25.438rem); } .expand-more { -moz-column-gap: 30px; column-gap: 30px; align-items: center; justify-content: space-between; padding-bottom: 22px; } .expand-more.active .expand-more-btn span:nth-child(1) { transform: translateY(2px) translateX(0) rotate(45deg); } .expand-more.active .expand-more-btn span:nth-child(2) { transform: translateY(-4px) translateX(0) rotate(-45deg); } .expand-more-text { font-size: 20px; font-weight: 600; display: inline-block; } .expand-more-btn { display: flex; flex-direction: column; justify-content: space-between; height: 8px; width: 13px; cursor: pointer; } .expand-more-btn span { width: 100%; height: 2px; background-color: var(--cpi_black); display: inline-block; transition: all 0.3s ease-in-out; } .owl-stage { display: flex; } .owl-stage .owl-item { display: flex; flex-wrap: wrap; } .line-arrow, .program-line-arrow, .program-line-arrow-left { opacity: 0; transition: all 0.3s ease-in-out; } .line-arrow.active, .program-line-arrow.active, .program-line-arrow-left.active { opacity: 1; } .kwayy-html-sitemap-post-list { margin-left: 0; } .program-teaser-list:hover .video-icon-link img { filter: brightness(0%); } .cpp_pid_table { table-layout: auto; } .footer-contact .footer-address strong { color: white; } .cream-ctn .wp-block-group.wp-container-core-group-layout-1.wp-container-core-group-layout-1 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-bottom: 0 !important; } .contact-popup-form { margin: 0 auto; background-color: #ffffff; padding: clamp(2.25rem, 3.349vw + 1.384rem, 4.063rem) clamp(2.5rem, 9.469vw + 0.05rem, 5.625rem) clamp(3.75rem, 4.619vw + 2.555rem, 6.25rem) clamp(2.25rem, 7.621vw + 0.278rem, 6.375rem); box-sizing: border-box; position: relative; height: 82vh; overflow: auto; max-height: -moz-max-content; max-height: max-content; } .contact-popup-form .contactCloseBtn { position: absolute; content: ""; width: 35px; height: 35px; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTcuMTQ2NSIgeT0iMC4zNTM1MTYiIHdpZHRoPSIxIiBoZWlnaHQ9IjM0IiBmaWxsPSJibGFjayIvPgo8cmVjdCB4PSIwLjY0NjQ4NCIgeT0iMTcuODUzNSIgd2lkdGg9IjEiIGhlaWdodD0iMzQiIHRyYW5zZm9ybT0icm90YXRlKC05MCAwLjY0NjQ4NCAxNy44NTM1KSIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==); top: clamp(1.5rem, 1.501vw + 1.112rem, 2.313rem); right: clamp(1.5rem, 1.501vw + 1.112rem, 2.313rem); transform: rotate(45deg); cursor: pointer; } /*------------------------------------------------- >> Basic styles for Blog post -------------------------------------------------*/ /*------------------------------------------------- >> Basic styles for Blog post -------------------------------------------------*/ .two-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(250px, 50% - 2%, 100%), 100%), 1fr)); gap: 2%; row-gap: var(--cpi_space_6); } .two-columns.post-archive { grid-template-columns: repeat(auto-fit, minmax(min(clamp(306px, 50% - 1.6%, 100%), 100%), 1fr)); gap: 1.6%; row-gap: var(--cpi_space_6); } .pdf-two-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(420px, 50% - 2%, 100%), 100%), 1fr)); row-gap: 0%; -moz-column-gap: 2%; column-gap: 2%; } .three-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(280px, 33.3333333333% - 2.203%, 100%), 100%), 1fr)); gap: 2.203%; row-gap: var(--cpi_space_7); } .four-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(130px, 25% - 1.6%, 100%), 100%), 1fr)); gap: 1.6%; row-gap: var(--cpi_space_6); } .story-teaser-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(230px, 25% - 1.6%, 100%), 100%), 1fr)); gap: 1.6%; row-gap: var(--cpi_space_6); } .comparision-table-four-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(240px, 25% - 2.6%, 100%), 100%), 1fr)); gap: 2.6%; row-gap: var(--cpi_space_7); } .five-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(130px, 20% - 2%, 100%), 100%), 1fr)); gap: 2%; row-gap: var(--cpi_space_6); } .program-teaser-columns, .program-teaser-boxes.program-teaser-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(266px, 33.3333333333% - 2%, 100%), 100%), 1fr)); gap: 2%; } .stat-three-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(154px, 33.3333333333% - 8.2%, 100%), 100%), 1fr)); gap: 8.2%; row-gap: var(--cpi_space_6); } /*------------------------------------------------- >> Homepage template adjustments -------------------------------------------------*/ .page-template-template-home .hero-section, .page-template-template-home .black-ctn { background-color: var(--cpi_header_bgcolor_sticky); } .page-template-template-home .cream-ctn .program-teaser-lists-tabs{ position: relative; z-index: 3; } .animated-opacity{ animation-name: animated-opacity; animation-duration: 2s; opacity: 0; animation-fill-mode: forwards; } .animated-delay{ animation-delay: 1s; } .animated-delay-2{ animation-delay: 2s; } @keyframes animated-opacity{ from {opacity: 0;} to {opacity: 1;} } /*------------------------------------------------- >> Styles for Website Blocks -------------------------------------------------*/ /*------------------------------------------------- >> Basic styles for Defualt Block -------------------------------------------------*/ /*------------------------------------------------- >> Basic styles for FAQ's Block -------------------------------------------------*/ .faq-ctn .section-head { margin-bottom: 22px; } .faq-ctn.d-flex { justify-content: space-between; flex-wrap: wrap; } .faq-ctn.d-flex .faqs { width: 57.79%; } .faq-ctn.d-flex .faqs span.faq-head, .faq-ctn.d-flex .faqs .nested-faq-heading { font-size: var(--cpi_font_size_2_max); } .faq-ctn.d-flex .faqs .faq-head, .faq-ctn.d-flex .faqs .nested-faq-head, .faq-ctn.d-flex .faqs .faqs { border-width: 0.7px; } .faq-ctn.d-flex .faq-content, .faq-ctn.d-flex .nested-faq-content { max-width: 552px; } .faqs { border-bottom: 1px solid var(--cpi_border); } .faq-block { max-width: 825px; margin: 0 auto; } .faq-icon, .nested-faq-icon { width: 67px; height: 41px; border-radius: 100px; border: 1px solid var(--cpi_border); display: flex; justify-content: center; align-items: center; line-height: 0.65; transition: all 0.3s ease-in-out; flex-shrink: 0; } .faq-icon img, .nested-faq-icon img { transition: all 0.3s ease-in-out; } .faq-head, .nested-faq-head { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--cpi_border); padding: 28px 0 29px 4px; transition: all 0.3s ease-in-out; cursor: pointer; gap: 20px; } .faq-head > span.faq-heading, .faq-head .nested-faq-heading, .nested-faq-head > span.faq-heading, .nested-faq-head .nested-faq-heading { border: none; display: block; font-size: clamp(1.125rem, 0.693vw + 0.946rem, 1.5rem); line-height: 1.5; font-family: "begum", sans-serif; font-weight: 600; position: relative; letter-spacing: -0.5px; } .faq-head:hover, .faq-head:focus-visible, .faq-head.active, .faq-head.nested-faq-active, .nested-faq-head:hover, .nested-faq-head:focus-visible, .nested-faq-head.active, .nested-faq-head.nested-faq-active { color: var(--wp--preset--color--black); } .faq-head:hover .faq-icon, .faq-head:hover .nested-faq-icon, .faq-head:focus-visible .faq-icon, .faq-head:focus-visible .nested-faq-icon, .faq-head.active .faq-icon, .faq-head.active .nested-faq-icon, .faq-head.nested-faq-active .faq-icon, .faq-head.nested-faq-active .nested-faq-icon, .nested-faq-head:hover .faq-icon, .nested-faq-head:hover .nested-faq-icon, .nested-faq-head:focus-visible .faq-icon, .nested-faq-head:focus-visible .nested-faq-icon, .nested-faq-head.active .faq-icon, .nested-faq-head.active .nested-faq-icon, .nested-faq-head.nested-faq-active .faq-icon, .nested-faq-head.nested-faq-active .nested-faq-icon { background-color: var(--cpi_yellow); } .faq-head:hover .faq-icon img, .faq-head:hover .nested-faq-icon img, .faq-head:focus-visible .faq-icon img, .faq-head:focus-visible .nested-faq-icon img, .faq-head.active .faq-icon img, .faq-head.active .nested-faq-icon img, .faq-head.nested-faq-active .faq-icon img, .faq-head.nested-faq-active .nested-faq-icon img, .nested-faq-head:hover .faq-icon img, .nested-faq-head:hover .nested-faq-icon img, .nested-faq-head:focus-visible .faq-icon img, .nested-faq-head:focus-visible .nested-faq-icon img, .nested-faq-head.active .faq-icon img, .nested-faq-head.active .nested-faq-icon img, .nested-faq-head.nested-faq-active .faq-icon img, .nested-faq-head.nested-faq-active .nested-faq-icon img { filter: invert(0); } .faq-head.active, .faq-head.nested-faq-active, .nested-faq-head.active, .nested-faq-head.nested-faq-active { padding-bottom: 21px; } .faq-head.active span.faq-icon img, .faq-head.active .nested-faq-icon img, .faq-head.nested-faq-active span.faq-icon img, .faq-head.nested-faq-active .nested-faq-icon img, .nested-faq-head.active span.faq-icon img, .nested-faq-head.active .nested-faq-icon img, .nested-faq-head.nested-faq-active span.faq-icon img, .nested-faq-head.nested-faq-active .nested-faq-icon img { transform: rotate(180deg); } .faq-content, .nested-faq-content { display: none; border-top: 0; color: var(--wp--preset--color--black); font-size: var(--cpi_font_size_3); line-height: 1.3; padding-bottom: 37px; } .faq-content.nested, .nested-faq-content.nested { max-width: 100%; } .faq-content *, .faq-content ol li, .faq-content ul li, .nested-faq-content *, .nested-faq-content ol li, .nested-faq-content ul li { font-size: 18px; } .faq-content ul, .nested-faq-content ul { margin: 0; } .faq-content ul li, .nested-faq-content ul li { padding-left: 19px; margin-bottom: 22px; letter-spacing: 0; } .faq-content ul li:last-child, .nested-faq-content ul li:last-child { margin-bottom: 0; } .faq-content ul li:before, .nested-faq-content ul li:before { left: 3px; top: 11px; } .faq-content p:last-child, .nested-faq-content p:last-child { margin-bottom: 0; } .faq-content-side { width: 36.27%; } .faq-content-side p { font-weight: 400; } /*------------------------------------------------- >> Basic styles for Team Block -------------------------------------------------*/ .single-member { position: relative; margin-bottom: 40px; } .single-member .t-detail { margin-top: 20px; } .single-member .sm-inner { display: inline-block; box-sizing: border-box; width: 100%; height: 100%; border-bottom: none; position: relative; } .single-member .member-name { font-family: "proxima-nova", sans-serif; margin-bottom: 8px; } .single-member .designation { font-family: "proxima-nova", sans-serif; font-size: var(--cpi_font_size_4); margin-bottom: 0; } .black-container * { color: var(--wp--preset--color--white); } .section-team-variation { max-width: 1064px; margin: 0 auto; } .single-member-detail { display: flex; flex-wrap: wrap; align-items: center; -moz-column-gap: 2%; column-gap: 2%; justify-content: space-between; padding: 16px 0 21px; color: var(--wp--preset--color--black80); border-bottom: 1px solid var(--wp--preset--color--regular_text); } .single-member-detail:first-child { border-top: 1px solid var(--wp--preset--color--regular_text); } .single-member-detail h6 { letter-spacing: -0.15px; color: var(--wp--preset--color--black80); } .single-member-detail h6, .single-member-detail p { margin-bottom: 0; } .single-member-detail .name { flex: 4; } .single-member-detail .description { flex: 5; } .single-member-detail .title { flex: 2; } .team-detail { align-items: center; justify-content: center; box-sizing: border-box; max-width: 639px; max-height: 70vh; width: 100%; transition: all 0.5s ease-in-out; display: inline-block; margin: 0 auto; position: relative; overflow: hidden; } .team-detail .team-detail-inner { padding-right: 6px; height: 100%; overflow: auto; } .team-detail .team-detail-inner::-webkit-scrollbar { display: none; } .team-detail .team-detail-inner.scroll { padding-right: 0; } .team-detail .team-detail-inner.scroll::-webkit-scrollbar { display: block; } .team-detail .mfp-close { position: absolute; top: 7px; right: 5px; width: 16px; height: 16px; transition: all 200ms; background-position: top right; background-repeat: no-repeat; background-size: contain; } .team-detail .mfp-close:hover, .team-detail .mfp-close:focus-visible { background-color: transparent; cursor: pointer; } .team-detail-inner::-webkit-scrollbar { width: 6px; height: 100%; } .team-detail-inner::-webkit-scrollbar-track { background-color: var(--wp--preset--color--regular_text); } .team-detail-inner::-webkit-scrollbar-thumb { background: var(--cpi_yellow); } .single-team { text-align: left; } .single-team .single-team-head { background-color: var(--wp--preset--color--mgray); position: relative; padding-right: 35px; } .single-team .member-image-popup { width: 30%; height: 185px; } .single-team .member-detail-popup { width: 64%; } .single-team .member-name-popup { font-family: "proxima-nova", sans-serif; color: var(--wp--preset--color--dark_text); margin-bottom: 5px; } .single-team .member-designation { font-family: "proxima-nova", sans-serif; color: var(--wp--preset--color--lblack); margin-bottom: 0; font-size: var(--cpi_font_size_3); letter-spacing: -0.6px; } .single-team .single-team-content * { color: black !important; } .single-team .single-team-content { overflow: auto; background-color: var(--wp--preset--color--white_text); padding: 41px 60px 50px 50px; font-size: var(--cpi_font_size_4); line-height: 1.65; } .single-team .single-team-content p { margin-bottom: 0; } .mfp-content { text-align: center; } .mfp-wrap { z-index: 999999 !important; } .team-member { display: flex; flex-direction: column; justify-content: space-between; } .team-ctn.text-only .team-member a.external-link, .team-ctn.text-only .team-member a:visited.external-link, .magnific-popup-inner a.external-link, .magnific-popup-inner a:visited.external-link { display: inline-block; text-decoration: none; } .team-ctn.text-only .team-member a.external-link::before, .team-ctn.text-only .team-member a:visited.external-link::before, .magnific-popup-inner a.external-link::before, .magnific-popup-inner a:visited.external-link::before { content: ""; position: absolute; bottom: 3px; right: 0; width: 100%; height: 1px; background-color: var(--cpi_border); } .team-ctn.text-only .team-member a.external-link:hover, .team-ctn.text-only .team-member a.external-link:focus-visible, .team-ctn.text-only .team-member a:visited.external-link:hover, .team-ctn.text-only .team-member a:visited.external-link:focus-visible, .magnific-popup-inner a.external-link:hover, .magnific-popup-inner a.external-link:focus-visible, .magnific-popup-inner a:visited.external-link:hover, .magnific-popup-inner a:visited.external-link:focus-visible { color: var(--cpi_blue); } .team-ctn.text-only .team-member a.external-link:hover::before, .team-ctn.text-only .team-member a.external-link:focus-visible::before, .team-ctn.text-only .team-member a:visited.external-link:hover::before, .team-ctn.text-only .team-member a:visited.external-link:focus-visible::before, .magnific-popup-inner a.external-link:hover::before, .magnific-popup-inner a.external-link:focus-visible::before, .magnific-popup-inner a:visited.external-link:hover::before, .magnific-popup-inner a:visited.external-link:focus-visible::before { background-color: var(--cpi_border_3); } .team-ctn:not(.text-only) .team-member a.external-link, .team-ctn:not(.text-only) .team-member a:visited.external-link, .magnific-popup-inner .social-link a.external-link, .magnific-popup-inner .social-link a:visited.external-link { text-decoration: none; } .team-ctn:not(.text-only) .team-member a.external-link::before, .team-ctn:not(.text-only) .team-member a:visited.external-link::before, .magnific-popup-inner .social-link a.external-link::before, .magnific-popup-inner .social-link a:visited.external-link::before { content: ""; position: absolute; bottom: 3px; right: 0; width: calc(100% - 24px); height: 1px; background-color: var(--cpi_border); } .team-ctn:not(.text-only) .team-member a.external-link:hover, .team-ctn:not(.text-only) .team-member a.external-link:focus-visible, .team-ctn:not(.text-only) .team-member a:visited.external-link:hover, .team-ctn:not(.text-only) .team-member a:visited.external-link:focus-visible, .magnific-popup-inner .social-link a.external-link:hover, .magnific-popup-inner .social-link a.external-link:focus-visible, .magnific-popup-inner .social-link a:visited.external-link:hover, .magnific-popup-inner .social-link a:visited.external-link:focus-visible { color: var(--cpi_blue); } .team-ctn:not(.text-only) .team-member a.external-link:hover::before, .team-ctn:not(.text-only) .team-member a.external-link:focus-visible::before, .team-ctn:not(.text-only) .team-member a:visited.external-link:hover::before, .team-ctn:not(.text-only) .team-member a:visited.external-link:focus-visible::before, .magnific-popup-inner .social-link a.external-link:hover::before, .magnific-popup-inner .social-link a.external-link:focus-visible::before, .magnific-popup-inner .social-link a:visited.external-link:hover::before, .magnific-popup-inner .social-link a:visited.external-link:focus-visible::before { background-color: var(--cpi_border_3); } .text-only .section-head { margin-bottom: 31px; } .text-only .section-head .heading-4 { margin: 0; font-size: 24px; } .text-only .team-members-title { margin-bottom: 16px; } .text-only .team-members-title .heading-5 { margin: 0; font-weight: 500; letter-spacing: -0.4px; font-size: 20px; } .text-only .team-members { display: block; } .text-only .team-members-detail { margin-bottom: 29px; flex-wrap: wrap; } .text-only .team-members-detail.two-columns { gap: 2.6%; row-gap: 19px; } .text-only .team-member { padding: 17px 21px 22px 29px; border: 1px solid var(--cpi_border); border-radius: 20px; background-color: var(--cpi_color_on_primary); box-sizing: border-box; display: block; } .text-only .team-member-designation, .text-only .team-member-name { line-height: 1.28; font-size: 18px; display: block; } .text-only .team-member-name a.open-bio-modal { margin-right: 10px; } .team-ctn .section-head { max-width: 784px; } .team-ctn .section-head h2 strong, .team-ctn .section-head h3 strong, .team-ctn .section-head h4 strong, .team-ctn .section-head h5 strong, .team-ctn .section-head h6 strong { font-weight: 600; } .team-member-detail .heading-5 { font-weight: 500; margin: 0; } .team-member-img { line-height: 0.65; margin-bottom: 19px; } .team-member-img img { border-radius: 34px; aspect-ratio: 378/378; -o-object-position: top; object-position: top; } .team-members { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(286px, 31.3333333333%, 100%), 100%), 1fr)); -moz-column-gap: 2%; column-gap: 2%; row-gap: 46px; } .member-designation { font-size: 18px; line-height: 1.3; margin-top: 12px; } .team-member-links { padding-top: 16px; border-top: 0.8px solid var(--cpi_border); margin-top: 26px; } .team-member-links a, .team-member-links a:visited { font-size: 18px; font-weight: 500; text-underline-offset: 3px; } .team-member-links { gap: 12px 22px; flex-wrap: wrap; } .social-link a:hover img, .social-link a:focus-visible img, .social-link a:visited:hover img, .social-link a:visited:focus-visible img { filter: brightness(0) saturate(100%) invert(16%) sepia(69%) saturate(7033%) hue-rotate(195deg) brightness(94%) contrast(105%); } .social-link img { margin-right: 3px; transition: all 0.3s ease-in-out; } .team-member-bio a, .team-member-bio a:visited { padding-left: 21px; } .team-member-bio a:before, .team-member-bio a:after, .team-member-bio a:visited:before, .team-member-bio a:visited:after { position: absolute; content: ""; background-color: var(--cpi_black); transition: all 0.3s ease-in-out; } .team-member-bio a:before, .team-member-bio a:visited:before { width: 14px; height: 2px; top: 13px; left: -2px; } .team-member-bio a:after, .team-member-bio a:visited:after { height: 14px; width: 2px; top: 7px; left: 4px; } .team-member-bio a:hover:before, .team-member-bio a:hover:after, .team-member-bio a:focus-visible:before, .team-member-bio a:focus-visible:after, .team-member-bio a:visited:hover:before, .team-member-bio a:visited:hover:after, .team-member-bio a:visited:focus-visible:before, .team-member-bio a:visited:focus-visible:after { background-color: var(--cpi_blue); } .mfp-content { text-align: left; } .white-popup-block { background-color: var(--cpi_white); width: clamp(15rem, 65.473vw - 1.941rem, 50.438rem); margin: 0 0 0 auto; transition: all 0.3s ease-in-out; height: 100vh; } .white-popup-block p { font-size: var(--cpi_font_size_1); letter-spacing: -0.1px; line-height: 1.61; } .member-detail { margin-bottom: 28px; } .member-detail .heading-3 { font-weight: 600; margin-bottom: 5px; letter-spacing: 0; } .member-detail p { margin: 0; font-size: var(--cpi_font_size_2); letter-spacing: 0; line-height: 1.5; } .member-img-popup { line-height: 0.65; width: clamp(15.625rem, 22.124vw + 5.282rem, 21.875rem); height: clamp(15.625rem, 22.124vw + 5.282rem, 21.875rem); margin-bottom: 30px; } .member-img-popup img { aspect-ratio: 350/350; border-radius: 34px; } .magnific-popup-inner { padding: clamp(2.25rem, 3.349vw + 1.384rem, 4.063rem) clamp(2.5rem, 9.469vw + 0.05rem, 5.625rem) clamp(3.75rem, 4.619vw + 2.555rem, 6.25rem) clamp(2.25rem, 7.621vw + 0.278rem, 6.375rem); box-sizing: border-box; position: relative; height: 100%; overflow: auto; } .magnific-popup-inner .closeBtn { position: absolute; content: ""; width: 35px; height: 35px; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTcuMTQ2NSIgeT0iMC4zNTM1MTYiIHdpZHRoPSIxIiBoZWlnaHQ9IjM0IiBmaWxsPSJibGFjayIvPgo8cmVjdCB4PSIwLjY0NjQ4NCIgeT0iMTcuODUzNSIgd2lkdGg9IjEiIGhlaWdodD0iMzQiIHRyYW5zZm9ybT0icm90YXRlKC05MCAwLjY0NjQ4NCAxNy44NTM1KSIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==); top: clamp(1.5rem, 1.501vw + 1.112rem, 2.313rem); right: clamp(1.5rem, 1.501vw + 1.112rem, 2.313rem); transform: rotate(45deg); cursor: pointer; } .magnific-popup-inner .social-link a, .magnific-popup-inner .social-link a:visited { font-weight: 500; } .magnific-popup-inner .social-link a img, .magnific-popup-inner .social-link a:visited img { margin-bottom: -3px; } .mfp-container { padding: 0; } .team-member-top a, .team-member-top a:visited { text-decoration: none; } .team-member-top a:hover, .team-member-top a:visited:hover { color: initial; } .closeBtn { cursor: pointer; } /* ------ Rotate Carouse (left) ------ */ .rotate-carouse-left.mfp-bg { opacity: 0; transition: all 0.5s ease-out; } /* overlay animate in */ .rotate-carouse-left.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate out */ .rotate-carouse-left.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .rotate-carouse-left.mfp-wrap .mfp-content { opacity: 0; } /* content animate it */ .rotate-carouse-left.mfp-wrap.mfp-ready .mfp-content { opacity: 1; transform-origin: 0% 50%; animation: rotateCarouselLeftIn 0.8s both ease; } /* content animate out */ .rotate-carouse-left.mfp-wrap.mfp-removing .mfp-content { transform-origin: 100% 50%; animation: rotateCarouselLeftOut 0.8s both ease; opacity: 1; } @keyframes rotateCarouselLeftOut { to { opacity: 1; transform: translateX(150%) scale(1) rotateY(-65deg); } } @keyframes rotateCarouselLeftIn { from { opacity: 1; transform: translateX(200%) scale(1) rotateY(65deg); } } @keyframes rotateCarouselRightOut { to { opacity: 0.3; transform: translateX(200%) scale(1) rotateY(65deg); } } @keyframes rotateCarouselRightIn { from { opacity: 0.3; transform: translateX(-200%) scale(1) rotateY(-65deg); } } .team-content-inner { display: flex; flex-direction: column; justify-content: space-between; } /*------------------------------------------------- >> Basic styles for Image Alongside Text Block -------------------------------------------------*/ .image-at-right, .with-image { flex-direction: row-reverse; } .iat-text { width: 55.76%; margin-top: 30px; } .iat-text .heading-2 { margin-bottom: 17px; } .iat-text p { margin: 0; letter-spacing: -0.4px; } .iat-text .wp-block-button { margin-top: 30px; } .iat-media { width: 35.59%; position: relative; } .iat-media video { border-radius: 0; margin-bottom: 0; } .iat-media .video-block { height: 100%; } .iat-media img, .iat-media video, .iat-media iframe, .iat-media .video-image { border-top-left-radius: 80px; border-bottom-right-radius: 80px; aspect-ratio: 420/420; } .iat-media .video-image { border-top-right-radius: 0; border-bottom-left-radius: 0; width: 100%; height: 100%; } .iat-media div.video-icon { cursor: pointer; } .iat-media div.video-icon img { border-radius: 0; } .image-at-right .block-gradient-bg { background-color: var(--cpi_yellow_3); } .image-at-right .iat-media img { border-top-right-radius: 80px; border-bottom-left-radius: 80px; border-top-left-radius: 0; border-bottom-right-radius: 0; } .iat-section { position: relative; flex-wrap: wrap; } .iat-section h2 strong, .iat-section h3 strong, .iat-section h4 strong, .iat-section h5 strong, .iat-section h6 strong { font-weight: 600; } .iat-section.image-at-left .block-gradient-bg, .iat-section.image-at-right .block-gradient-bg { width: clamp(31.625rem, 17.818vw + 27.449rem, 40.813rem); height: clamp(15.5rem, 8.727vw + 13.455rem, 20rem); transform: rotate(146.24deg); } .iat-section.image-at-right .block-gradient-bg, .iat-section.with-image .block-gradient-bg { right: clamp(-16.75rem, -4.204vw - 13.597rem, -15.562rem); bottom: -59px; } .iat-section.image-at-left .block-gradient-bg { background-color: var(--cpi_blue_4); left: clamp(-15.687rem, 6.909vw - 17.307rem, -12.125rem); bottom: -47px; } /*------------------------------------------------- >> Basic styles for Video Block -------------------------------------------------*/ .theme-video .section-head { max-width: 784px; } .theme-video .section-head-text { margin-top: 18px; } .video-block { position: relative; } .video-block video { height: 100%; margin-bottom: 0; -o-object-fit: cover; object-fit: cover; } .video-image, video { border-radius: clamp(1.5rem, 1.105vw + 1.241rem, 2.125rem); } .video-image { height: clamp(11rem, 47.806vw - 1.37rem, 36.875rem); background-position: center; background-repeat: no-repeat; background-size: cover; } .video-image a, .video-image a:visited { display: block; width: 100%; height: 100%; border-radius: clamp(1.5rem, 1.105vw + 1.241rem, 2.125rem); } .video-image a:hover .video-icon img, .video-image a:focus-visible .video-icon img, .video-image a:visited:hover .video-icon img, .video-image a:visited:focus-visible .video-icon img { transform: scale(1.05); } .video-icon { width: clamp(2.875rem, 6.5vw + 0.438rem, 5.313rem); height: clamp(2.875rem, 6.5vw + 0.438rem, 5.313rem); position: absolute; left: clamp(0.75rem, 4.867vw - 1.525rem, 2.125rem); bottom: clamp(0.625rem, 5.31vw - 1.857rem, 2.125rem); } .video-icon img { transition: all 0.3s ease-in-out; } .mfp-iframe-holder .mfp-close { background-color: var(--cpi_color_primary); margin: 0; top: clamp(-3.75rem, -1.667vw - 2.5rem, -3.125rem); right: 0; padding: 0; border-radius: 50%; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cgo8ZGVmcz4KPC9kZWZzPgo8ZyBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDA7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IGZpbGw6IG5vbmU7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNDA2NTkzNDA2NTkzNDAxNiAxLjQwNjU5MzQwNjU5MzQwMTYpIHNjYWxlKDIuODEgMi44MSkiID4KCTxyZWN0IHg9Ii0xMy41OSIgeT0iMzkuOTUiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjExNy4xNyIgaGVpZ2h0PSIxMC4xIiBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IGZpbGw6IHJnYigwLDAsMCk7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsiIHRyYW5zZm9ybT0iIG1hdHJpeCgwLjcwNzEgLTAuNzA3MiAwLjcwNzIgMC43MDcxIC0xOC42Mzk2IDQ1LjAwNDQpICIvPgoJPHJlY3QgeD0iMzkuOTUiIHk9Ii0xMy41OSIgcng9IjAiIHJ5PSIwIiB3aWR0aD0iMTAuMSIgaGVpZ2h0PSIxMTcuMTciIHN0eWxlPSJzdHJva2U6IG5vbmU7IHN0cm9rZS13aWR0aDogMTsgc3Ryb2tlLWRhc2hhcnJheTogbm9uZTsgc3Ryb2tlLWxpbmVjYXA6IGJ1dHQ7IHN0cm9rZS1saW5lam9pbjogbWl0ZXI7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgZmlsbDogcmdiKDAsMCwwKTsgZmlsbC1ydWxlOiBub256ZXJvOyBvcGFjaXR5OiAxOyIgdHJhbnNmb3JtPSIgbWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTE4LjYzOTYgNDUuMDAwNCkgIi8+CjwvZz4KPC9zdmc+); background-repeat: no-repeat; background-position: center; background-size: clamp(0.875rem, 0.442vw + 0.668rem, 1rem); opacity: 1; transition: all 0.3s ease-in-out; width: clamp(2.25rem, 0.667vw + 2rem, 2.5rem); height: clamp(2.25rem, 0.667vw + 2rem, 2.5rem); min-height: auto; outline: 2px dotted transparent; outline-offset: 5px; } .mfp-iframe-holder .mfp-close:hover, .mfp-iframe-holder .mfp-close:focus-visible { transform: scale(1.05); } .mfp-iframe-holder .mfp-close:focus-visible { outline-color: var(--cpi_border_2); } /*------------------------------------------------- >> Basic styles for Stat Block -------------------------------------------------*/ .stat-ctn .section-head { max-width: 641px; margin-bottom: clamp(2.188rem, 5.531vw - 0.398rem, 3.75rem); } .stat-ctn h2 strong, .stat-ctn h3 strong, .stat-ctn h4 strong, .stat-ctn h5 strong, .stat-ctn h6 strong { font-weight: 600; } .stat-three-columns { border: 1px solid var(--cpi_border); padding: 46px 54px 48px 72px; background-color: var(--cpi_color_on_primary); border-radius: 34px; } .stat-three-columns .stat-text { padding-right: 15px; } .stat-info { display: flex; border-bottom: 1px solid var(--cpi_border); padding-bottom: 6px; flex-wrap: wrap; } .stat-info span { font-size: 55px; line-height: 1.2; letter-spacing: -1.65px; display: inline-block; font-family: "begum", sans-serif; font-weight: 600; } .stat-text { margin-top: 22px; font-size: 18px; line-height: 1.2; letter-spacing: -0.36px; } .four-columns .stat-item { border-radius: 34px; background-color: var(--cpi_color_on_primary); border: 1px solid var(--cpi_border); padding: 38px 45px 68px; } /*------------------------------------------------- >> Basic styles for Featured Text Block -------------------------------------------------*/ .featured-text { padding: 41px 43px 34px 56px; font-family: "begum", sans-serif; font-style: italic; font-weight: 400; border: 1px solid var(--cpi_border); background-color: var(--cpi_color_on_primary); border-radius: 34px; } .featured-text p { line-height: 1.6; letter-spacing: -0.4px; } .featured-text strong { font-weight: 600; } /*------------------------------------------------- >> Basic styles for Lead Paragraph Block -------------------------------------------------*/ .lead-paragraph .heading-3 { line-height: 1.42; } /*------------------------------------------------- >> Basic styles for Text Columns Block -------------------------------------------------*/ .text-with-columns-ctn h2 strong, .text-with-columns-ctn h3 strong, .text-with-columns-ctn h4 strong, .text-with-columns-ctn h5 strong, .text-with-columns-ctn h6 strong { font-weight: 600; } .text-with-columns-title { margin-bottom: 32px; } .text-with-columns-title .heading-2 { margin: 0; } .two-columns .text-with-column { padding-right: 26px; } .three-columns .text-with-column { padding-right: 10px; } /*------------------------------------------------- >> Basic styles for Story Teaser Block -------------------------------------------------*/ .story-teaser-ctn .section-head { margin-bottom: 34px; } .story-teaser-multi .section-head { margin-bottom: 13px; } .story-teaser.have-slides { padding-top: 0; } .story-teaser a, .story-teaser a:visited { text-decoration: none; height: 100%; } .story-teaser a:hover, .story-teaser a:focus-visible, .story-teaser a:visited:hover, .story-teaser a:visited:focus-visible { color: initial; } .story-teaser-inner { border: 1px solid var(--cpi_border); border-radius: 34px; padding: 14px 31px 11px 6px; gap: 21px; background-color: var(--cpi_color_on_primary); box-sizing: border-box; position: relative; } .story-teaser-inner .arrow-link { bottom: 19px; right: 30px; } .story-teaser-inner .story-teaser-content { margin-top: 13px; } .story-teaser-inner h2, .story-teaser-inner h3, .story-teaser-inner h4, .story-teaser-inner h5, .story-teaser-inner h6 { font-weight: 600; line-height: 1.1; margin-bottom: 0; } .story-teaser-inner .story-teaser-content { width: 40.6%; } .story-teaser-image { width: 53.6%; line-height: 0.6; max-height: 550px; } .story-teaser-image img { -o-object-position: top center; object-position: top center; border-radius: 30px; } .story-teaser-text { font-size: var(--cpi_font_size_1); line-height: 1.3; margin: 12px 0 0 4px; } .story-teaser-item a:hover .right-arrow a, .story-teaser-item a:hover .right-arrow a:visited, .story-teaser-item a:hover .right-arrow span, .story-teaser-item a:focus-visible .right-arrow a, .story-teaser-item a:focus-visible .right-arrow a:visited, .story-teaser-item a:focus-visible .right-arrow span, .story-teaser-item a:visited:hover .right-arrow a, .story-teaser-item a:visited:hover .right-arrow a:visited, .story-teaser-item a:visited:hover .right-arrow span, .story-teaser-item a:visited:focus-visible .right-arrow a, .story-teaser-item a:visited:focus-visible .right-arrow a:visited, .story-teaser-item a:visited:focus-visible .right-arrow span { background-color: var(--cpi_black); } .story-teaser-item .story-teaser-content { border: 0.7px solid var(--cpi_border); border-radius: 34px; padding: 35px 27px 117px 34px; height: 100%; box-sizing: border-box; } .story-teaser-item .story-teaser-content h2, .story-teaser-item .story-teaser-content h3, .story-teaser-item .story-teaser-content h4, .story-teaser-item .story-teaser-content h5, .story-teaser-item .story-teaser-content h6 { font-weight: 500; line-height: 1.3; margin-bottom: 0; } .story-teaser-item .right-arrow { position: absolute; bottom: 43px; left: 4px; right: 0; margin: 0 auto; } .story-slider-items.have-slides .owl-stage { padding-left: 0 !important; } .story-slider-items.have-slides.owl-carousel .owl-nav { top: -65px; left: auto; right: 0; } .story-slider-items.have-slides.owl-carousel .quote-slide { border: none; width: 280px !important; } .story-teaser-multiple-slider .owl-stage-outer { border: 1px solid var(--cpi_border); border-radius: 34px; } .story-teaser-multiple-slider.owl-carousel { margin-top: 90px !important; } .story-teaser-multiple-slider.owl-carousel .owl-nav { top: -70px; } .story-teaser-multiple-slider.owl-carousel .owl-item a, .story-teaser-multiple-slider.owl-carousel .owl-item a:visited { display: block; height: 100%; } .story-teaser-multiple-slider.owl-carousel .owl-item a .story-teaser-inner, .story-teaser-multiple-slider.owl-carousel .owl-item a:visited .story-teaser-inner { border: none; height: 100%; padding: 14px 31px 11px 11px; } .story-teaser-multiple-items a:nth-child(n+2), .story-teaser-multiple-items a:visited:nth-child(n+2) { margin-top: 50px; display: block; } /*------------------------------------------------- >> Basic styles for Program Teaser Block -------------------------------------------------*/ .program-teaser-boxes { flex-wrap: wrap; justify-content: center; margin-top: 54px; gap: 17px 21px; position: relative; } .program-teaser-boxes::before, .program-teaser-boxes::after { content: ""; position: absolute; width: 64px; height: 80%; top: 79px; border-top: 1px solid var(--cpi_border); } .program-teaser-boxes::before { border-left: 1px solid var(--cpi_border); border-top-left-radius: 30px; left: 39px; } .program-teaser-boxes::after { border-right: 1px solid var(--cpi_border); border-top-right-radius: 30px; right: 39px; } .program-teaser-categories { margin-top: 0; } .program-teaser-categories:before, .program-teaser-categories:after { display: none; } .program-teaser-categories .program-teaser-text a, .program-teaser-categories .program-teaser-text a:visited { font-weight: 500; } .program-teaser-categories .program-teaser-box { width: initial; } .program-teaser-categories .program-teaser-box:before, .program-teaser-categories .program-teaser-box:after { display: none; } .program-teaser-categories .program-teaser-box .program-teaser-inner { padding: 12px 14px 95px; } .program-teaser-categories .program-teaser-box:nth-child(2), .program-teaser-categories .program-teaser-box:nth-child(3) { margin: 0; } .program-teaser-categories .program-teaser-content .heading-4 { font-weight: 700; line-height: 1.1; margin-bottom: 18px; font-size: 24px; letter-spacing: -0.6px; } .program-teaser-categories .program-teaser-img { margin-bottom: 13px; } .program-teaser-categories .program-teaser-img img { aspect-ratio: 346/138; } .program-teaser-categories .program-teaser-content { padding: 0; } .program-teaser-categories .post-arrow, .program-teaser-categories .arrow-link { width: 61px; height: 46px; bottom: 12px; right: 13px; } .program-teaser-box { border-radius: 34px; background-color: var(--cpi_black); width: clamp(19.688rem, 7.39vw + 17.775rem, 23.688rem); position: relative; z-index: 1; } .program-teaser-box a, .program-teaser-box a:visited, .program-teaser-box .program-teaser-inner { text-decoration: none; height: 100%; } .program-teaser-box a .post-arrow a, .program-teaser-box a .post-arrow a:visited, .program-teaser-box a:visited .post-arrow a, .program-teaser-box a:visited .post-arrow a:visited, .program-teaser-box .program-teaser-inner .post-arrow a, .program-teaser-box .program-teaser-inner .post-arrow a:visited { border-radius: 100px; border: 1px solid var(--cpi_border); border-color: var(--cpi_border_2); background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxOSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzQ5OF8xNDIzMyIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iLTEiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyNiI+CjxwYXRoIGQ9Ik0yIDNMMTQgMTIuNUwzLjUgMjFMNy41IDI0LjVMMTkgMTRMNy41IDBMMiAzWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTEgMTQuNUwxNCAxMi41TTE0IDEyLjVMMiAzTDcuNSAwTDE5IDE0TDcuNSAyNC41TDMuNSAyMUwxNCAxMi41WiIgc3Ryb2tlPSIjRkZDNjJGIiBzdHJva2Utd2lkdGg9IjAuNSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfNDk4XzE0MjMzKSI+CjxwYXRoIGQ9Ik01LjcyNTc1IDIwLjg3NThMMTIuOTI1MSAxMy44MjcxTDEzLjM2MjkgMTMuMzk4NUgxMi43NTAySC0xOS43NTAyVjExLjYwMTVIMTIuNzUwMkgxMy4zNjI5TDEyLjkyNTEgMTEuMTcyOUw1LjcyNTc1IDQuMTI0MjZMNy4wMjczMyAyLjg0OTg4TDE2Ljg4MzkgMTIuNTAwMUw3LjAyNzMzIDIyLjE1MDFMNS43MjU3NSAyMC44NzU4WiIgZmlsbD0id2hpdGUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMC41Ii8+CjwvZz4KPC9zdmc+Cg==); background-size: 20px; background-position: center; background-repeat: no-repeat; } .program-teaser-box a .post-arrow a:hover, .program-teaser-box a .post-arrow a:focus-visible, .program-teaser-box a .post-arrow a:visited:hover, .program-teaser-box a .post-arrow a:visited:focus-visible, .program-teaser-box a:visited .post-arrow a:hover, .program-teaser-box a:visited .post-arrow a:focus-visible, .program-teaser-box a:visited .post-arrow a:visited:hover, .program-teaser-box a:visited .post-arrow a:visited:focus-visible, .program-teaser-box .program-teaser-inner .post-arrow a:hover, .program-teaser-box .program-teaser-inner .post-arrow a:focus-visible, .program-teaser-box .program-teaser-inner .post-arrow a:visited:hover, .program-teaser-box .program-teaser-inner .post-arrow a:visited:focus-visible { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxOSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzYyOF83MzExIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSItMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjI2Ij4KPHBhdGggZD0iTTIgM0wxNCAxMi41TDMuNSAyMUw3LjUgMjQuNUwxOSAxNEw3LjUgMEwyIDNaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMSAxNC41TDE0IDEyLjVNMTQgMTIuNUwyIDNMNy41IDBMMTkgMTRMNy41IDI0LjVMMy41IDIxTDE0IDEyLjVaIiBzdHJva2U9IiNGRkM2MkYiIHN0cm9rZS13aWR0aD0iMC41Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF82MjhfNzMxMSkiPgo8cGF0aCBkPSJNMTYuODg0IDEyLjUwMDFMNy4wMjc1MSAyMi4xNTAxTDUuNzIxMzcgMjAuODcxM0wxMy42Nzk2IDEyLjY3NDJMMTQuMDgwNSAxMi4yNjEzTDE0LjEzMDMgMTIuMjYyMkwxNC4xMDQxIDEyLjIzNjlMMTQuMTExOCAxMi4yMjlMMTQuMDk2NSAxMi4yMjk1TDEzLjY3NDEgMTEuODIwNEw1LjcyNjkyIDQuMTIzMjlMNy4wMjc1MSAyLjg0OTg4TDE2Ljg4NCAxMi41MDAxWk0xMy40OTUzIDEyLjI1TDEzLjQ5OCAxMi4yNUwxMy40OTE2IDEyLjI1MDJMLTE5Ljc1IDEzLjM4OThWMTEuNjA2NEwxMy40OTUzIDEyLjI1WiIgZmlsbD0iYmxhY2siIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMC41Ii8+CjwvZz4KPC9zdmc+Cg==); background-color: var(--cpi_color_primary); border-color: var(--cpi_border_4); } .program-teaser-box a:focus-visible .black-stroke-arrow span, .program-teaser-box a:focus-visible .black-stroke-arrow a, .program-teaser-box a:focus-visible .black-stroke-arrow a:visited, .program-teaser-box a:visited:focus-visible .black-stroke-arrow span, .program-teaser-box a:visited:focus-visible .black-stroke-arrow a, .program-teaser-box a:visited:focus-visible .black-stroke-arrow a:visited { outline-color: var(--cpi_border_2); } .program-teaser-box h2, .program-teaser-box h3, .program-teaser-box h4, .program-teaser-box h5, .program-teaser-box h6 { font-weight: 600; line-height: 1.2; margin-top: 3px; letter-spacing: 0; padding: 0 6px; } .program-teaser-box:nth-child(2) { margin-left: 30px; } .program-teaser-box:nth-child(2)::before { border-left: 1px solid var(--cpi_border); border-bottom-left-radius: 30px; left: -58px; } .program-teaser-box:nth-child(3) { margin-right: 30px; } .program-teaser-box:nth-child(3)::before { border-right: 1px solid var(--cpi_border); border-bottom-right-radius: 30px; right: -62px; } .program-teaser-box:nth-child(2)::before, .program-teaser-box:nth-child(3)::before { content: ""; position: absolute; width: 64px; height: 77.8%; bottom: 88px; border-bottom: 1px solid var(--cpi_border); z-index: -1; } .program-teaser-box .program-teaser-inner { padding: 15px 14px 88px; position: relative; box-sizing: border-box; } .program-teaser-box * { color: var(--cpi_white_text); } .program-teaser-box.program-teaser-first-box { width: clamp(19.688rem, 76.443vw - 0.092rem, 61.063rem); } .program-teaser-box.program-teaser-first-box .black-stroke-arrow { bottom: 12.5%; } .program-teaser-box.program-teaser-first-box .program-teaser-inner { padding: 38px 150px 42px 43px; gap: 40px; } .program-teaser-box.program-teaser-first-box h2, .program-teaser-box.program-teaser-first-box h3, .program-teaser-box.program-teaser-first-box h4, .program-teaser-box.program-teaser-first-box h5, .program-teaser-box.program-teaser-first-box h6 { width: 31.5%; box-sizing: border-box; } .program-teaser-box .black-stroke-arrow { position: absolute; bottom: 20px; right: 17px; } .program-teaser-box .program-teaser-text { width: 65%; } .program-teaser-img { line-height: 0.6; } .program-teaser-img img { border-radius: 20px; aspect-ratio: 350/72; min-height: 72px; } .program-teaser-list-ctn { position: relative; overflow: hidden; } .program-teaser-list-ctn h2 { margin-bottom: clamp(2.125rem, 5.973vw - 0.668rem, 3.813rem); } .program-teaser-list-ctn .section-head { max-width: 911px; margin-bottom: 0; } .program-teaser-tabs .tab-nav li { padding-left: 0; } .program-teaser-tabs .tab-nav li::before { display: none; } .program-teaser-tabs .tab-nav li a, .program-teaser-tabs .tab-nav li a:visited { text-decoration: none; padding: 9px 19px 8px; border-radius: 44px; letter-spacing: 1.4px; line-height: 1.1; text-transform: uppercase; font-size: 14px; display: inline-block; font-weight: 700; } .program-teaser-tabs .tab-nav li a.current, .program-teaser-tabs .tab-nav li a:hover, .program-teaser-tabs .tab-nav li a:focus-visible, .program-teaser-tabs .tab-nav li a:visited.current, .program-teaser-tabs .tab-nav li a:visited:hover, .program-teaser-tabs .tab-nav li a:visited:focus-visible { background-color: var(--cpi_yellow); color: var(--cpi_black_ctn_text); } .program-teaser-tabs .tab-nav li a:hover, .program-teaser-tabs .tab-nav li a:focus-visible, .program-teaser-tabs .tab-nav li a:visited:hover, .program-teaser-tabs .tab-nav li a:visited:focus-visible { color: initial; } .tab-nav { margin-bottom: clamp(2.813rem, 1vw + 2.438rem, 3.188rem); width: -moz-max-content; width: max-content; border: 0.7px solid var(--cpi_border); border-radius: 44px; padding: 5px 8px 6px; display: flex; gap: 3px; margin-left: 0; } .tab-nav li { margin-bottom: 0; } .video-icon-link { position: absolute; top: 10px; z-index: 2; right: 10px; } .video-icon-link img { height: 40px; } a.program-teaser-list { text-decoration: none; } a.program-teaser-list.has-video .program-teaser-list-inner { padding-right: 60px; } a.program-teaser-list:hover .program-teaser-list-inner, a.program-teaser-list:focus-visible .program-teaser-list-inner { background-color: var(--cpi_yellow); border-color: var(--cpi_border_4); } a.program-teaser-list:hover .program-teaser-list-inner *, a.program-teaser-list:focus-visible .program-teaser-list-inner * { color: var(--cpi_regular_text); } a.program-teaser-list:hover .program-teaser-list-text p, a.program-teaser-list:focus-visible .program-teaser-list-text p { visibility: hidden; } a.program-teaser-list:hover .text-slide-up, a.program-teaser-list:focus-visible .text-slide-up { top: 0; } a.program-teaser-list:hover .text-slide-up, a.program-teaser-list:hover .text-slide-up p, a.program-teaser-list:focus-visible .text-slide-up, a.program-teaser-list:focus-visible .text-slide-up p { visibility: visible; opacity: 1; } a.program-teaser-list:hover .program-teaser-list-img, a.program-teaser-list:focus-visible .program-teaser-list-img { transform: translateY(0) scale(1) rotate(0); visibility: visible; opacity: 1; } a.program-teaser-list a, a.program-teaser-list a:visited, a.program-teaser-list span { text-decoration: none; display: block; } .program-teaser-list-content { max-width: calc(100% - 230px); } .text-slide-up { position: absolute; top: 30px; left: 0; opacity: 0; visibility: hidden; } .program-teaser-list-text { position: relative; margin-top: 9px; } .program-teaser-list-text p, .program-teaser-list-text .text-slide-up { transition: all 0.3s ease-in-out; } .program-teaser-list-text p { transition: all 0.3s ease-in-out; margin-bottom: 0; } .program-teaser-list-text p:nth-child(n+2) { margin-top: 30px; } .program-teaser-list-inner { border-top: 0.8px solid var(--cpi_border); padding: 28px 22px 32px; transition: all 0.3s ease-in-out; position: relative; background-color: var(--cpi_white); } .program-teaser-list-inner h3 { line-height: 1.1; font-weight: 500; letter-spacing: 0; margin-bottom: 0; } .program-teaser-list-inner h2, .program-teaser-list-inner h3, .program-teaser-list-inner h4, .program-teaser-list-inner h5, .program-teaser-list-inner h6, .program-teaser-list-inner p, .program-teaser-list-inner li, .program-teaser-list-inner span, .program-teaser-list-inner a, .program-teaser-list-inner a:visited { color: var(--cpi_regular_text); transition: all 0.3s ease-in-out; } .program-teaser-list:last-child .program-teaser-list-inner { border-bottom: 1px solid var(--cpi_border); } .program-teaser-list-img { width: clamp(10rem, 12.832vw + 4.001rem, 13.625rem); height: clamp(11.25rem, 14.381vw + 4.527rem, 15.313rem); transform: translateY(230px) scale(1.25) rotate(15deg); transition: all 0.3s ease-in-out; opacity: 0; visibility: hidden; position: absolute; right: 22px; bottom: 22px; } .program-teaser-list-img img { border-radius: 40px; } .program-teaser-list-btn { margin-top: clamp(2.375rem, 6vw + 0.125rem, 4.625rem); line-height: 0.6; position: relative; z-index: 2; } .program-teaser-inner-area .program-teaser-img { width: 37.81%; line-height: 0.65; } .program-teaser-inner-area .program-teaser-img img { border-radius: 0; border-top-left-radius: 120px; border-bottom-right-radius: 120px; aspect-ratio: 410/594; } .program-teaser-inner-area { justify-content: space-between; align-items: flex-start; } .program-teaser-slides { width: 53.61%; } .program-teaser-slides .program-teaser-text { display: none; max-width: 484px; } .program-teaser-slides .program-teaser-text a, .program-teaser-slides .program-teaser-text a:visited { font-weight: 500; } .program-teaser-slides .program-teaser-text a:hover, .program-teaser-slides .program-teaser-text a:visited:hover { text-decoration-color: transparent; color: var(--cpi_white_text); } .program-teaser-slides .program-teaser-text p { line-height: 1.4; } .program-teaser-head { cursor: pointer; transition: all 0.3s ease-in-out; position: relative; } .program-teaser-head:before, .program-teaser-head::after { position: absolute; content: ""; background-color: var(--cpi_color_secondary); transition: all 0.3s ease-in-out; } .program-teaser-head:before { width: 2px; height: 20px; top: 6px; right: 9px; } .program-teaser-head:after { width: 20px; height: 2px; top: 15px; right: 0px; } .program-teaser-head .heading-4 { margin: 0; font-weight: 500; letter-spacing: 0; } .program-teaser-slide { border-radius: 34px; transition: all 0.3s ease-in-out; margin-bottom: 0; padding: 30px; background-color: transparent; } .program-teaser-slide:focus-visible .heading-4 { outline: 2px dotted transparent; outline-offset: 5px; outline-color: var(--cpi_border_5); } .program-teaser-slide.active:focus-visible .heading-4 { outline-color: transparent; } .program-teaser-slide a:focus-visible, .program-teaser-slide a:visited:focus-visible { text-decoration-color: transparent; color: var(--cpi_white_text); outline-color: var(--cpi_border_2); } .program-teaser-slide:last-child { margin-bottom: 0; } .program-teaser-slide.active { background-color: var(--cpi_black); } .program-teaser-slide.active * { color: var(--cpi_white); } .program-teaser-slide.active .program-teaser-head:before { opacity: 0; } .program-teaser-slide.active .program-teaser-head::after { background-color: var(--cpi_white); top: 15px; } .program-teaser-ctn { padding-left: clamp(0rem, 21.634vw - 10.1rem, 6.125rem); } .program-teaser-cats { gap: 6px 5px; flex-wrap: wrap; padding-left: 3px; } a.program-teaser-category, .program-teaser-category, a:visited.program-teaser-category { color: var(--cpi_color_primary); border: 1px solid var(--cpi_border_4); text-decoration: none; border-radius: 40px; font-size: 13px; font-weight: 400; line-height: 1.1; padding: 7px 15px; } a.program-teaser-category, a:visited.program-teaser-category { display: block; text-decoration: none; } a.program-teaser-category:hover, a.program-teaser-category:focus-visible, a:visited.program-teaser-category:hover, a:visited.program-teaser-category:focus-visible { background-color: var(--cpi_color_primary); color: var(--cpi_black); } a.program-teaser-category:focus-visible, a:visited.program-teaser-category:focus-visible { outline-color: var(--cpi_border_2); } .program-teaser-slide-ctn { position: relative; z-index: 1; } .program-teaser-slide-ctn .section-head { max-width: 630px; } .program-teaser-arrow-left { position: absolute; top: 28px; left: -13px; background-position: left center; width: 71px; height: calc(100% - 59px); } .program-teaser-arrow-left svg, .arrow-top svg { margin-bottom: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .arrow-top { position: absolute; width: 285px; height: calc(1331px + clamp(11rem, 24.779vw - 0.584rem, 18rem) - 1px); top: -1577px; right: 101px; z-index: 0; } /*------------------------------------------------- >> Basic styles for Logo Grid Block -------------------------------------------------*/ .logo-grid-ctn .section-head { margin-bottom: 37px; } .logo-grids { row-gap: clamp(1rem, 1.549vw + 0.276rem, 1.438rem); } .logo-grid { display: flex; justify-content: center; align-items: center; padding: 53px 52px 52px !important; border-radius: 24px; border: 1px solid var(--cpi_border); } /*------------------------------------------------- >> Basic styles for Icon Grid Block -------------------------------------------------*/ .icon-grids.three-columns, .checklists.three-columns { gap: 2.9%; row-gap: clamp(1.688rem, 1.327vw + 1.067rem, 2.063rem); } .icon-grids h2 strong, .icon-grids h3 strong, .icon-grids h4 strong, .icon-grids h5 strong, .icon-grids h6 strong, .checklists h2 strong, .checklists h3 strong, .checklists h4 strong, .checklists h5 strong, .checklists h6 strong { font-weight: 600; } .checklists.three-columns { row-gap: 43px; } .icon-grid-icon, .checklist-icon { width: 78px; height: 78px; border-radius: 50%; border: 1px solid var(--cpi_border); background-color: var(--cpi_cream); display: flex; justify-content: center; align-items: center; line-height: 0.65; margin-bottom: 14px; } .icon-grid-heading .heading-5, .checklist-heading .heading-5 { font-weight: 500; margin: 0; font-size: var(--cpi_font_size_2); } .icon-grid-text, .checklist-text { margin-top: 10px; padding-right: 21px; } .icon-grid-text p, .checklist-text p { font-size: 18px; line-height: 1.3; } /*------------------------------------------------- >> Basic styles for CTA Tiles Block -------------------------------------------------*/ .cta-tiles-ctn .section-head { max-width: 640px; } .cta-tiles-ctn h2 strong, .cta-tiles-ctn h3 strong, .cta-tiles-ctn h4 strong, .cta-tiles-ctn h5 strong, .cta-tiles-ctn h6 strong { font-weight: 600; } .cta-tiles.two-columns { gap: 1.6%; } .cta-tile .cta-tile-text a, .cta-tile .cta-tile-text a:visited { text-decoration: underline; text-decoration-thickness: 1px; } .cta-tile a, .cta-tile a:visited { text-decoration: none; display: block; } .cta-tile a:hover, .cta-tile a:focus-visible, .cta-tile a:visited:hover, .cta-tile a:visited:focus-visible { color: var(--cpi_color_secondary); } .cta-tile-inner { position: relative; padding: 0 13px 105px 14px; border: 1px solid var(--cpi_border); background-color: var(--cpi_cream); border-radius: 34px; box-sizing: border-box; height: 100%; } .cta-tile-inner:hover .right-arrow span, .cta-tile-inner:focus-visible .right-arrow span { background-color: var(--cpi_color_secondary); } .cta-tile-img { height: clamp(8.125rem, 25vw - 3.562rem, 15.188rem); line-height: 0.6; margin-top: 10px; } .cta-tile-img img { border-radius: 24px; } .cta-tile-heading .heading-3 { font-weight: 700; letter-spacing: -0.3px; } .cta-tile-heading * { margin: 0; } .cta-tile-content { padding: clamp(1.25rem, 1.848vw + 0.772rem, 2.25rem) 15px 0 clamp(1.063rem, 1.848vw + 0.584rem, 2.063rem); } .cta-tile-text { margin-top: 18px; } .cta-tile-text, .cta-tile-heading { padding-right: clamp(0rem, 4.619vw - 1.195rem, 2.5rem); } .cta-tile-arrow-button { position: absolute; right: 30px; bottom: 31px; } .cta-no-image .cta-tile-inner { padding: 24px 27px 101px; } .cta-no-image .cta-tile-inner h3 { font-weight: 500; } .cta-no-image .cta-tile-heading { padding-right: 0; } .cta-no-image .cta-tile-content { padding: 0; } /*------------------------------------------------- >> Basic styles for Midpage CTA Block -------------------------------------------------*/ .midpage-cta-ctn { border-radius: 34px; background-color: var(--cpi_color_secondary); position: relative; overflow: hidden; } .midpage-cta-ctn h2 strong, .midpage-cta-ctn h3 strong, .midpage-cta-ctn h4 strong, .midpage-cta-ctn h5 strong, .midpage-cta-ctn h6 strong { font-weight: 600; } .midpage-cta-ctn .block-gradient-bg { filter: blur(150px); position: absolute; } .midpage-cta-ctn .block-gradient-bg:nth-child(1) { top: calc(clamp(-0.875rem, -37.576vw + 27.307rem, 18.5rem) + 80px); left: clamp(-18.625rem, -23.758vw - 0.807rem, -6.375rem); transform: rotate(155.52deg); } .midpage-cta-ctn .block-gradient-bg:nth-child(2) { bottom: calc(clamp(-20.125rem, -73.697vw + 35.148rem, 17.875rem) + 140px); right: clamp(-27.687rem, -30.545vw - 4.778rem, -11.937rem); transform: rotate(146.24deg); } .midpage-cta-ctn.with-image, .midpage-cta-ctn.image-at-left { justify-content: space-between; } .midpage-cta-ctn.with-image { padding: clamp(1.313rem, 6.928vw - 0.48rem, 5.063rem) clamp(1.5rem, 6.582vw - 0.203rem, 5.063rem) clamp(4.438rem, 0.808vw + 4.228rem, 4.875rem) clamp(1.5rem, 8.776vw - 0.771rem, 6.25rem); flex-wrap: wrap; } .midpage-cta-ctn.with-image .midpage-cta-content p { margin-bottom: 40px; } .midpage-cta-ctn.image-at-left { padding: clamp(1.313rem, 6.928vw - 0.48rem, 5.063rem) clamp(1.5rem, 8.776vw - 0.771rem, 6.25rem) clamp(4.438rem, 0.808vw + 4.228rem, 4.875rem) clamp(1.5rem, 6.582vw - 0.203rem, 5.063rem); flex-direction: row; } .midpage-cta-ctn * { color: var(--cpi_white); } .midpage-cta-ctn .wp-block-button.is-style-gold-button { color: var(--cpi_color_secondary); } .midpage-cta-ctn .wp-block-button.is-style-gold-button a:hover, .midpage-cta-ctn .wp-block-button.is-style-gold-button a:focus-visible, .midpage-cta-ctn .wp-block-button.is-style-gold-button a:visited:hover, .midpage-cta-ctn .wp-block-button.is-style-gold-button a:visited:focus-visible { color: var(--cpi_color_secondary); background-color: var(--cpi_white); border-color: var(--cpi_white); } .midpage-cta-ctn.with-image .block-gradient-bg:nth-child(1) { bottom: clamp(-6rem, -48vw + 30rem, 18.75rem); top: auto; left: clamp(-4.937rem, 70.788vw - 21.528rem, 31.563rem); } .midpage-cta-ctn.with-image .block-gradient-bg:nth-child(2) { bottom: clamp(-9.937rem, -65.576vw + 39.244rem, 23.875rem); right: clamp(-22.25rem, -20vw - 7.25rem, -11.937rem); } .midpage-cta-content { width: 45.07%; margin-top: 53px; } .midpage-cta-content .heading-2 { margin-bottom: 16px; } .midpage-cta-content.center-align { width: clamp(16.875rem, 36.374vw + 7.463rem, 36.563rem); margin: 0 auto; padding: clamp(5rem, 4.157vw + 3.924rem, 7.25rem) 0 clamp(4.438rem, 4.388vw + 3.302rem, 6.813rem); box-sizing: border-box; } .midpage-cta-image { width: 42.6%; height: clamp(16.75rem, 34.956vw + 0.408rem, 26.625rem); } .midpage-cta-image img { border-radius: 0 clamp(5rem, 5.882vw + 2.794rem, 7.5rem) 0 clamp(5rem, 5.882vw + 2.794rem, 7.5rem); } .midpage-cta-content, .midpage-cta-image { position: relative; z-index: 1; } /*------------------------------------------------- >> Basic styles for Theme Form Block -------------------------------------------------*/ .theme-form-ctn { justify-content: space-between; flex-wrap: wrap; } .theme-form-ctn h2 strong, .theme-form-ctn h3 strong, .theme-form-ctn h4 strong, .theme-form-ctn h5 strong, .theme-form-ctn h6 strong { font-weight: 600; } .theme-form-content { width: 47.96%; margin-top: 10px; } .theme-form-content .heading-2 { margin-bottom: 17px; } .theme-form-form { width: 90%; max-width: 650px; } .theme-form-form form { margin-bottom: 0; } .block-acf-button-popup { text-align: center; } /*------------------------------------------------- >> Basic styles for Comparison Table Block -------------------------------------------------*/ .comparison-table-ctn .section-head { max-width: 776px; margin: 0 auto clamp(2.5rem, 0.808vw + 2.291rem, 2.938rem); } .comparison-table-ctn .section-head .section-head-text { margin-top: 9px; } .comparison-table-title { margin-bottom: 16px; } .comparison-table-title .heading-4 { font-weight: 600; margin: 0; font-size: 24px; } .comparison-table { border: 1px solid var(--cpi_border); border-radius: 24px; background-color: var(--cpi_white); padding: 34px 20px 28px 27px; } .comparison-table .wp-block-button a, .comparison-table .wp-block-button a:visited { font-size: 16px; font-weight: 600; padding: 11px 24px; border-color: var(--cpi_yellow); background-color: var(--cpi_cream); text-transform: capitalize; letter-spacing: 0; min-height: 48px; line-height: 1.5; width: 100%; } .comparison-table .wp-block-button a:hover, .comparison-table .wp-block-button a:focus-visible, .comparison-table .wp-block-button a:visited:hover, .comparison-table .wp-block-button a:visited:focus-visible { background-color: var(--cpi_yellow); color: var(--cpi_color_secondary); } .comparison-table.feature-table { background-color: var(--cpi_color_secondary); color: var(--cpi_white); } .comparison-table.feature-table .comparison-table-title .heading-4 { color: var(--cpi_white); } .comparison-table.feature-table .comparison-table-benefit { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzcwMl8yODc1KSI+CjxwYXRoIGQ9Ik0zLjgwNTMzIDlDMy41MDExMSA5IDMuMjEyOTggOC44ODM5OSAzLjAyODM1IDguNjgzOTdMMC41Mjk1OTYgNS45ODZDMC40NTIzNDEgNS45MDI2OCAwLjM5NTk0MSA1LjgwNzc0IDAuMzYzNjE4IDUuNzA2NTlDMC4zMzEyOTYgNS42MDU0NSAwLjMyMzY4NSA1LjUwMDA5IDAuMzQxMjIyIDUuMzk2NTRDMC4zNTg3NTggNS4yOTI5OSAwLjQwMTA5NyA1LjE5MzI5IDAuNDY1ODE5IDUuMTAzMTJDMC41MzA1NDIgNS4wMTI5NSAwLjYxNjM3NyA0LjkzNDA5IDAuNzE4NDE5IDQuODcxMDRDMC44MjA0MjQgNC44MDc3NCAwLjkzNjcxNiA0Ljc2MTUgMS4wNjA2MyA0LjczNDk5QzEuMTg0NTQgNC43MDg0OCAxLjMxMzY0IDQuNzAyMjEgMS40NDA1MiA0LjcxNjU0QzEuNTY3NCA0LjczMDg4IDEuNjg5NTggNC43NjU1MyAxLjgwMDA0IDQuODE4NTJDMS45MTA1IDQuODcxNTEgMi4wMDcwOCA0Ljk0MTggMi4wODQyNCA1LjAyNTM0TDMuNzI4NCA2Ljc5OTIyTDcuODYyMjMgMS4zNzQ3MkM3Ljk5OTMyIDEuMTk1NjEgOC4yMTc3NSAxLjA2ODI2IDguNDY5NiAxLjAyMDU4QzguNzIxNDUgMC45NzI5MDkgOC45ODYxNiAxLjAwODgxIDkuMjA1NjcgMS4xMjA0MUM5LjY2MjM0IDEuMzUyNDMgOS44MDI5MSAxLjg0MzkgOS41MTc1NyAyLjIxNzY1TDQuNjMzMzUgOC42MjM5N0M0LjU0OTk3IDguNzMzODIgNC40MzUwNSA4LjgyNTM4IDQuMjk4NTYgOC44OTA3MUM0LjE2MjA2IDguOTU2MDQgNC4wMDgxMiA4Ljk5MzE2IDMuODUwMDggOC45OTg4NkMzLjgzNDcgOSAzLjgyMDcxIDkgMy44MDUzMyA5WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF83MDJfMjg3NSI+CjxyZWN0IHdpZHRoPSI5LjkyIiBoZWlnaHQ9IjguMzIiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAzOTA2MjUgMC44Mzk5NjYpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==); } .comparison-table.feature-table .comparison-table-benefit.cross { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMDU5OTcgNS4wMDAzMkw5LjAyODcyIDIuMDMxNTdDOS4xNjk2MiAxLjg5MDkzIDkuMjQ4ODcgMS43MDAwNyA5LjI0OTA1IDEuNTAwOTlDOS4yNDkyMiAxLjMwMTkxIDkuMTcwMzEgMS4xMTA5MSA5LjAyOTY2IDAuOTcwMDEyQzguODg5MDEgMC44MjkxMTYgOC42OTgxNSAwLjc0OTg2MiA4LjQ5OTA3IDAuNzQ5Njg2QzguMjk5OTkgMC43NDk1MTEgOC4xMDg5OSAwLjgyODQyNyA3Ljk2ODEgMC45NjkwNzRMNC45OTkzNSAzLjkzNzgyTDIuMDMwNiAwLjk2OTA3NEMxLjg4OTcgMC44MjgxNzggMS42OTg2MSAwLjc0OTAyMyAxLjQ5OTM1IDAuNzQ5MDIzQzEuMzAwMDkgMC43NDkwMjMgMS4xMDg5OSAwLjgyODE3OCAwLjk2ODA5OCAwLjk2OTA3NEMwLjgyNzIwMiAxLjEwOTk3IDAuNzQ4MDQ3IDEuMzAxMDcgMC43NDgwNDcgMS41MDAzMkMwLjc0ODA0NyAxLjY5OTU4IDAuODI3MjAyIDEuODkwNjggMC45NjgwOTggMi4wMzE1N0wzLjkzNjg1IDUuMDAwMzJMMC45NjgwOTggNy45NjkwN0MwLjgyNzIwMiA4LjEwOTk3IDAuNzQ4MDQ3IDguMzAxMDcgMC43NDgwNDcgOC41MDAzMkMwLjc0ODA0NyA4LjY5OTU4IDAuODI3MjAyIDguODkwNjggMC45NjgwOTggOS4wMzE1N0MxLjEwODk5IDkuMTcyNDcgMS4zMDAwOSA5LjI1MTYzIDEuNDk5MzUgOS4yNTE2M0MxLjY5ODYxIDkuMjUxNjMgMS44ODk3IDkuMTcyNDcgMi4wMzA2IDkuMDMxNTdMNC45OTkzNSA2LjA2MjgyTDcuOTY4MSA5LjAzMTU3QzguMTA4OTkgOS4xNzI0NyA4LjMwMDA5IDkuMjUxNjMgOC40OTkzNSA5LjI1MTYzQzguNjk4NjEgOS4yNTE2MyA4Ljg4OTcgOS4xNzI0NyA5LjAzMDYgOS4wMzE1N0M5LjE3MTQ5IDguODkwNjggOS4yNTA2NSA4LjY5OTU4IDkuMjUwNjUgOC41MDAzMkM5LjI1MDY1IDguMzAxMDcgOS4xNzE0OSA4LjEwOTk3IDkuMDMwNiA3Ljk2OTA3TDYuMDU5OTcgNS4wMDAzMloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=); } .comparison-table.feature-table .wp-block-button a, .comparison-table.feature-table .wp-block-button a:visited { color: var(--cpi_color_secondary); background-color: var(--cpi_yellow); } .comparison-table.feature-table .wp-block-button a:hover, .comparison-table.feature-table .wp-block-button a:focus-visible, .comparison-table.feature-table .wp-block-button a:visited:hover, .comparison-table.feature-table .wp-block-button a:visited:focus-visible { background-color: var(--cpi_cream); } .comparison-table.feature-table .wp-block-button a:focus-visible, .comparison-table.feature-table .wp-block-button a:visited:focus-visible { outline-color: var(--cpi_border_2); } .comparison-table-benefit-list { margin-bottom: 33px; } .comparison-table-benefit { padding-left: 28px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzcwMl8yNzYxKSI+CjxwYXRoIGQ9Ik0zLjgwNTMzIDlDMy41MDExMSA5IDMuMjEyOTggOC44ODM5OSAzLjAyODM1IDguNjgzOTdMMC41Mjk1OTYgNS45ODZDMC40NTIzNDEgNS45MDI2OCAwLjM5NTk0MSA1LjgwNzc0IDAuMzYzNjE4IDUuNzA2NTlDMC4zMzEyOTYgNS42MDU0NSAwLjMyMzY4NSA1LjUwMDA5IDAuMzQxMjIyIDUuMzk2NTRDMC4zNTg3NTggNS4yOTI5OSAwLjQwMTA5NyA1LjE5MzI5IDAuNDY1ODE5IDUuMTAzMTJDMC41MzA1NDIgNS4wMTI5NSAwLjYxNjM3NyA0LjkzNDA5IDAuNzE4NDE5IDQuODcxMDRDMC44MjA0MjQgNC44MDc3NCAwLjkzNjcxNiA0Ljc2MTUgMS4wNjA2MyA0LjczNDk5QzEuMTg0NTQgNC43MDg0OCAxLjMxMzY0IDQuNzAyMjEgMS40NDA1MiA0LjcxNjU0QzEuNTY3NCA0LjczMDg4IDEuNjg5NTggNC43NjU1MyAxLjgwMDA0IDQuODE4NTJDMS45MTA1IDQuODcxNTEgMi4wMDcwOCA0Ljk0MTggMi4wODQyNCA1LjAyNTM0TDMuNzI4NCA2Ljc5OTIyTDcuODYyMjMgMS4zNzQ3MkM3Ljk5OTMyIDEuMTk1NjEgOC4yMTc3NSAxLjA2ODI2IDguNDY5NiAxLjAyMDU4QzguNzIxNDUgMC45NzI5MDkgOC45ODYxNiAxLjAwODgxIDkuMjA1NjcgMS4xMjA0MUM5LjY2MjM0IDEuMzUyNDMgOS44MDI5MSAxLjg0MzkgOS41MTc1NyAyLjIxNzY1TDQuNjMzMzUgOC42MjM5N0M0LjU0OTk3IDguNzMzODIgNC40MzUwNSA4LjgyNTM4IDQuMjk4NTYgOC44OTA3MUM0LjE2MjA2IDguOTU2MDQgNC4wMDgxMiA4Ljk5MzE2IDMuODUwMDggOC45OTg4NkMzLjgzNDcgOSAzLjgyMDcxIDkgMy44MDUzMyA5WiIgZmlsbD0iYmxhY2siLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF83MDJfMjc2MSI+CjxyZWN0IHdpZHRoPSI5LjkyIiBoZWlnaHQ9IjguMzIiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAzOTA2MjUgMC44Mzk5NjYpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==); background-size: 10px; background-repeat: no-repeat; background-position: top 4px left 2px; font-size: 18px; margin-bottom: 17px; font-weight: 400; line-height: 1.1; } .comparison-table-benefit.cross { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMDU5OTcgNS4wMDAzMkw5LjAyODcyIDIuMDMxNTdDOS4xNjk2MiAxLjg5MDkzIDkuMjQ4ODcgMS43MDAwNyA5LjI0OTA1IDEuNTAwOTlDOS4yNDkyMiAxLjMwMTkxIDkuMTcwMzEgMS4xMTA5MSA5LjAyOTY2IDAuOTcwMDEyQzguODg5MDEgMC44MjkxMTYgOC42OTgxNSAwLjc0OTg2MiA4LjQ5OTA3IDAuNzQ5Njg2QzguMjk5OTkgMC43NDk1MTEgOC4xMDg5OSAwLjgyODQyNyA3Ljk2ODEgMC45NjkwNzRMNC45OTkzNSAzLjkzNzgyTDIuMDMwNiAwLjk2OTA3NEMxLjg4OTcgMC44MjgxNzggMS42OTg2MSAwLjc0OTAyMyAxLjQ5OTM1IDAuNzQ5MDIzQzEuMzAwMDkgMC43NDkwMjMgMS4xMDg5OSAwLjgyODE3OCAwLjk2ODA5OCAwLjk2OTA3NEMwLjgyNzIwMiAxLjEwOTk3IDAuNzQ4MDQ3IDEuMzAxMDcgMC43NDgwNDcgMS41MDAzMkMwLjc0ODA0NyAxLjY5OTU4IDAuODI3MjAyIDEuODkwNjggMC45NjgwOTggMi4wMzE1N0wzLjkzNjg1IDUuMDAwMzJMMC45NjgwOTggNy45NjkwN0MwLjgyNzIwMiA4LjEwOTk3IDAuNzQ4MDQ3IDguMzAxMDcgMC43NDgwNDcgOC41MDAzMkMwLjc0ODA0NyA4LjY5OTU4IDAuODI3MjAyIDguODkwNjggMC45NjgwOTggOS4wMzE1N0MxLjEwODk5IDkuMTcyNDcgMS4zMDAwOSA5LjI1MTYzIDEuNDk5MzUgOS4yNTE2M0MxLjY5ODYxIDkuMjUxNjMgMS44ODk3IDkuMTcyNDcgMi4wMzA2IDkuMDMxNTdMNC45OTkzNSA2LjA2MjgyTDcuOTY4MSA5LjAzMTU3QzguMTA4OTkgOS4xNzI0NyA4LjMwMDA5IDkuMjUxNjMgOC40OTkzNSA5LjI1MTYzQzguNjk4NjEgOS4yNTE2MyA4Ljg4OTcgOS4xNzI0NyA5LjAzMDYgOS4wMzE1N0M5LjE3MTQ5IDguODkwNjggOS4yNTA2NSA4LjY5OTU4IDkuMjUwNjUgOC41MDAzMkM5LjI1MDY1IDguMzAxMDcgOS4xNzE0OSA4LjEwOTk3IDkuMDMwNiA3Ljk2OTA3TDYuMDU5OTcgNS4wMDAzMloiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=); } .comparison-table-benefit:last-child { margin-bottom: 0; } .comparison-table-benefit.disable { opacity: 0.3; } .comparison-table-inner { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } /*------------------------------------------------- >> Basic styles for Timeline Block -------------------------------------------------*/ .timeline-ctn .section-head { margin-bottom: clamp(2.625rem, 3.761vw + 0.867rem, 3.688rem); } .timeline-ctn .section-head h2 strong, .timeline-ctn .section-head h3 strong, .timeline-ctn .section-head h4 strong, .timeline-ctn .section-head h5 strong, .timeline-ctn .section-head h6 strong { font-weight: 600; } .timeline-slider { position: relative; } .timeline-slider.have-slides::before, .timeline-slider.have-slides::after { content: ""; position: absolute; } .timeline-slider.have-slides::before { left: 0px; top: 0; width: 58px; height: 28px; border-radius: 30px; background-color: var(--cpi_yellow); z-index: 1; } .timeline-slider.have-slides::after { top: 14px; left: -50vw; width: 200vw; height: 0.9px; background-color: var(--cpi_black_5); } .timeline-slider.owl-carousel .owl-nav { left: auto; right: 0; z-index: 2; top: -5px; } .timeline-slider.owl-carousel .owl-nav::before { content: ""; position: absolute; top: 0; left: clamp(-2.625rem, -4.333vw + 0.625rem, -1rem); width: clamp(11.813rem, 9.667vw + 8.188rem, 15.438rem); height: 100%; background-color: var(--cpi_white); z-index: -1; } .timeline-slider .timeline-date h2, .timeline-slider .timeline-date h3, .timeline-slider .timeline-date h4, .timeline-slider .timeline-date h5, .timeline-slider .timeline-date h6 { line-height: 1.2; font-weight: 600; margin-bottom: 9px; letter-spacing: 0; } .timeline-title { padding-right: 30px; } .timeline-title h2, .timeline-title h3, .timeline-title h4, .timeline-title h5, .timeline-title h6 { margin-bottom: 0; font-weight: 500; } .timeline-slider .timeline-logo { line-height: 0.6; width: clamp(11.625rem, 8.333vw + 8.5rem, 14.75rem); height: clamp(5.375rem, 3.833vw + 3.938rem, 6.813rem); border: 0.6px solid var(--cpi_border); background-color: var(--cpi_white); border-radius: 20px; display: flex; justify-content: center; align-items: center; margin-top: 38px; padding: 15px; box-sizing: border-box; } .timeline-slider .timeline-logo img { width: auto; height: auto; max-height: 100%; max-width: clamp(9.438rem, 6.667vw + 6.938rem, 11.938rem); } .timeline-text { margin-top: 25px; } .timeline-date { margin-top: 20px; } .timeline-date h2.heading-3 { font-size: var(--cpi_font_size_1); margin-bottom: 0; } /*------------------------------------------------- >> Basic styles for Post Card Block -------------------------------------------------*/ .story-archive-ctn .post-box { background-color: var(--cpi_white); } .story-archive-ctn .post-box .post-text p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .story-archive-ctn .post-inner { padding: 16px 16px clamp(4.25rem, 2.32vw + 3.706rem, 5.563rem) 16px; } .story-archive-ctn .post-arrow { right: 20px; bottom: 22px; } .post-box { border: 1px solid var(--cpi_border); box-sizing: border-box; border-radius: 34px; position: relative; z-index: 2; } .post-box a, .post-box a:visited { text-decoration: none; display: block; height: 100%; } .post-box a:hover, .post-box a:focus-visible, .post-box a:visited:hover, .post-box a:visited:focus-visible { color: initial; } .post-box a:focus-visible, .post-box a:visited:focus-visible { outline-color: transparent; } .post-inner { position: relative; height: 100%; box-sizing: border-box; } .post-image { line-height: 0.6; } .post-image img { border-radius: 30px; aspect-ratio: 343/311; } .post-archive .post-content { padding: 0 6px 0 5px; } .post-archive .post-content .post-kicker { margin-bottom: 21px; } .post-archive .post-content .post-meta .post-date { margin-bottom: 4px; } .post-archive .post-content .post-text { margin-top: 10px; line-height: 1.5; font-size: var(--cpi_font_size_2); } .post-content { margin-top: 27px; } .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 { line-height: 1.1; font-weight: 600; margin-bottom: 0; } .post-text { margin-top: 12px; font-size: 18px; line-height: 1.3; } a:hover .post-arrow, a:hover .arrow-link, a:focus-visible .post-arrow, a:focus-visible .arrow-link, a:visited:hover .post-arrow, a:visited:hover .arrow-link, a:visited:focus-visible .post-arrow, a:visited:focus-visible .arrow-link { background-color: var(--cpi_yellow); } .post-arrow, .arrow-link { width: 57px; height: 42px; border-radius: 100px; display: flex; justify-content: center; align-items: center; border: 1px solid var(--cpi_border); position: absolute; bottom: 24px; right: 20px; transition: all 0.3s ease-in-out; outline: 2px dotted transparent; outline-offset: 5px; } .post-arrow a, .post-arrow a:visited, .post-arrow span, .arrow-link a, .arrow-link a:visited, .arrow-link span { width: 100%; } .post-arrow a:focus-visible, .post-arrow a:visited:focus-visible, .post-arrow span:focus-visible, .arrow-link a:focus-visible, .arrow-link a:visited:focus-visible, .arrow-link span:focus-visible { outline-color: var(--cpi_border_2); } .post-arrow img, .arrow-link img { max-width: 19.5px; } .story-archive-ctn { background-color: var(--cpi_color_on_primary); position: relative; } .story-archive-ctn .gradient-bg:nth-child(1) { left: -246px; top: 20%; background-color: var(--cpi_blue_4); width: clamp(21rem, 35.294vw + 7.765rem, 36rem); height: clamp(9.563rem, 16.029vw + 3.551rem, 16.375rem); } .story-archive-ctn .wrapper { position: relative; z-index: 1; } .story-archive-ctn .post-text p { font-size: 18px; } .story-archive-ctn .post-image { overflow: hidden; border-radius: 30px; } .story-archive-ctn .post-image img { transition: all 0.3s ease-in-out; } .story-archive-ctn a:hover .post-image img, .story-archive-ctn a:focus-visible .post-image img, .story-archive-ctn a:visited:hover .post-image img, .story-archive-ctn a:visited:focus-visible .post-image img { transform: scale(1.05); } .post-archive-ctn .post-box { background-color: var(--cpi_color_on_primary); } .post-archive-ctn .post-text p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .post-archive-ctn .post-content { margin-top: 0; } .post-archive-ctn .post-inner { padding: 32px 60px 70px 39px; } .post-archive-ctn .post-arrow { right: 26px; bottom: 23px; } .post-archive-ctn h2 { line-height: 1.5; } .post-archive-ctn a:hover .post-arrow, .post-archive-ctn a:focus-visible .post-arrow, .post-archive-ctn a:visited:hover .post-arrow, .post-archive-ctn a:visited:focus-visible .post-arrow { background-color: initial; } .post-archive-ctn a .post-arrow:hover, .post-archive-ctn a:visited .post-arrow:hover { background-color: var(--cpi_yellow); } .post-archive-ctn .post-meta + a, .post-archive-ctn .post-kicker + a, .post-archive-ctn .post-content a { position: initial; } .post-archive-ctn .post-meta + a:focus-visible, .post-archive-ctn .post-kicker + a:focus-visible, .post-archive-ctn .post-content a:focus-visible { outline-color: transparent; } .post-archive-ctn .post-meta + a:focus-visible .post-arrow, .post-archive-ctn .post-kicker + a:focus-visible .post-arrow, .post-archive-ctn .post-content a:focus-visible .post-arrow { background-color: var(--cpi_yellow); } .post-archive-ctn .post-content .post-kicker a:focus-visible, .post-archive-ctn .post-content .post-kicker a:visited:focus-visible { outline-color: var(--cpi_border_5); } .related-posts .post-archive-ctn { padding-top: 5px; } .related-posts .post-archive-ctn .post-text p { -webkit-line-clamp: 4; } .related-posts .post-archive-ctn .post-content { padding-left: 8px; } .related-posts .section-head { margin-bottom: clamp(1.625rem, 3.761vw - 0.133rem, 2.688rem); margin-left: 6px; } .post-logo { width: 239px; height: 138px; display: flex; justify-content: center; align-items: center; line-height: 0.6; background-color: var(--cpi_white); border: 1px solid var(--cpi_border); border-radius: 60px; margin-bottom: 28px; } .post-logo a, .post-logo a:visited { display: flex; justify-content: center; align-items: center; } .post-logo img { max-width: 183px; height: 100px; -o-object-fit: contain; object-fit: contain; transition: all 0.3s ease-in-out; } .post-kicker { font-size: 18px; letter-spacing: 2.16px; text-transform: uppercase; font-weight: 600; margin-bottom: 16px; color: var(--cpi_blue); display: inline-block; } .post-date { display: block; font-size: 16px; font-weight: 500; margin-bottom: 6px; } /*------------------------------------------------- >> Basic styles for Contact Us Block -------------------------------------------------*/ .contact-us-ctn .section-head h2 strong { font-weight: 600; } .contact-us-box { border: 0.7px solid var(--cpi_border); border-radius: 34px; padding: 31px 28px 32px; background-color: var(--cpi_cream); gap: 10px clamp(2rem, 7.522vw - 1.517rem, 4.125rem); align-items: stretch; } .contact-us-image { border-radius: 30px; width: calc(clamp(17.5rem, 58.186vw - 9.702rem, 33.938rem) - 2px); line-height: 0.6; } .contact-us-image img, .contact-us-image video, .contact-us-image iframe { border: 1px solid var(--cpi_border); border-radius: 30px; } .contact-us-content { padding-top: 12px; } .contact-us-content h3, .contact-us-content h4, .contact-us-content h5, .contact-us-content h6 { font-weight: 600; letter-spacing: 0; margin-bottom: 0; } .contact-us-content a, .contact-us-content a:visited { display: inline-block; width: -moz-max-content; width: max-content; text-decoration: none; font-weight: 400; } .contact-us-content p { max-width: 280px; font-weight: 400; } .contact-us-content p:first-child { margin-top: 19px; } .contact-us-numbers { margin-top: 30px; display: flex; flex-direction: column; } .contact-us-numbers a:hover, .contact-us-numbers a:visited:hover { color: var(--cpi_blue); } .contact-us-content a[href^=mailto], .google-map-area a { font-weight: 600; color: var(--cpi_blue); } .contact-us-content a[href^=mailto]:hover, .google-map-area a:hover { color: var(--cpi_black_text); } .google-map-area { margin-top: 30px; } .google-map-area a, .google-map-area a:visited { display: flex; align-items: center; gap: 6px; } .google-map-area a .map-icon, .google-map-area a:visited .map-icon { line-height: 0.6; } .google-map-area a span, .google-map-area a:visited span { display: inline-block; } /*------------------------------------------------- >> Basic styles for Pdf Download Block -------------------------------------------------*/ .pdf-download-tiles { justify-content: space-between; flex-wrap: wrap; } .pdf-download-tile { border-bottom: 1px solid var(--cpi_border); } .pdf-download-tile:nth-child(1), .pdf-download-tile:nth-child(2) { border-top: 1px solid var(--cpi_border); } .pdf-download-tile a, .pdf-download-tile a:visited { text-decoration: none; } .pdf-download-tile a:hover .pfd-download-icon img, .pdf-download-tile a:visited:hover .pfd-download-icon img { filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(219deg) brightness(99%) contrast(101%); } .pdf-download-tile a:hover span, .pdf-download-tile a:visited:hover span { color: var(--cpi_regular_text); } .pdf-download-tile-inner { padding: 17px 5px; gap: 20px clamp(1.5rem, 2.655vw + 0.259rem, 2.25rem); align-items: center; } .pdf-download-tile-inner h2, .pdf-download-tile-inner h3, .pdf-download-tile-inner h4, .pdf-download-tile-inner h5, .pdf-download-tile-inner h6 { font-weight: 600; margin-bottom: 0; letter-spacing: 0; } .pdf-download-image { max-width: 80px; line-height: 0.6; } .pfd-download-icon { width: 29px; height: 27px; line-height: 0.6; align-items: flex-end; margin-top: 10px; gap: 17px; } .pfd-download-icon img, .pfd-download-icon span { transition: all 0.3s ease-in-out; } .pfd-download-icon span { display: inline-block; color: var(--cpi_blue); line-height: 1.1; font-weight: 700; font-size: var(--cpi_font_size_1); letter-spacing: 1.8px; text-transform: uppercase; position: relative; top: 4px; } /*------------------------------------------------- >> Basic styles for Jump Link Block -------------------------------------------------*/ .jumplink-nav { padding-bottom: 3px; overflow: hidden; } .jumplink-nav ul { width: -moz-max-content; width: max-content; border-bottom: 1px solid var(--cpi_border); margin: 0; display: flex; gap: 38px; } .jumplink-nav ul li { list-style: none; margin-bottom: 0; padding-left: 0; } .jumplink-nav ul li::before { display: none; } .jumplink-nav ul li a, .jumplink-nav ul li a:visited { font-size: 15px; letter-spacing: 1.5px; text-transform: uppercase; line-height: 1.1; font-weight: 700; text-decoration: underline; text-decoration-thickness: 3px; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; text-underline-offset: 24px; padding-bottom: 21px; display: inline-block; text-decoration-color: transparent; } .jumplink-nav ul li a.active, .jumplink-nav ul li a:hover, .jumplink-nav ul li a:visited.active, .jumplink-nav ul li a:visited:hover { color: var(--cpi_blue); text-decoration-color: var(--cpi_border_3); } /* ------------------------------------------------------------------ > Responsive ------------------------------------------------------------------ */ /* ------------------------------------------------- >> Responsive queries ------------------------------------------------- */ @media only screen and (min-width: 1380px) and (max-width: 1440px) { .program-jump-links > ul li { padding-right: 23px; } } @media only screen and (min-width: 1004px) and (max-width: 1358px) { .hero-with-image .wrapper, .hero-with-form .wrapper { padding-left: 0; } .stat-three-columns { display: grid; padding: 40px; grid-template-columns: repeat(auto-fit, minmax(min(clamp(130px, 33.3333333333% - 4%, 100%), 100%), 1fr)); gap: 4%; } .program-teaser-box { width: calc(33% - 11px); } .hero-arrow { left: 0; } .single__post-content .size-auto, .single__post-content .size-full, .single__post-content .size-large, .single__post-content .size-medium, .single__post-content .size-thumbnail, .single__post-content .featured-text { max-width: calc(100% + 40px); } .wp-block-group .wp-block-heading, .wp-block-group p, .wp-block-group ul, .wp-block-group li, .wp-block-group * { max-width: 100% !important; } .resource-detail-hero .hero-content { max-width: 80%; } } @media only screen and (min-width: 1180px) and (max-width: 1360px) { .footer-widgets .single-widget:nth-child(3) { width: 27%; } .image-mask { width: 420px; top: -220px; right: -132px; } .program-consortium-nav { padding: 84px 50px; } .program-teaser-slide-ctn::before { top: 18px; width: 75px; height: 98%; } .home-hero-arrow { left: calc(50% - 1425px); } .program-consortium-content { padding: 74px 80px 100px; } } @media only screen and (max-width: 1330px) { .image-mask.image-mask-desktop{ display:none } .image-mask.image-mask-mobile{ opacity:1 } } @media only screen and (min-width: 1180px) and (max-width: 1330px) { .about-hero .wrapper .about-hero-image:nth-child(3) { bottom: 165px; right: calc(50% - 519px); } .header-btns { gap: 8px; } .header-logo { width: 160px; } .right-header { width: 83%; } .right-header .header-nav { gap: 10px; } .right-header .header-nav ul li { margin: 0 0 0 10px; } .right-header .header-nav ul li:first-child { margin: 0; } .right-header .header-nav ul li a { font-size: 14px; } .right-header .is-style-small-button a, .right-header .is-style-small-button a:visited, .right-header .is-style-small-button .wp-element-button { padding: 17px 20px 15px 21px; font-size: 14px; } .two-columns.post-archive { grid-template-columns: repeat(auto-fit, minmax(min(clamp(200px, 48.4%, 100%), 100%), 1fr)); } } @media only screen and (min-width: 1180px) and (max-width: 1280px) { .arrow-top { width: 245px; right: 80px; } .about-hero { padding-bottom: 331px; } .about-hero-image:nth-child(3) { bottom: 160px; } .about-hero-jump-link::after { bottom: 33px; height: 276px; } } @media only screen and (min-width: 1004px) and (max-width: 1179px) { .search-form-button input { padding: 20px 30px; height: 60px; } .search-form-new input { height: 60px; } .search-form-new { height: 160px; } .footer-widgets .single-widget:nth-child(3) { width: 28%; } .two-columns.post-archive { -moz-column-gap: 2%; column-gap: 2%; } .program-teaser-box { width: 31.78%; } .quote-slide-inner .post-arrow { right: 20px; } .program-consortium-nav { padding: 44px 30px 44px 30px; width: calc(50% - 186px); } .program-consortium-nav-inner { max-width: 100%; width: 100%; } .program-consortium-content { width: calc(50% + 186px); padding: 60px; } .about-hero .wrapper .hero-content { max-width: 523px; margin-right: 160px; } .about-hero .wrapper .hero-content h1 { font-size: 67px; } .about-hero-image:nth-child(1) { right: -40px; } .about-hero-image:nth-child(2) { left: 0; } .about-hero-image:nth-child(3) { bottom: 160px; right: 20px; } .about-hero-image:nth-child(4) { bottom: 89px; left: 100px; } .home-hero-arrow { bottom: -30px; left: calc(50% - 1140px); width: 850px; min-height: 250px; } .hero-home-text { min-height: 220px; max-width: 590px; width: 100%; } .program-detail-content .icon-list.column .icon-list-content { width: 82%; } .program-detail-content .icon-list .icon-list-content { width: 91%; } .footer-bottom { display: block; } .copy-right { width: 100%; margin-bottom: 16px; } .legal-nav { width: 100%; } .legal-nav ul { justify-content: flex-start; } .single__post-content { padding-left: 0; } .image-mask { width: 350px; height: 1050px; } .program-teaser-ctn { padding-left: calc(clamp(0rem, 21.634vw - 10.1rem, 6.125rem) + 15px); } .program-teaser-box.program-teaser-first-box h2, .program-teaser-box.program-teaser-first-box h3, .program-teaser-box.program-teaser-first-box h4, .program-teaser-box.program-teaser-first-box h5, .program-teaser-box.program-teaser-first-box h6 { width: 41%; } .program-teaser-box.program-teaser-first-box .program-teaser-text { width: 56%; } .about-hero-jump-link::after { height: calc(clamp(5.125rem, 25.404vw - 1.448rem, 18.875rem) - 36px); } .about-hero { padding-bottom: 235px; } .about-hero-jump-link::after { height: 201px; bottom: 12px; } } @media only screen and (max-width: 1003px) { .story-teaser-multiple-slider.owl-carousel { padding: 0; } .story-teaser-multiple-slider.owl-carousel .owl-item a .story-teaser-inner, .story-teaser-multiple-slider.owl-carousel .owl-item a:visited .story-teaser-inner { padding: 9px 10px 9px 12px; } .story-teaser-multiple-items a:nth-child(n+2), .story-teaser-multiple-items a:visited:nth-child(n+2) { margin-top: 30px; } .story-teaser-multiple-slider.owl-carousel { margin-top: 75px !important; } .story-teaser-multiple-slider.owl-carousel .owl-nav { top: -65px; left: 0; right: auto; } .story-slider-items.have-slides.owl-carousel { margin-top: 75px !important; padding-top: 0 !important; } .story-slider-items.have-slides.owl-carousel .owl-nav { top: -65px; left: 0; right: auto; } .story-slider-items.have-slides.owl-carousel .quote-slide { width: 273px !important; } .timeline-date { margin-top: 15px; } button.search-close { top: 20px; right: 10px; min-height: 40px; width: 40px; height: 40px; } button.search-close svg { width: 40px; height: 40px; } button.header-search { width: 38px; height: 38px; min-height: 38px; } .search-form-new form .search-input { width: 76%; } .search-form-button { width: 22%; } .search-form-button input { padding: 20px 30px; } .search-form-new { height: 180px; } .hero-buttons { flex-wrap: wrap; } .program-consortium-sticky-nav { margin-top: 30px; } .hero-form { margin: 0 auto; } .hero-with-image .wrapper, .hero-with-form .wrapper { padding-left: 0; } .hero-with-form .hero-text { max-width: 100%; } .hero-with-image .gradient-bg:nth-child(1) { background-color: var(--cpi_blue_1); bottom: auto; top: 172px; left: -123px; } .hero-with-image .hero-inner { flex-direction: column-reverse; } .default-hero .gradient-bg:nth-child(1) { filter: blur(100px); } .default-hero .gradient-bg:nth-child(2) { background-color: var(--cpi_yellow_4); } .default-hero .hero-inner { row-gap: 29px; } .default-hero .hero-inner .hero-content, .default-hero .hero-inner .hero-media { width: 100%; } .default-hero .hero-inner .hero-media { margin: 0 auto; } .default-hero .hero-inner .hero-content { margin-top: 0; } .default-hero .hero-inner .hero-text { padding-right: 10px; } .hero-form, .give-form, .give-right { width: 100%; } .program-consortium-content-inner .block-image { width: 100%; position: relative; left: 0; } .footer-cta-inner { margin-left: 0; } .footer-bottom { flex-wrap: wrap; gap: 20px; } .footer-bottom .copy-right, .footer-bottom .legal-nav { width: 100%; } .footer-bottom .legal-nav ul { justify-content: flex-start; width: 100%; row-gap: 16px; } .footer-cta-inner { flex-wrap: wrap; } .two-columns.post-archive { -moz-column-gap: 2.5%; column-gap: 2.5%; } .program-teaser-box.program-teaser-first-box .program-teaser-inner { display: block; padding: 43px 23.5px 68px; } .program-teaser-box.program-teaser-first-box .program-teaser-inner .black-stroke-arrow { bottom: 21px; } .program-teaser-boxes .black-stroke-arrow { width: 62px; height: 32px; right: 22px; bottom: 21px; } .program-teaser-boxes .black-stroke-arrow span { background-size: 27px; } .program-teaser-box:nth-child(2), .program-teaser-box:nth-child(3) { margin: 0; } .program-teaser-box .program-teaser-inner { padding: 11px 12px 100px; } .pullquote blockquote { margin: 53px 0; padding: 38px 0 31px; } .give-template-inner .quote-slide-inner { padding-right: 24px; } .give-template-inner .quote-author-info { margin-right: 0; } .give-right .owl-stage-outer { padding-left: 0; margin-left: -21px; } .give-form { border-top: 1px solid var(--cpi_border_2); } .give-form-inner { width: 100%; max-width: 700px; margin: 0 auto; } .give-logos { gap: 21.5px; } .give-gradient-bg { left: calc(100% - 860px); top: 16%; transform: rotate(8deg); } .resource-detail-hero .hero-content { padding: 0 10px; } .hero-arrow { left: -1.7%; top: -25px; } .resource-detail-hero .kicker-text { font-weight: 600; margin-bottom: 20px; } .resource-detail-hero h1 { line-height: 1.1; } .resource-detail-hero .heading-4 { font-size: 18px; letter-spacing: -0.36px; } .resource-detail-hero .hero-text { max-width: 720px; margin-top: 20px; } .resource-detail-hero .post-meta { margin-top: 26px; } .resource-detail-hero .post-meta .post-date { padding-right: 0; margin: 0; } .about-hero .hero-content { padding-right: 10px; } .about-hero-images { -moz-column-gap: 13px; column-gap: 13px; margin-top: 55px; white-space: nowrap; overflow-x: scroll; } .about-hero-image { position: initial; display: inline-block; margin-right: 13px; } .about-hero-image:last-child { margin-right: 0; } .about-hero-jump-link { margin: 37px 8% 0; } .about-hero-jump-link::after { left: calc(8% + 24px); } .jump-link-arrow { margin: unset; } .hero-home .is-style-transparent-white-button a, .hero-home .is-style-transparent-white-button a:visited { padding: 14px 26px; min-height: 50px; } .hero-home-text { padding: 0 0 10px; min-height: auto; } .hero-home-text p { margin-bottom: 31px; } .hero-home-heading h1 strong, .hero-home-heading h1 div { line-height: 1.1; } .hero-home-heading h1 mark svg { width: calc(100% + 12px); left: 0; } .home-hero-arrow { width: 41.8%; min-height: 101px; position: initial; margin: 11px 0 20px -10%; } .magnific-popup-inner { padding-top: 60px; } .magnific-popup-inner .closeBtn { width: 25px; height: 25px; } .white-popup-block { width: 100%; } .footer-cta-inner { margin-left: 0; } .footer-bottom { flex-wrap: wrap; gap: 20px; } .footer-bottom .copy-right, .footer-bottom .legal-nav { width: 100%; } .footer-bottom .legal-nav ul { justify-content: flex-start; width: 100%; row-gap: 16px; } .footer-cta-inner { flex-wrap: wrap; } .hero-with-image .wrapper, .hero-with-form .wrapper { padding-left: 0; } .default-hero .gradient-bg:nth-child(1) { filter: blur(100px); background-color: var(--cpi_blue_1); } .default-hero .gradient-bg:nth-child(2) { background-color: var(--cpi_yellow_4); } .program-consortium-nav, .program-consortium-detail, .show-on-mobile { display: block; } .program-filter-ctn { background-color: var(--cpi_yellow); bottom: 0; } .program-consortium-nav, .program-consortium-content { width: 100%; } .program-filter-wrapper { width: calc(100% - 30px); } .program-filter-wrapper button, .program-filter-wrapper input[type=search] { padding-left: 16px; } .program-select ul { padding: 20px 24px 18px; } .program-select ul li { padding-left: 0; } .program-detail-hero .hero-inner { display: block; } .program-detail-hero .hero-inner .hero-content .heading-1 { line-height: 1.08; } .program-detail-hero .hero-inner .hero-logo { margin-bottom: 26px; } .program-detail-hero .hero-btns { margin-top: 22px; } .program-consortium-content { padding: 0 30px 105px; } .program-consortium-content .heading-4 { font-size: 24px; } .program-consortium-content-inner .lead-paragraph .heading-3 { letter-spacing: 0; } .program-consortium-content-inner ul li { margin-bottom: 15px; } .stat-text { margin-top: 11px; } .stat-text p { line-height: 1.2; letter-spacing: -0.36px; } .stat-info { padding-bottom: 11px; } ul li { padding-left: 32px; } ul li::before { left: 15px; top: 15px; } .story-teaser-single .story-teaser-content { padding-right: 13px; } .story-teaser-inner { padding: 9px 10px 9px 12px; } .story-teaser-inner .arrow-link { bottom: 17px; right: 19px; } .story-teaser-inner .story-teaser-content { margin-top: 20px; } .story-teaser-inner .story-teaser-content .heading-3 { line-height: 1.21; letter-spacing: 0.2px; } .story-teaser-inner .story-teaser-text { margin-top: 7px; } .story-teaser-inner .story-teaser-text p { line-height: 1.45; } .single__post-inner { flex-direction: column-reverse; } .single__post-sticky { max-width: initial; } .single__post-sticky-inner { position: initial; } .print-btn, .pdf-btn, .program-consortium-sticky-nav, .filter-logo, .show-on-desktop { display: none; } .program-jump-links ul li.has-child-items a, .program-jump-links ul li.has-child-items a:visited { padding: 0; display: block; } .program-jump-links ul li.has-child-items a::before, .program-jump-links ul li.has-child-items a:visited::before { top: 6px; left: auto; right: 3px; width: 12px; height: 18.33px; background-size: cover; } .program-jump-links ul li .child-items { padding-left: 0; } .program-jump-links ul li a, .program-jump-links ul li a:visited { display: block; padding-left: 0; } .sticky-socials { flex-direction: row; margin: 0 0 34px; } .sticky-socials span { display: none; } .single__post-content .heading-3 { letter-spacing: 0; line-height: 1.42; } .stat-three-columns, .single__post-content .stat-three-columns { padding: 43px 55px 18px 52px; } .stat-info { padding-bottom: 5px; } .stat-info span { font-size: 54px; } .stat-text { margin-top: 12px; } .stat-text p { padding-right: 8px; } .stat-text .stat-item { margin-bottom: 34px; } .stat-text .stat-item:last-child { margin: 0; } .stat-text .heading-4 { font-size: 24px; } .stat-text .pullquote blockquote { padding: 40px 0 32px; margin: 53px 0 45px; } .stat-text .pullquote blockquote .heading-3 { line-height: 1.29; margin: 0; } .pullquote blockquote .heading-3 { line-height: 1.3; letter-spacing: -0.48px; } .featured-text { padding: 34px 35px 34px 39px; } .featured-text p { line-height: 1.61; } .story-archive-ctn .post-inner { padding-top: 15px; } .story-archive-ctn .section-head h2 { letter-spacing: -0.3px; } .story-archive-ctn .post-arrow { right: 21px; bottom: 18px; } .story-archive-ctn .post-box .post-text p { -webkit-line-clamp: 5; } .story-archive-ctn .post-content { padding: 0 10px 0 6px; margin-top: 24px; } .story-archive-ctn .post-content .heading-3 { line-height: 1.21; letter-spacing: 0.2px; } .story-archive-ctn .post-content .post-text { line-height: 1.28; margin-top: 7px; } .post-archive { row-gap: var(--cpi_space_6); } .post-archive-ctn h2 { line-height: 1.2; font-size: 24px; letter-spacing: 0.1px; } .post-archive-ctn .post-inner .post-text { line-height: 1.59; letter-spacing: 0.47px; font-size: 17px; margin-top: 13px; } .post-archive-ctn .post-inner .post-text p { -webkit-line-clamp: 7; } .post-archive-ctn .post-arrow { right: 19px; bottom: 18px; } .post-logo { width: 100%; max-width: 235px; } .post-logo { margin-bottom: 30px; } .post-kicker { margin-bottom: 12px; } .post-date { margin-bottom: 14px; line-height: 1.12; padding-right: 70px; } .program-detail-hero .hero-content { width: 100%; } .program-detail-content .icon-list.column .icon-list-content { width: 76%; } .program-detail-content .icon-list.column .icon-grid-icon { margin-top: 0; } .program-detail-content .icon-list .icon-grid-icon { margin-top: 0; } .program-detail-content .icon-list .icon-list-content { width: 88%; } .hero-form { margin: 0 auto; } .hero-with-image .wrapper, .hero-with-form .wrapper { padding-left: 0; } .hero-with-form .gradient-bg:nth-child(1) { bottom: auto; top: auto; bottom: 17%; left: -105px; } .hero-with-form .hero-text { max-width: 100%; } .hero-with-image .gradient-bg:nth-child(1) { background-color: var(--cpi_blue_1); bottom: auto; top: 172px; left: -123px; } .hero-with-image .hero-inner { flex-direction: column-reverse; } .default-hero .gradient-bg:nth-child(1) { filter: blur(100px); } .default-hero .gradient-bg:nth-child(2) { background-color: var(--cpi_yellow_4); } .default-hero .hero-inner { row-gap: 29px; flex-wrap: wrap; } .default-hero .hero-inner .hero-content, .default-hero .hero-inner .hero-media img, .default-hero .hero-inner .hero-media { width: 100%; } .default-hero .hero-inner .hero-media { margin: 0 auto; } .default-hero .hero-inner .hero-content { margin-top: 0; } .default-hero .hero-inner .hero-text { padding-right: 10px; } .hero-form, .give-form, .give-right { width: 100%; } .page-template-template-story-list .gradient-bg:nth-child(1) { background-color: var(--cpi_yellow); } .program-consortium-content-inner .block-image { width: 100%; position: relative; left: 0; } .footer-cta-inner { margin-left: 0; } .footer-bottom { flex-wrap: wrap; gap: 20px; } .footer-bottom .copy-right, .footer-bottom .legal-nav { width: 100%; } .footer-bottom .legal-nav ul { justify-content: flex-start; width: 100%; row-gap: 12px; } .program-jump-links ul li { padding-left: 0; margin-bottom: 33px; } .footer-cta-inner { flex-wrap: wrap; padding-bottom: 41px; } .footer-form input[type=email] { height: 44px; } .program-teaser-box.program-teaser-first-box h2, .program-teaser-box.program-teaser-first-box h3, .program-teaser-box.program-teaser-first-box h4, .program-teaser-box.program-teaser-first-box h5, .program-teaser-box.program-teaser-first-box h6 { padding: 0; width: 100%; } .program-teaser-box.program-teaser-first-box .program-teaser-text { margin-top: 11px; width: 100%; line-height: 1.3; } .program-teaser-box.program-teaser-first-box .program-teaser-inner { display: block; padding: 45px 21.5px 68px; } .program-teaser-box.program-teaser-first-box .program-teaser-inner .black-stroke-arrow { bottom: 21px; } .program-teaser-boxes .black-stroke-arrow { width: 62px; height: 32px; right: 20px; bottom: 23px; } .program-teaser-boxes .black-stroke-arrow span { background-size: 27px; } .program-teaser-box:nth-child(2), .program-teaser-box:nth-child(3) { margin: 0; } .program-teaser-box .program-teaser-inner { padding: 11px 12px 71px; } .single__post-content .size-auto, .single__post-content .size-full, .single__post-content .size-large, .single__post-content .size-medium, .single__post-content .size-thumbnail, .single__post-content .featured-text { margin-left: 0; } .pullquote blockquote { margin: 53px 0; padding: 39px 0 30px; } .give-template-inner .quote-slide-inner { padding-right: 24px; } .give-template-inner .quote-author-info { margin-right: 0; } .give-right .owl-stage-outer { padding-left: 0; margin-left: 19px; } .give-form { border-top: 1px solid var(--cpi_border_2); } .give-form-inner { width: 100%; max-width: 700px; margin: 0 auto; } .give-logos { gap: 21.5px; } .give-gradient-bg { left: calc(100% - 860px); top: 16%; transform: rotate(8deg); } .resource-detail-hero .hero-content { padding: 0 10px; } .hero-arrow { left: -4.3%; top: -21px; } .hero-section .center-align .kicker-text { padding: 0 40px; } .hero-single .kicker-text { font-weight: 600; margin-bottom: 20px; } .hero-single .heading-4 { font-size: 18px; letter-spacing: -0.36px; } .hero-single .hero-text { max-width: 720px; margin-top: 22px; } .about-hero .hero-content { padding-right: 10px; } .about-hero-images { -moz-column-gap: 13px; column-gap: 13px; margin-top: 55px; white-space: nowrap; overflow-x: scroll; position: relative; z-index: 1; padding: 0 10px; } .about-hero-image { position: initial; display: inline-block; margin-right: 13px; } .about-hero-image:last-child { margin-right: 0; } .about-hero-jump-link { margin: 37px 8% 0; } .about-hero-jump-link::after { left: calc(8% + 22px); bottom: 25px; } .wp-block-group .wp-block-heading, .wp-block-group ul, .wp-block-group li, .wp-block-group * { max-width: 100% !important; } .wp-block-group p { max-width: 100% !important; } .wp-block-group .wp-block-heading { margin-bottom: 23px; } .wp-block-group .wp-block-heading strong { font-weight: 700; } .jump-link-arrow { margin: unset; } .hero-home .is-style-transparent-white-button a, .hero-home .is-style-transparent-white-button a:visited { padding: 14px 26px; min-height: 50px; } .home-hero-arrow { min-height: 101px; left: 0; bottom: calc(50% - 140px); } .c-path-hero .gradient-bg:nth-child(1) { background-color: var(--cpi_blue_5); filter: blur(150px); top: 35%; } .c-path-hero .gradient-bg:nth-child(2) { background-color: var(--cpi_yellow_4); top: -30px; } .resources-hero .gradient-bg:nth-child(1) { background-color: var(--cpi_blue_1); filter: blur(100px); } .resources-hero .gradient-bg:nth-child(2) { background-color: var(--cpi_yellow_4); top: -57px; } .program-list-hero .gradient-bg:nth-child(1) { filter: blur(75px); top: 130px; right: -130px; border-radius: 335.853px; } .program-list-hero .gradient-bg:nth-child(2) { background-color: var(--cpi_yellow); top: 16%; } .resource-detail-hero:nth-child(2) { filter: blur(200px); } .resource-detail-hero .gradient-bg:nth-child(1), .about-hero .gradient-bg:nth-child(1) { background-color: var(--cpi_blue_1); bottom: -120px; } .resource-detail-hero .gradient-bg:nth-child(2), .about-hero .gradient-bg:nth-child(2) { background-color: var(--cpi_yellow); } .about-hero .gradient-bg:nth-child(1) { bottom: 33%; left: -80px; } .story-list-hero h1 { line-height: 1.09; } .story-list-hero .gradient-bg:nth-child(2), .story-list-hero .template-story-list > .gradient-bg:nth-child(1) { background-color: var(--cpi_yellow); } .story-archive-ctn .gradient-bg:nth-child(1) { background-color: var(--cpi_blue_1); left: -100px; top: 4%; } .expand-more { display: flex; } .program-consortium-nav { position: relative; padding-top: 21px; margin-bottom: 31px; } .program-consortium-nav::before { content: ""; position: absolute; top: 72px; width: 100%; height: 1px; background-color: var(--cpi_border_6); left: 0; } .program-consortium-nav-inner { width: 100%; } .give-right .quote-slide-inner .post-arrow { bottom: 23px; right: 23px; } .hero-single .hero-media { width: 100%; } footer .validation_message { bottom: -25px; } .program-consortium-content-inner { max-width: 100%; } } @media only screen and (min-width: 748px) and (max-width: 1003px) { .program-teaser-boxes:before, .program-teaser-boxes::after { width: 30%; border-top: 0; border-bottom: 1px solid var(--cpi_border); height: calc(100% - 217px); top: 95px; } .program-teaser-boxes:after { border-bottom-right-radius: 30px; right: -20px; } .program-teaser-boxes:before { border-bottom-left-radius: 30px; left: -20px; } .program-teaser-boxes .program-teaser-box { position: relative; } .program-teaser-boxes .program-teaser-box:last-child::before { display: none; } .program-teaser-boxes .program-teaser-box:nth-child(2n+3)::before { display: none; } .program-teaser-boxes .program-teaser-box.program-teaser-first-box:before { display: none; } .program-teaser-boxes .program-teaser-box:before { position: absolute; content: ""; height: 1px; bottom: 88px; background-color: var(--cpi_border); border: 0; z-index: -1; border-radius: 0; left: auto; right: -24px; width: 28px; } .stat-three-columns { display: flex; } a.program-teaser-category, a:visited.program-teaser-category, .program-teaser-category { display: block; text-decoration: none; padding: 7px 11px; } .program-teaser-categories .program-teaser-box .program-teaser-inner { padding-bottom: 80px; } .footer-widgets { row-gap: 30px; } .footer-widgets .single-widget:first-child { width: 100%; max-width: 450px; } .footer-widgets .single-widget:nth-child(2) { left: 0; } .footer-widgets .single-widget:nth-child(2), .footer-widgets .single-widget:nth-child(3) { width: calc(50% - 15px); } .legal-nav ul li { margin-left: 26px; } .story-detail-hero.hero-single .hero-arrow { position: initial; } .story-detail-hero.hero-single .hero-media { margin: 37px auto 0; } .story-detail-hero.hero-single h1, .story-detail-hero.hero-single .heading-1 { letter-spacing: -0.8px; line-height: 1.1; } .story-detail-hero.hero-single .kicker-text { letter-spacing: 1.8px; margin-bottom: 20px; } .story-detail-hero.hero-single .heading-4 { line-height: 1.35; } .story-detail-hero.hero-single .hero-text { margin-top: 22px; } .program-filter-ctn { padding: 12px 0; } .print-btn, .pdf-btn { display: none; } .single__post-inner { flex-direction: column-reverse; } .single__post-content { padding-left: 0; } .heading-3 { letter-spacing: 0px; } .pullquote blockquote { padding: 39px 0 32px; } .pullquote blockquote .heading-3 { line-height: 1.292; margin: 0; letter-spacing: -0.4px; } .sticky-socials { flex-direction: row; } .sticky-socials span { display: none; } .single__post-sticky { max-width: initial; } .single__post-sticky-inner { position: initial; } .featured-text { padding: 34px 40px 36px 39px; } .featured-text p { padding-right: 0; line-height: 1.6; } .post-image img { aspect-ratio: 343/311; } .post-content { margin-top: 24px; } .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 { letter-spacing: 0.3px; line-height: 1.21; } .story-archive-ctn .post-inner { padding: 15px 15px clamp(4.688rem, 1.617vw + 4.269rem, 5.563rem); } .post-text { margin-top: 0px; line-height: 1.44; } .post-archive-ctn .post-inner { padding: 33px 28px 79px; } .post-archive-ctn .post-content { margin-top: 0; padding: 0 0 0 9px; } .post-archive-ctn .post-content .heading-4 { font-size: 24px; margin-bottom: 14px; letter-spacing: 0.1px; } .post-archive-ctn .post-text p { font-size: 18px; -webkit-line-clamp: 7; line-height: 1.5; } .post-kicker { letter-spacing: 3.56px; margin-bottom: 12px; } .post-meta { margin-bottom: 11px; line-height: 1.2; } .post-meta .post-date { margin-bottom: 0; } .hero-subheading { margin-top: 34px; } .program-teaser-box { width: calc(50% - 11px); } .program-teaser-box.program-teaser-first-box { width: 100%; } .default-hero .hero-media, .default-hero .hero-form { max-width: 630px; } .image-mask { width: 300px; height: 800px; top: -50px; right: -100px; } .home-hero-arrow { min-height: 140px; bottom: calc(50% - 219px); width: 40%; } #program-list-select { width: 38%; } #area-of-focus-select { width: 30%; } .about-hero { padding-bottom: 159px; } .about-hero-jump-link::after { height: 120px; } .gradient-ctn::after { bottom: 226px; } .has-category-filter .footer-ctn { padding-bottom: 110px; } .hero-home h1 mark svg { bottom: calc(50% - 11px); } .hero-home-heading { max-width: 73%; } } @media only screen and (max-width: 600px) { .story-teaser-inner { display: block; padding-bottom: 83px; } .story-teaser-inner .story-teaser-content { padding-bottom: 0; } .story-teaser-inner .story-teaser-image { width: 100%; } .story-teaser-inner .story-teaser-content { width: 100%; } } @media only screen and (max-width: 747px) { .hero-buttons .hero-button { width: 100%; } .hero-buttons .hero-button a { width: 100%; } .program-teaser-slide.active .program-teaser-head::after { top: 45px; } .story-teaser-multiple-slider.owl-carousel .owl-item a .story-teaser-inner .story-teaser-image, .story-teaser-multiple-slider.owl-carousel .owl-item a:visited .story-teaser-inner .story-teaser-image { max-height: 220px; height: 220px; } .search-form-new form .search-input { width: 100%; } .search-form-new-inner { top: auto; bottom: 28px; } .search-form-button { position: absolute; right: 8px; width: -moz-max-content; width: max-content; } .search-form-new input { height: 70px !important; font-size: 18px; padding-left: 17px; padding-right: 70px; } .search-form-button input { font-size: 0; padding: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOS4xIiBjeT0iOS4xIiByPSI4LjEiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS40Ii8+CjxsaW5lIHgxPSIxNC45OTUiIHkxPSIxNC4wMDUiIHgyPSIxOS40OTUiIHkyPSIxOC41MDUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS40Ii8+Cjwvc3ZnPgo=); background-position: center; background-repeat: no-repeat; background-size: 18px; width: 58px; height: 58px !important; min-height: 58px; } .search-form-button input:hover { background-color: var(--cpi_button_bgcolor) !important; } .search-form-new form { width: 100%; } button.header-search svg { width: 16px; height: 16px; } .hero-buttons .hero-button { width: 100%; } .program-teaser-list-content { max-width: calc(100% - 170px); } .form-404 form, .not-found form { flex-wrap: wrap; } .form-404 form input[type=submit], .not-found form input[type=submit] { width: 100%; font-size: 16px; } .post-cats-inner { gap: 6.4px 6px; } .post-cat-label { margin-bottom: 20px; } .post-cats-ctn { margin-top: 17px; padding-top: 25px; } .bread-crumb { margin: 0 0 16px 8px; } .bread-crumb a, .bread-crumb a:visited, .bread-crumb span { font-size: 14px; } input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=search], input[type=password], input[type=time], input[type=date], input[type=datetime-local], input[type=week], input[type=month], input[type=file], input[type=range], input[list], input[type=string], select, .gform-text-input-reset { height: 50px; } .story-teaser-inner { padding-bottom: 9px; } .story-teaser-inner .story-teaser-content { padding-bottom: 74px; } .program-detail-content .icon-list.column .icon-list-content, #area-of-focus-select, #program-list-select, .program-filter-search { width: 100%; } .icon-list { display: block; } .program-teaser-categories .program-teaser-box .program-teaser-content { padding: 0 30px 0 10px; } .program-teaser-categories .program-teaser-box .program-teaser-content .heading-4 { line-height: 1.2; } .program-teaser-categories .program-teaser-box .program-teaser-inner { padding: 11px 12px 60px; } .program-teaser-categories .program-teaser-box .program-teaser-inner img { min-height: 128px; } .program-teaser-categories .program-teaser-box .program-teaser-inner h2, .program-teaser-categories .program-teaser-box .program-teaser-inner .heading-4 { padding: 0 33px 0 0px; margin: 17px 0 2px; } .program-teaser-categories .program-teaser-box .post-arrow, .program-teaser-categories .program-teaser-box .arrow-link { width: 64px; height: 34px; bottom: 18px; right: 20px; } .program-teaser-categories .program-teaser-box .post-arrow a, .program-teaser-categories .program-teaser-box .post-arrow a:visited, .program-teaser-categories .program-teaser-box .arrow-link a, .program-teaser-categories .program-teaser-box .arrow-link a:visited { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAzOCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2LjQxMzEgMi4xNDU2N0wzMy42NDg5IDkuMjMwMDlMMzMuOTk5MiA5LjU3M0gzMy41MDlIMC45NTg2MjJWMTEuNDdIMzMuNTA5SDMzLjk5OTJMMzMuNjQ4OSAxMS44MTI5TDI2LjQxMzEgMTguODk3MkwyNy43ODYxIDIwLjI0MTZMMzcuNzE0MSAxMC41MjE0TDI3Ljc4NjEgMC44MDEzODFMMjYuNDEzMSAyLjE0NTY3WiIgZmlsbD0id2hpdGUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMC40Ii8+Cjwvc3ZnPgo=); background-size: 29px; } .program-teaser-categories .program-teaser-box .post-arrow a:hover, .program-teaser-categories .program-teaser-box .post-arrow a:focus-visible, .program-teaser-categories .program-teaser-box .post-arrow a:visited:hover, .program-teaser-categories .program-teaser-box .post-arrow a:visited:focus-visible, .program-teaser-categories .program-teaser-box .arrow-link a:hover, .program-teaser-categories .program-teaser-box .arrow-link a:focus-visible, .program-teaser-categories .program-teaser-box .arrow-link a:visited:hover, .program-teaser-categories .program-teaser-box .arrow-link a:visited:focus-visible { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAyOCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjIxNjUgMS4yMTgxNEwyNC42OTMzIDYuNTY3MUwyNC44NjkgNi43Mzg2NEgyNC42MjM1SDAuMVY4LjI2MTM2SDI0LjYyMzVIMjQuODY5TDI0LjY5MzMgOC40MzI5TDE5LjIxNjUgMTMuNzgxOEwyMC4zMjA3IDE0Ljg2MDJMMjcuODU2OSA3LjQ5OTk0TDIwLjMyMDcgMC4xMzk3OEwxOS4yMTY1IDEuMjE4MTRaIiBmaWxsPSJibGFjayIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KPC9zdmc+Cg==); } .footer-ctn { padding-bottom: 36px; } .footer-ctn .gl-s13 { display: none; } .top-bar.center-align { text-align: left; } .rs-view-100 { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .post-box-meta { margin-bottom: 10px; } .featured-post { margin-bottom: 0; } .featured-post .post-image { margin-bottom: 20px; min-height: 250px; } .post-meta { flex-wrap: wrap; } .post-meta .post-cat { margin-bottom: 20px; } .post-meta .post-cat a { padding-bottom: 0; margin-bottom: 4px; display: inline-block; } .post-meta .post-shares a { margin: 0 8px 0 0; } .footer-widgets { flex-wrap: wrap; } .footer-widgets .single-widget .social-icons { margin-left: 0; } .footer-widgets .single-widget:first-child { width: 100%; margin: 0 0 32px; } .footer-widgets .single-widget:nth-child(2), .footer-widgets .single-widget:nth-child(3) { width: 100%; } .footer-widgets .single-widget:nth-child(2) { order: 3; left: 0; } .footer-widgets .single-widget:nth-child(3) { order: 2; display: flex; flex-direction: column-reverse; gap: 20px; } .story-teaser-single .story-teaser-content { padding-left: 6px; } .footer-bottom { padding: 22px 0 0; border-top: 1px solid var(--cpi_border_2); margin-top: 17px; } .footer-bottom .legal-nav { width: 100%; } .footer-bottom .legal-nav ul { justify-content: left; -moz-column-gap: 43px; column-gap: 43px; } .footer-bottom .legal-nav ul li { margin: 0; } .footer-bottom .legal-nav ul li a, .footer-bottom .legal-nav ul li a:visited { font-size: 14px; } .footer-contact { margin-bottom: 19px; } .copy-right { font-size: 14px; } .footer-form label { margin-bottom: 31px; letter-spacing: 1.6px; } .footer-form input[type=submit] { width: 34px; height: 18px; } .footer-logos { gap: 16px; } .footer-logos img { -o-object-fit: cover; object-fit: cover; } .program-teaser-box:nth-child(2)::before, .program-teaser-box:nth-child(3)::before { border-bottom: none; } .program-filter-ctn { padding: 20px 0; } .program-teaser-box::before, .program-teaser-box::after, .program-teaser-box:nth-child(2)::before, .program-teaser-box:nth-child(2)::after, .program-teaser-box:nth-child(3)::before, .program-teaser-box:nth-child(3)::after { content: ""; position: absolute; height: 1px; width: 40px; background-color: var(--cpi_border); top: 54%; } .program-teaser-box::before, .program-teaser-box:nth-child(2)::before, .program-teaser-box:nth-child(3)::before { left: -20px; } .program-teaser-box::after, .program-teaser-box:nth-child(2)::after, .program-teaser-box:nth-child(3)::after { right: -20px; } .program-teaser-box:last-child::before, .program-teaser-box:last-child::after, .program-teaser-box:nth-child(2):last-child::before, .program-teaser-box:nth-child(2):last-child::after, .program-teaser-box:nth-child(3):last-child::before, .program-teaser-box:nth-child(3):last-child::after { display: none; } .program-teaser-box { width: 100%; } .program-teaser-box h2, .program-teaser-box h3, .program-teaser-box h4, .program-teaser-box h5, .program-teaser-box h6 { margin-top: 14px; padding: 0 40px 0 10px; min-height: 57.6px; } .program-teaser-box.program-teaser-first-box { width: 100%; } .program-teaser-box.program-teaser-first-box h2, .program-teaser-box.program-teaser-first-box h3, .program-teaser-box.program-teaser-first-box h4, .program-teaser-box.program-teaser-first-box h5, .program-teaser-box.program-teaser-first-box h6 { min-height: auto; margin-top: 0; } .program-teaser-box.program-teaser-first-box:nth-child(1)::before, .program-teaser-box.program-teaser-first-box:nth-child(1)::after, .program-teaser-box.program-teaser-first-box:last-child::before, .program-teaser-box.program-teaser-first-box:last-child::after { display: none; } .program-teaser-boxes { gap: 16px; } .program-teaser-boxes::before, .program-teaser-boxes::after { top: 116px; width: 25px; height: 86%; border-bottom: 1px solid var(--cpi_border); } .program-teaser-boxes::before { left: -20px; border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .program-teaser-boxes::after { right: -20px; border-top-right-radius: 12px; border-bottom-right-radius: 12px; } .default-hero .hero-media { max-width: 450px; } .post-archive-ctn .post-inner { padding: 32px 39px 79px; } .post-archive-ctn .post-inner .post-logo { margin-bottom: 28px; } .post-archive .post-content .post-kicker { margin-bottom: 11px; } .post-archive .post-content .post-meta .post-date { margin-bottom: 13px; } .hero-home-heading { width: 100%; max-width: 420px; } .hero-home-heading h1 mark { display: inline-block; font-weight: 700; } .hero-home-heading h1 mark svg, .hero-home-heading h1 strong svg { bottom: 14px; } .hero-home .is-style-transparent-white-button { margin-top: 33px; } .image-mask { width: 235px; height: 679px; top: 21px; right: -72px; } .home-hero-arrow { min-height: 107px; width: 48.4%; } .post-cat-label { cursor: pointer; padding-right: 50px; position: relative; } .post-cat-label::before { content: ""; position: absolute; top: 0; right: 0; width: 19px; height: 14px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAyMCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzc4Nl85NzA0IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSItMSIgeT0iMCIgd2lkdGg9IjIxIiBoZWlnaHQ9IjE2Ij4KPHBhdGggZD0iTTE2LjcyMjIgMS43Nzc3OEw5LjMzMzMzIDExLjExMTFMMi43MjIyMiAyLjk0NDQ0TDAgNi4wNTU1Nkw4LjE2NjY3IDE1TDE5LjA1NTYgNi4wNTU1NkwxNi43MjIyIDEuNzc3NzhaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNNy43Nzc3OCAxTDkuMzMzMzMgMTEuMTExMU05LjMzMzMzIDExLjExMTFMMTYuNzIyMiAxLjc3Nzc4TDE5LjA1NTYgNi4wNTU1Nkw4LjE2NjY3IDE1TDAgNi4wNTU1NkwyLjcyMjIyIDIuOTQ0NDRMOS4zMzMzMyAxMS4xMTExWiIgc3Ryb2tlPSIjRkZDNjJGIiBzdHJva2Utd2lkdGg9IjAuNSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfNzg2Xzk3MDQpIj4KPHBhdGggZD0iTTkuMzMzMzggMTMuMjc0N0wxLjkwNTUzIDUuNjg3OTVMMi44MjMzOSA0Ljc1MDQ2TDkuMTU5MjQgMTAuOTAxNkw5LjQ2MzEgMTEuMTk2Nkw5LjQ2MDA5IDExLjM1MjRMOS41MzkyOCAxMS4yNzA2TDkuNjA0NSAxMS4zMzM5TDkuNjAwMTcgMTEuMjA3N0w5LjkwMTkxIDEwLjg5NjJMMTUuODQ4OSA0Ljc1NjAxTDE2Ljc2MTMgNS42ODc5NUw5LjMzMzM4IDEzLjI3NDdaTTkuOTcxODIgLTE1LjA4MzRMOS41MTI0MyA4LjY0ODI2TDguNjk4ODkgLTE1LjA4MzRIOS45NzE4MloiIGZpbGw9ImJsYWNrIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjAuNSIvPgo8L2c+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: contain; background-position: center; transition: all 0.3s ease-in-out; transform-origin: center; } .post-cat-label.active::before { transform: rotate(180deg); } .post-cats { display: none; } .program-filter-wrapper { flex-wrap: wrap; } .hero-home h1 { width: calc(100% + 7px); } .gform_footer { margin-top: 12px; } blockquote h5, blockquote h6 { line-height: 1.2; } .footer-cta-btn .wp-block-button { margin-top: 3px; } .footer-cta-btn .wp-block-button a, .footer-cta-btn .wp-block-button a:visited { padding: 21.5px 59.5px; } .post-archive.two-columns { row-gap: var(--cpi_space_7); } .page-section .pagination, .pagination, .page-links { gap: 5px; } .page-section .pagination a.pagination-prev, .page-section .pagination a:visited.pagination-prev, .page-section .pagination span.pagination-prev, .pagination a.pagination-prev, .pagination a:visited.pagination-prev, .pagination span.pagination-prev, .page-links a.pagination-prev, .page-links a:visited.pagination-prev, .page-links span.pagination-prev { margin-right: 0; padding: 8.5px 12.24px; } .page-section .pagination a.pagination-next, .page-section .pagination a:visited.pagination-next, .page-section .pagination span.pagination-next, .pagination a.pagination-next, .pagination a:visited.pagination-next, .pagination span.pagination-next, .page-links a.pagination-next, .page-links a:visited.pagination-next, .page-links span.pagination-next { margin-left: 0; padding: 8.5px 17.5px; } .page-section .pagination a.pagination-prev, .page-section .pagination a.pagination-next, .page-section .pagination a:visited.pagination-prev, .page-section .pagination a:visited.pagination-next, .page-section .pagination span.pagination-prev, .page-section .pagination span.pagination-next, .pagination a.pagination-prev, .pagination a.pagination-next, .pagination a:visited.pagination-prev, .pagination a:visited.pagination-next, .pagination span.pagination-prev, .pagination span.pagination-next, .page-links a.pagination-prev, .page-links a.pagination-next, .page-links a:visited.pagination-prev, .page-links a:visited.pagination-next, .page-links span.pagination-prev, .page-links span.pagination-next { font-size: 16px; } .page-section .pagination .pagination-dots, .pagination .pagination-dots, .page-links .pagination-dots { margin: 6px 0 0; } .hero-with-image .hero-text { margin-top: 24px; } .no-form .partner-logos-ctn { text-align: left; } .no-form .partner-logos-ctn .give-logos { justify-content: flex-start; } .about-hero-jump-link::after { height: 82px; } .about-hero { padding-bottom: 121px; } .gradient-ctn::before { top: 0px; border-radius: 462.134px; } .gradient-ctn::after { bottom: auto; top: 310px; } .has-category-filter .footer-ctn { padding-bottom: 280px; } .member-img-popup { width: 100%; } } @media only screen and (max-width: 350px) { .story-slider-items.have-slides.owl-carousel .quote-slide { width: 230px !important; } } /* ------------------------------------------------- >> Base Responsive queries ------------------------------------------------- */ @media only screen and (min-width: 1004px) and (max-width: 1179px) { .program-teaser-slide-ctn .section-head { max-width: 68%; } .logo-grid { padding: 40px; } .story-teaser-item .story-teaser-content { padding: 35px 24px 110px 24px; } .midpage-cta-ctn .block-gradient-bg:nth-child(1) { top: clamp(-0.875rem, -37.576vw + 27.307rem, 18.5rem); } .midpage-cta-ctn .block-gradient-bg:nth-child(2) { bottom: calc(clamp(-20.125rem, -73.697vw + 35.148rem, 17.875rem) + 30px); } .quote-slide-inner { padding: 32px 35px 48px; } .give-right .quote-author-info { margin-right: 90px; } .give-logos { gap: 24px; } .arrow-top { width: 230px; height: calc(1331px + clamp(11rem, 24.779vw - 0.584rem, 18rem) + 40px); right: 20px; } .arrow-top .desktop-hide { display: none !important; } .right-arrow, .black-stroke-arrow { width: 78px; } .right-arrow span, .right-arrow a, .right-arrow a:visited, .black-stroke-arrow span, .black-stroke-arrow a, .black-stroke-arrow a:visited { background-size: 34px; } .midpage-cta-content { margin-top: 20px; width: 50%; } .midpage-cta-image { width: 45%; } .team-member-links { -moz-column-gap: 16px; column-gap: 16px; display: block; } } @media only screen and (max-width: 1003px) { .two-columns .text-with-column, .three-columns .text-with-column { padding-right: 0; } .table-inner { width: 108.4%; overflow-x: scroll; white-space: nowrap; } .table-inner table { border-spacing: 10px 30px; margin-left: -10px; } .table-inner tbody { top: 0; } .table-inner tbody tr td.tb-label { position: sticky; left: 0; z-index: 2; min-width: 140px; } .theme-table-section .table-head { width: 100%; } .theme-table-section .table-head .heading-3 { margin-bottom: 30px; } .jumplink-nav { overflow-x: scroll; width: 109.5%; } .jumplink-nav::-webkit-scrollbar-thumb, .jumplink-nav::-webkit-scrollbar { visibility: hidden; padding-bottom: 0; } .jumplink-nav ul { margin-right: 9%; } .jumplink-nav ul li { padding-left: 0; } .mobile-hide { display: none; } .wrapper { width: 84%; } .is-style-small-button a, .is-style-small-button a:visited, .is-style-small-button .wp-element-button { height: 38px; padding: 10px 14px 8px 14px; letter-spacing: 1.5px; font-size: clamp(0.875rem, 0.115vw + 0.845rem, 0.938rem); min-height: 38px; } .is-style-small-button a svg, .is-style-small-button a:visited svg, .is-style-small-button .wp-element-button svg { width: 20px; } .faq-ctn.d-flex { gap: 47px; } .faq-ctn.d-flex .faqs, .faq-ctn.d-flex .faq-content-side { width: 100%; } .faq-ctn.d-flex .faqs h2, .faq-ctn.d-flex .faq-content-side h2 { margin-bottom: 15px; } .faq-ctn.d-flex .faqs p, .faq-ctn.d-flex .faq-content-side p { padding-right: 10px; font-weight: 300; } .faq-head, .nested-faq-head { padding: 22px 0 19.7px 4px; gap: 10px; align-items: flex-start; } .faq-head > span.faq-head, .faq-head .nested-faq-heading, .nested-faq-head > span.faq-head, .nested-faq-head .nested-faq-heading { width: calc(100% - 90px); line-height: 1.3; letter-spacing: -0.36px; font-weight: 500; } .faq-icon, .nested-faq-icon { width: 49px; height: 30px; } .faq-icon img, .nested-faq-icon img { width: 19px; } .faq-ctn.d-flex .faq-content, .faq-ctn.d-flex .nested-faq-content { padding-bottom: 18px; } .faq-content, .nested-faq-content { padding: 0 59px 29px 5px; } .faq-content ul, .nested-faq-content ul { padding-left: 6px; } .midpage-cta-ctn.with-image .midpage-cta-content p { margin-bottom: 28px; } .give-right .quote-slide-inner, .quote-slide-inner { padding: 27px 30px 76px 30px; } .give-right .quote-slide-inner { padding-bottom: 86px; } .give-right .quote-slide-inner .quote-author-info { margin-top: 24px; } .quote-slide-inner blockquote { padding-left: 2px; } .quote-slide-inner .post-arrow { bottom: 28px; right: auto; left: 28px; } .quote-slide-inner .quote-author-designation br { display: block; } .story-teaser-multi .story-teaser.have-slides { padding-top: 65px; } .story-teaser-multi .story-teaser .owl-stage-outer { overflow: visible !important; } .story-teaser-multi .story-teaser .owl-stage { padding-bottom: 1px; padding-left: 0 !important; } .story-teaser-item .story-teaser-content { padding: 35px 32px 156px; } .featured-text { padding: 34px 35px 33px 40px; } .featured-text p { padding-right: 0; } .iat-section.image-at-right .block-gradient-bg, .iat-section.with-image .block-gradient-bg { bottom: auto; top: 100px; } .program-teaser-slide-ctn .program-teaser-arrow-left { display: none; } .pdf-download-tile:nth-child(2) { border-top: none; } body.program-detail-single .three-columns, body.program-detail-single .post-archive.two-columns, body.program-detail-single .four-columns, .program-consortium-content-inner .three-columns, .program-consortium-content-inner .post-archive.two-columns, .program-consortium-content-inner .four-columns { gap: 20px; row-gap: 20px; } } @media only screen and (min-width: 675px) and (max-width: 1003px) { .three-columns { gap: 18px; } } @media only screen and (min-width: 748px) and (max-width: 1003px) { .cta-tile-content { padding: clamp(1.25rem, 1.848vw + 0.772rem, 2.25rem) 10px 0px calc(clamp(1.063rem, 1.848vw + 0.584rem, 2.063rem) - 6px); } .member-img-popup { width: 340px; height: 340px; } .have-slides { padding-top: 81px; } .four-columns .stat-item { padding: 32px 20px 40px; } .stat-info { padding-bottom: 16px; } .stat-info span { font-size: 44px; } .program-teaser-inner-area .program-teaser-img { width: 42%; } .white-popup-block { width: 80vw; } .logo-grid { padding: 20px 24px; } .checklists.three-columns { row-gap: 8%; } .faq-head, .nested-faq-head { padding: 20px 0 22px 4px; } .program-teaser-slide .program-teaser-head { padding: 12px 40px 9px 0; } .program-teaser-slide .program-teaser-head::before { top: 20px; } .program-teaser-slide .program-teaser-head::after { top: 29px; } .program-teaser-slide.active .program-teaser-head { padding-top: 14px; } .program-teaser-slide .program-teaser-text { padding-bottom: 20px; } .midpage-cta-content { width: 49%; margin-top: 20px; } .midpage-cta-image { width: 45%; } .midpage-cta-ctn .block-gradient-bg:nth-child(1) { top: calc(clamp(-0.875rem, -37.576vw + 27.307rem, 18.5rem) - 120px); } .midpage-cta-ctn .block-gradient-bg:nth-child(2) { bottom: calc(clamp(-20.125rem, -73.697vw + 35.148rem, 17.875rem) - 190px); } .midpage-cta-ctn.with-image .block-gradient-bg:nth-child(1) { bottom: -90px; } .program-teaser-list-inner { padding: 22px 12px 22px; } .program-teaser-list.has-video .program-teaser-list-inner { padding-right: 60px; } .iat-media { width: 46%; } .iat-text { width: 50%; } .single__post-content .stat-three-columns { padding: 40px 52px; } .program-teaser-list-ctn::before { bottom: calc(clamp(-9.062rem, -12.611vw + 0.395rem, -5.5rem) - 22px); height: calc(clamp(11rem, 24.779vw - 0.584rem, 18rem) + 50px); } .program-teaser-list-img { transform: translateY(198px) scale(1.25) rotate(15deg); } .arrow-top { width: 40px; height: calc(1131px + clamp(11rem, 24.779vw - 0.584rem, 18rem)); right: 80px; top: -1278px; } .program-teaser-slide { padding: 0 20px 0 23px; } .midpage-cta-image { height: auto; } .stats.four-columns { grid-template-columns: repeat(auto-fit, minmax(min(clamp(180px, 23.4%, 100%), 100%), 1fr)); -moz-column-gap: 2.6%; column-gap: 2.6%; } .contact-us-box { padding: 20px 20px 22px; } } @media only screen and (max-width: 747px) { h1, .heading-1 { letter-spacing: -0.86px; } h1.large, .heading-1.large { letter-spacing: -0.86px; line-height: 1.1; } h2, .heading-2 { letter-spacing: -0.56px; } h3, .heading-3 { letter-spacing: 0; } h4, .heading-4 { letter-spacing: -0.36px; } h5, .heading-5 { letter-spacing: -0.36px; } .white-popup-block { width: 100%; } .image-gallery-item:nth-child(n+3) { margin-top: 4px; } .iat-media.column { margin-top: 30px; } ul.children li.depth-2, ul.children li.depth-3, ul.children li.depth-4, ul.children li.depth-5, ol.children li.depth-2, ol.children li.depth-3, ol.children li.depth-4, ol.children li.depth-5 { margin: 0 0 30px 20px !important; } .gfield.half-input-field, .ginput_left, .name_first, .ginput_right, .name_last { width: 100%; margin-right: 0; display: block; } figure { overflow-x: scroll; } figure td, figure th { width: 140px; } .four-columns { gap: 15px 13px; } .four-columns .stat-item { padding: 22px 20px 30px; border-radius: 24px; } .four-columns .stat-item span { font-size: 34px; } .program-teaser-tabs { overflow-y: auto; width: 109.4%; } .tab-nav { margin-right: 25px; } .program-teaser-list-ctn { overflow: visible; } .program-teaser-list.has-video .program-teaser-list-inner { padding-right: 50px; } .program-teaser-list.has-video .video-icon-link img { height: 30px; } .story-teaser-ctn .section-head { margin-bottom: 16px; } .have-slides { padding-top: 77px; } .stat-info { padding-bottom: 10px; } .stat-three-columns .stat-info { padding-bottom: 5px; } .program-teaser-slides + .program-teaser-img { display: none; } .program-teaser-slides { width: 100%; } .program-teaser-ctn .section-head { max-width: 78%; margin-bottom: 38px; } .program-teaser-ctn .section-head br { display: none; } .program-teaser-head { padding: 20px 32px 19.5px 0; } .program-teaser-head:before { height: 17px; top: 22px; right: 8px; } .program-teaser-head::after { width: 17px; top: 29px; right: 0px; } .program-teaser-slide { padding: 0 22px 0px 32px; } .program-teaser-slide.active .program-teaser-head { padding: 35px 10px 22px 0; } .program-teaser-slide .program-teaser-text { padding-left: 5px; padding-bottom: 30px; } .program-teaser-slide .program-teaser-text p { line-height: 1.5; } .program-teaser-slide .heading-4 { font-size: 18px; letter-spacing: -0.36px; line-height: 1.3; } .team-ctn .section-head-text { padding-right: 11px; margin-top: 22px; } .team-ctn .social-link { padding-left: 3px; } .team-member-img { margin-bottom: 22px; } .team-member-detail .member-designation { margin-top: 14px; padding-right: 32px; } .team-member-links { row-gap: 12px; display: block; padding-top: 17px; margin-top: 21px; } .team-member-links .social-link { margin-top: 10px; } .team-member-links img { margin-top: 1px; } .team-member-bio a, .team-member-bio a:visited { padding-left: 25px; } .team-member-bio a::before, .team-member-bio a:visited::before { top: 12px; left: 1px; } .team-member-bio a::after, .team-member-bio a:visited::after { left: 7px; top: 6px; } .comparison-table { padding: 33px 23px 28px 27px; } .comparison-table .wp-block-button a, .comparison-table .wp-block-button a:visited { width: 100%; padding: 12px 20px; } .comparison-table-ctn .section-head .section-head-text { margin-top: 23px; padding: 0 15px; } .text-only .team-members:nth-child(n+2) { margin-top: 45px; } .text-only .team-member { padding: 17px 21px 16px 28px; } .text-only .section-head { margin-bottom: 20px; } .logo-grid-ctn .section-head { margin-bottom: 28px; padding-left: 8px; } .logo-grid { padding: 29px 29px; } .checklists.three-columns { row-gap: 29px; } .midpage-cta-content.center-align { padding-left: 16px; padding-right: 16px; } .midpage-cta-content.center-align .heading-2 { margin-bottom: 19px; } .midpage-cta-content.center-align p { padding: 0 1px; margin-bottom: 34px; } .midpage-cta-ctn .block-gradient-bg { filter: blur(100px); } .midpage-cta-ctn .block-gradient-bg:nth-child(1) { top: auto; bottom: 43px; left: -84px; } .midpage-cta-ctn .block-gradient-bg:nth-child(2) { bottom: auto; top: -45px; right: -164px; } .midpage-cta-content { margin-top: 31px; text-align: center; padding: 0 10px; } .midpage-cta-content .heading-2 { margin-bottom: 14px; } .midpage-cta-ctn.with-image .block-gradient-bg:nth-child(1) { bottom: auto; top: 180px; left: -70px; } .midpage-cta-ctn.with-image .block-gradient-bg:nth-child(2) { bottom: auto; top: 5px; right: -160px; } .arrow-top { width: 40px; height: 1284px; top: -1224px; right: 11px; } .theme-form-content, .theme-form-form, .midpage-cta-content, .midpage-cta-image, .iat-text, .iat-media, .story-teaser-inner .story-teaser-content, .story-teaser-image { width: 100%; } .iat-media { max-width: 450px; margin: auto; } .theme-form-ctn { gap: 28px; } .theme-form-content { padding-right: 10px; } .cta-tile-inner { padding: 0 8px 70px 10px; } .cta-tile-inner .right-arrow { width: 61px; height: 35px; right: 19px; bottom: 18px; } .cta-tile-inner .right-arrow span { background-size: 32px; } .cta-tile-heading .heading-3 { letter-spacing: 0; } .cta-no-image .cta-tile-inner { padding-bottom: 80px; } .iat-section.image-at-left .block-gradient-bg { bottom: auto; top: 110px; height: calc(clamp(15.5rem, 8.727vw + 13.455rem, 20rem) - 110px); } .program-teaser-list-ctn .program-teaser-list-text { display: none; } .program-teaser-list-inner { padding: 24px 22px 21px 10px; } .program-teaser-list-inner h3, .program-teaser-list-inner .heading-4 { font-size: 18px; } .program-teaser-list-btn .wp-block-button a, .program-teaser-list-btn .wp-block-button a:visited { min-height: 50px; padding: 15px 24px; font-size: 16px; background-color: var(--cpi_black_ctn_text); } .quote-slide-inner blockquote { margin-top: 14px; } .quote-slide-inner .quote-author-info { margin-top: 19px; } .timeline-slider .timeline-logo { margin-top: 20px; padding: 10px; } .timeline-text { margin-top: 22px; } .timeline-title { max-width: 100%; padding-right: 0; } .timeline-title h3, .timeline-title h4, .timeline-title h5, .timeline-title h6 { letter-spacing: -0.36px; } .timeline-date h2, .timeline-date h3, .timeline-date h4, .timeline-date h5, .timeline-date h6 { margin-bottom: 21px; } .timeline-slider.have-slides { padding-top: 92px; } .timeline-slider.owl-carousel .owl-nav { right: 2px; top: -4px; } .program-teaser-tabs .tab-nav li a, .program-teaser-tabs .tab-nav li a:visited { padding: 9px 18px 8px; } .image-gallery-ctn .section-head, .quote-ctn .section-head { margin-bottom: 23px; } .image-gallery-item img { border-radius: 24px; } .owl-carousel .owl-nav { left: 0; } .section-head-text { padding-right: 11px; } .checklist-ctn .section-head, .icon-grid-ctn .section-head { margin-bottom: 45px; } .icon-grid-text, .checklist-text { padding-right: 0; } .nested-faq-content ul li, .faq-content ul li { margin-bottom: 20px; letter-spacing: 0; } .faq-ctn .section-head { margin-bottom: 19px; } .faq-head.active, .nested-faq-head.nested-faq-active { padding-bottom: 13px; } .theme-video .section-head { padding: 0 18px 0 8px; margin-bottom: 24px; } .theme-video .section-head-text { padding-right: 0px; } .program-teaser-list-img { transform: translateY(156px) scale(1.2) rotate(15deg); } .stats p { letter-spacing: -0.4px; } .stats .stat-item .stat-text { margin-top: 12px; } .stat-three-columns { display: block; } .stat-three-columns .stat-item { margin-bottom: 35px; } .contact-us-box { padding: 16px 16px 32px; flex-wrap: wrap; } .contact-us-image { width: 100%; max-height: 320px; } .contact-us-content { padding: 12px 14px 0; } .contact-us-content p { margin-bottom: 24px; } .pfd-download-icon { width: 26px; height: 25px; gap: 12px; } .pdf-download-image { max-width: 70px; } } /* ------------------------------------------------------------------ > Import Fonts ------------------------------------------------------------------ */ @font-face { font-family: "proxima-nova"; src: url("https://use.typekit.net/af/78aca8/00000000000000007735e60d/30/l?subset_id=2&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/78aca8/00000000000000007735e60d/30/d?subset_id=2&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/78aca8/00000000000000007735e60d/30/a?subset_id=2&fvd=n6&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 600; font-stretch: normal; } @font-face { font-family: "proxima-nova"; src: url("https://use.typekit.net/af/1be3c2/00000000000000007735e606/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/1be3c2/00000000000000007735e606/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/1be3c2/00000000000000007735e606/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 300; font-stretch: normal; } @font-face { font-family: "proxima-nova"; src: url("https://use.typekit.net/af/e3ed45/00000000000000007735e602/30/l?subset_id=2&fvd=n9&v=3") format("woff2"), url("https://use.typekit.net/af/e3ed45/00000000000000007735e602/30/d?subset_id=2&fvd=n9&v=3") format("woff"), url("https://use.typekit.net/af/e3ed45/00000000000000007735e602/30/a?subset_id=2&fvd=n9&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 900; font-stretch: normal; } @font-face { font-family: "proxima-nova"; src: url("https://use.typekit.net/af/2555e1/00000000000000007735e603/30/l?subset_id=2&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/2555e1/00000000000000007735e603/30/d?subset_id=2&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/2555e1/00000000000000007735e603/30/a?subset_id=2&fvd=n7&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 700; font-stretch: normal; } @font-face { font-family: "proxima-nova"; src: url("https://use.typekit.net/af/78aca8/00000000000000007735e60d/30/l?subset_id=2&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/78aca8/00000000000000007735e60d/30/d?subset_id=2&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/78aca8/00000000000000007735e60d/30/a?subset_id=2&fvd=n6&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 600; font-stretch: normal; } @font-face { font-family: "proxima-nova"; src: url("https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/l?subset_id=2&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/d?subset_id=2&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/a?subset_id=2&fvd=n4&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 400; font-stretch: normal; } @font-face { font-family: "proxima-nova"; src: url("https://use.typekit.net/af/23e139/00000000000000007735e605/30/l?subset_id=2&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/23e139/00000000000000007735e605/30/d?subset_id=2&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/23e139/00000000000000007735e605/30/a?subset_id=2&fvd=n5&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 500; font-stretch: normal; } @font-face { font-family: "begum"; src: url("https://use.typekit.net/af/ef35d8/0000000000000000774f4a38/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/ef35d8/0000000000000000774f4a38/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/ef35d8/0000000000000000774f4a38/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 300; font-stretch: normal; } @font-face { font-family: "begum"; src: url("https://use.typekit.net/af/5fea7f/0000000000000000774f4a39/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/5fea7f/0000000000000000774f4a39/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/5fea7f/0000000000000000774f4a39/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 400; font-stretch: normal; } @font-face { font-family: "begum"; src: url("https://use.typekit.net/af/ffc5fb/0000000000000000774f4a3b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/ffc5fb/0000000000000000774f4a3b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/ffc5fb/0000000000000000774f4a3b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 500; font-stretch: normal; } @font-face { font-family: "begum"; src: url("https://use.typekit.net/af/895000/0000000000000000774f4a3e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/895000/0000000000000000774f4a3e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/895000/0000000000000000774f4a3e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 600; font-stretch: normal; } @font-face { font-family: "begum"; src: url("https://use.typekit.net/af/eb3fdc/0000000000000000774f4a37/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/eb3fdc/0000000000000000774f4a37/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/eb3fdc/0000000000000000774f4a37/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 700; font-stretch: normal; } @font-face { font-family: "begum"; src: url("https://use.typekit.net/af/07ddc7/0000000000000000774f4a35/30/l?subset_id=2&fvd=i3&v=3") format("woff2"), url("https://use.typekit.net/af/07ddc7/0000000000000000774f4a35/30/d?subset_id=2&fvd=i3&v=3") format("woff"), url("https://use.typekit.net/af/07ddc7/0000000000000000774f4a35/30/a?subset_id=2&fvd=i3&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 300; font-stretch: normal; } @font-face { font-family: "begum"; src: url("https://use.typekit.net/af/a7f33f/0000000000000000774f4a3d/30/l?subset_id=2&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/a7f33f/0000000000000000774f4a3d/30/d?subset_id=2&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/a7f33f/0000000000000000774f4a3d/30/a?subset_id=2&fvd=i4&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 400; font-stretch: normal; } @font-face { font-family: "begum"; src: url("https://use.typekit.net/af/ff4373/0000000000000000774f4a3c/30/l?subset_id=2&fvd=i5&v=3") format("woff2"), url("https://use.typekit.net/af/ff4373/0000000000000000774f4a3c/30/d?subset_id=2&fvd=i5&v=3") format("woff"), url("https://use.typekit.net/af/ff4373/0000000000000000774f4a3c/30/a?subset_id=2&fvd=i5&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 500; font-stretch: normal; } @font-face { font-family: "begum"; src: url("https://use.typekit.net/af/7a1128/0000000000000000774f4a3a/30/l?subset_id=2&fvd=i6&v=3") format("woff2"), url("https://use.typekit.net/af/7a1128/0000000000000000774f4a3a/30/d?subset_id=2&fvd=i6&v=3") format("woff"), url("https://use.typekit.net/af/7a1128/0000000000000000774f4a3a/30/a?subset_id=2&fvd=i6&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 600; font-stretch: normal; } @font-face { font-family: "begum"; src: url("https://use.typekit.net/af/6edc08/0000000000000000774f4a36/30/l?subset_id=2&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/6edc08/0000000000000000774f4a36/30/d?subset_id=2&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/6edc08/0000000000000000774f4a36/30/a?subset_id=2&fvd=i7&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 700; font-stretch: normal; } /* ------------------------------------------------------------------ > Vendors CSS Starts Here ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Vendors CSS Example ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Vendors CSS Example ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Vendors CSS Example ------------------------------------------------------------------ */ /*# sourceMappingURL=styles.min.css.map*/