/* * Copyright 2018 Adobe * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .cmp-tabs__tablist { display: flex; flex-wrap: wrap; padding-left: 0; list-style: none; } .cmp-tabs__tab { box-sizing: border-box; border-bottom: 1px solid transparent; padding: .5rem 1rem; cursor: pointer; } .cmp-tabs__tab--active { border-color: inherit; } .cmp-tabs__tabpanel { display: none; } .cmp-tabs__tabpanel--active { display: block; } /* * Copyright 2017 Adobe * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** @define image */ .cmp-image__image { width: 100%; } /* * Copyright 2017 Adobe * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** @define breadcrumb */ .cmp-breadcrumb { display: inline-block; list-style: none; padding: 0; } .cmp-breadcrumb__item { display: inline-block; vertical-align: top; } @charset "UTF-8";/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} .full-width { margin: 0px calc((100vw - 100%) / -2); width: 100vw; padding: 0 2%; } /* these are for the homepage banner code component */ .etf-block-left{background-image: url('../../../content/dam/img/temp/etf-banner-left.jpg');background-repeat:no-repeat;background-size:cover;background-position:right} .etf-block-middle{background-image: url('../../../content/dam/img/temp/etf-banner-middle.png');background-repeat:no-repeat;background-size:contain;background-position:left;} .left-block{background-image: url('../../../content/dam/img/temp/hompage-banner-left.png');background-repeat:no-repeat;background-size:cover;background-position:right} .middle-block{text-align:center} .right-block{background-image: url('../../../content/dam/img/temp/hompage-banner-right.png');background-repeat:no-repeat;background-size:cover} .flex-item-20 {flex: 1 0 20%} .flex-item-25 {flex: 1 0 25%} .flex-item-50 {flex: 1 0 50%} .flex-item-60 {flex: 1 0 60%} .flex-item-75 {flex: 1 0 75%} /* these are for the homepage banner ends */ /* these are aem hacks - use with caution */ .container-fluid{padding:0;margin:0;} div.root div.responsivegrid.container{margin-top:7px!important} /* these are aem hacks - use with caution */ /*.homepage-banner{border-bottom:1px solid #ddd;padding:0;margin:0;height:250px}*/ .homepage-banner-top{border-bottom:1px solid #ddd;padding:0;margin:0;min-height:140px} .homepage-banner{border-bottom:1px solid #ddd;padding:0;margin:0;min-height:140px} .homepage-banner p.text-heading, .homepage-banner span.text-heading{font-size:1rem;line-height:1rem;font-weight:600;padding-top:20px;margin-bottom:5px} .homepage-banner .btn {font-size:.75rem;margin-top:10px;margin-bottom:14px} .homepage-banner p.text-heading{padding-bottom:0px} .homepage-banner span.text-heading{margin:0;padding:0px} /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { /* .homepage-banner{min-height:180px} */ .homepage-banner p.text-heading, .homepage-banner span.text-heading{font-size:1.75rem;line-height:1.75rem} .homepage-banner span.text-heading{margin:0;padding:0px} /* responsive typography */ .text-sm-narrow{ font-family: "Gotham XNarrow SSm A", "Gotham XNarrow SSm B"; font-style: normal; font-weight: 400; } /* responsive typography ends */ } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { .homepage-banner{min-height:200px} .homepage-banner p.text-heading, .homepage-banner span.text-heading{font-size:2.25rem;line-height:2.25rem;padding-top:20px;margin-bottom:10px;font-weight:800;} .homepage-banner span.text-heading{margin:0;padding:0px} .etf-block-middle{background-image: url('../../../content/dam/img/temp/etf-banner-middle2.png')} .homepage-banner .btn {font-size:.875rem} } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { .homepage-banner-top{min-height:200px} .homepage-banner p.text-heading, .homepage-banner span.text-heading{font-size:2.5rem;line-height:2.5rem;padding-top:30px;} .homepage-banner span.text-heading{margin:0;padding:0px} } /* Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { .homepage-banner p.text-heading, .homepage-banner span.text-heading{font-size:2.875rem;line-height:2.875rem;padding-top:40px;} .homepage-banner span.text-heading{margin:0;padding:0px;margin-bottom:25px;} .homepage-banner .btn {margin-bottom:30px} .homepage-banner-top{min-height:300px} } /* Bootstrap overrides */ /* .btn { border-radius: 0; font-weight:500!important; } */ .btn:focus,.btn:active:focus,.btn.active:focus, .btn.focus,.btn:active.focus,.btn.active.focus { outline: none; box-shadow: none; } /* Bootstrap overrides ends */ /* Generic */ .btn-with-border { border: 1px solid #ccc; } /* Generic end */ body { background-color: #f7f7f7; -webkit-font-smoothing: antialiased; font-family: "Gotham 4r", "Gotham A", "Gotham B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; margin-top: 57px; } /* jason edits */ /* body p{text-shadow: rgb(255, 255, 255) 0px -1px 0px;} */ footer p {text-shadow:none;} /* jason edits ends */ /* Typography */ html{-webkit-font-smoothing: antialiased} /* fonts */ .gotham-ss-light{ font-family: "Gotham SSm 3r", "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 300; } .gotham-ss-book{ font-family: "Gotham SSm 4r", "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; } .gotham-ss-book-italic{ font-family: "Gotham SSm 4i", "Gotham SSm A", "Gotham SSm B"; font-style: italic; font-weight: 400; } .gotham-ss-narrow-book{ font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B"; font-style: normal; font-weight: 400; } .gotham-ss-xnarrow-light{ font-family: "Gotham XNarrow SSm A", "Gotham XNarrow SSm B"; font-style: normal; font-weight: 300; } .gotham-ss-xnarrow-book{ font-family: "Gotham XNarrow SSm A", "Gotham XNarrow SSm B"; font-style: normal; font-weight: 400; } .gotham-ss-medium{ font-family: "Gotham SSm 5r", "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 500; } .gotham-ss-narrow-medium{ font-family: "Gotham XNarrow SSm A", "Gotham XNarrow SSm B"; font-style: normal; font-weight: 500; } .gotham-ss-bold{ font-family: "Gotham SSm 7r", "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 700; } .gotham-ss-black{ font-family: "Gotham SSm 8r", "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 800; } /* fonts ends */ .hanging-indent{padding-left:12px!important;text-indent:-12px} /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* Medium tablet */ /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* // Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { .text-wrap{white-space: normal}/* created this class for menu sub head because dropdown-header class prevents wrapping of lines*/ .text-md-book{ font-family: "Gotham SSm 4r", "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; } .text-md-medium{ font-family: "Gotham SSm 5r", "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 500; } } h3, h4{ color: #444; font-size: 1rem; line-height: 1rem; font-weight: 800; } /* Typography ends */ /* Colours */ .text-primary{color:var(--primary-color-blue)!important} a.text-primary:hover{color:inherit!important} .text-secondary{color:#2cd7ff!important} /* .text-secondary{color:#00b1db!important} */ /* to get brighter nav links in mobile - accessibility overrides */ .navbar-dark .navbar-nav .nav-link {color:#FFFFFF; font-family: 'Roobert';} .text-green{color:#77b800!important} .text-grey60{color:#a7a9a9!important} .text-success{color:#77b800!important} .text-dark{color:#343a40!important} .bg-dark{background-color: var(--primary-color-black)!important} .bg-primary{background-color: var(--primary-color-blue)!important} .bg-secondary{background-color:#00b1db!important} .bg-new-blue{background-color:rgb(20,136,185)!important} .border-primary{border-color: var(--primary-color-blue)!important} .border-secondary{border-color: #00b1db!important} .border-new-blue{border-color: rgb(20,136,185)!important} .border-gray {border-color: #ccc !important} /* colours ends */ /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* Medium tablet */ /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* // Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { .bg-md-white{background-color: #fff!important} .text-md-primary{color:var(--primary-color-blue)!important} .text-md-dark{color:#343a40!important} } /* Colours ends */ /* Site alert */ #siteAlert { font-size: .8rem; /* line-height: 1rem; */ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; /* line-height: 1rem; */ /* z-index: 1029; */ /* position: fixed; */ top: 0; padding-right: 35px; } #siteAlert button.close{ position: absolute; padding: 0 !important; width: 30px; height: 30px; line-height: 0; } .alert { border-radius: 0; } .alert-link { text-decoration: underline; } .alert-link:hover { text-decoration:none; } .site-alert{ margin-top: 48px } /* Site alert */ /* Main-menu */ .main-menu { position: fixed !important; top: 0; } .site-alert .main-menu { top: 47px; } .main-menu a.nav-link{ font-size:.8rem;line-height:.8rem } .btn-search { min-width: 30px; min-height: 30px; } /* active menu state mobile */ .main-menu .mega-menu li.nav-item.active a{text-decoration:underline} .main-menu .mega-menu li.nav-item.active ul.dropdown li.nav-item a{text-decoration:none!important;opacity:1} /* active menu state mobile ends */ .dropdown-header{font-size:.75rem} .navbar-brand {background-image:url('../../../content/dam/dynamic/site/Dynamic-logo-bi.svg');background-size:300%;background-position: -170px -90px;background-repeat: no-repeat;margin-right:0;} .fr .navbar-brand {background-size:315%;background-position: -213px -355px} #dynamicLogo{width:150px;height:10px} .fr #dynamicLogo{width:175px;} .navbar-btn{background-color:var(--primary-color-blue);border:none;color:#b2c9d9;font-size: .8rem;line-height: .8rem;} .btn-sign-in{background-color:rgb(23, 114, 160)} /* .btn-sign-in{margin-top:.5rem;background-color:rgb(23, 114, 160)} */ img.ad{width: 160px;height: 80px;background-color: #f7f7f7;border: none;font-weight:normal;font-size: .8rem;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"} .main-menu .nav-item.dropdown {font-weight:600;} .header .search-login {min-width:118px;} /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* navbar toggler */ /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ .navbar-toggler{border-color:transparent!important} .lines-button { padding: 0 1rem 1rem 1rem;margin-left:-1rem; /* padding: .25rem 1rem 1rem 1rem;margin-left:-1rem; */ transition: .3s; cursor: pointer; user-select: none; border-radius: 0; display:inline-block; font-size:1rem; line-height:1; font-weight:500; } .lines-button:active { transition: 0 } .lines { display: inline-block; width: 1rem; height: .125rem; background: #ecf0f1; border-radius: .128571rem; transition: .3s; position: relative; border: 1px solid transparent; } .lines:after, .lines:before { display: inline-block; width: 1rem; height: .125rem; background: #ecf0f1; border-radius: .128571rem; transition: .3s; position: absolute; left: -.05rem; content: ''; -webkit-transform-origin: top left; transform-origin: top left } .lines:before { top: .3rem } .lines:after { top: -.4rem } .lines-button.close { padding: .25rem 1rem 1rem 1rem;margin-left:-1rem!important; font-size:1rem; line-height:1; font-weight:500; margin:0; border:0;float:left;opacity:1; border: 1px solid transparent; } .lines-button.x.close .lines { background: 0 0 } .lines-button.x.close .lines:after, .lines-button.x.close .lines:before { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; /* width: 2rem */ width: 1.2rem } .lines-button.x.close .lines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg) } .lines-button.x.close .lines:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg) } /* navbar toggler ends */ /* only adding this temporarily - we need to address page padding-top when site alert is present...*/ /*header.page-header{padding-top:28px;}*/ /*header{margin-bottom:10px;}*/ .banner-wrapper { min-height: 200px; /*padding: 40px 0;*/ color: #333; background-repeat: no-repeat; background-color: #eee; } .banner-wrapper .cmp-text { padding-bottom: 0px; } .banner-wrapper .cmp-text h1 { margin-bottom: 0px; } /* .page-header .banner-wrapper h2 { font-size: 2rem; font-weight: bold; line-height: 1; } */ /*.page-header .banner-wrapper h2 { color: #444; font-weight: 800; font-size: 1rem; line-height: 1rem; }*/ .banner h1{font-weight:500!important;} .page-header{border-bottom:1px solid #ddd;} .page-header .banner-wrapper p { font-size: .9rem; font-weight: bold; } .banner-wrapper{border-top:1px solid #ddd;} header h1.text-subhead, header p.text-subhead{ padding-bottom:.5rem; padding-top:.5rem; margin:0; } header h1.text-subhead{ font-size:1rem!important; line-height:1rem!important; } .main-content { margin-top: 47px; } .navbar-brand {width:125px!important;background-size:420%!important;background-position:-387px -105px!important;} #mainMenu.cmp-image{margin: 0 auto;} /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* Landscape phone */ /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ @media (max-width: 575px) and (orientation: portrait) { #siteAlert, .site-alert .main-menu, .main-menu { position: fixed !important; } #siteAlert { top: 0; } .site-alert .main-menu { top: 58px; } .site-alert .main-content { margin-top: 106px; } .page-header .banner-wrapper p { display: none } .main-content { margin-top: 47px; } } @media (min-width: 576px) { .mega-menu .dropdown-menu.mega-menu .border-sm-right { border-right:1px solid #dee2e6 !important; } .navbar-brand {width:150px!important;background-size:300%!important;background-position:-168px -85px!important} } /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* Medium tablet */ /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* // Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { #siteAlert, .main-menu { /* position: fixed; */ } #siteAlert { width: 100%; } .site-alert .main-menu { top: 44px; } .site-alert .main-content { margin-top: 44px; } nav.navbar.fixed-top{position:fixed} /* this makes the main menu sticky again */ ul.mega-menu .dropdown-menu {width: 100%} ul.mega-menu .dropdown {position: static;} /* Adobe div class "cmp-image en" is overwriting my custom styles at tablet portrait orientation - therefore I've had to use !important class */ .navbar-brand {width:100px!important;background-size:500%!important;background-position:-368px -90px!important} .fr .navbar-brand {background-size:450%;background-position: -415px -355px} #dynamicLogo{width:100px;height:10px} .fr #dynamicLogo{width:125px} .btn-sign-in{margin-top:.0rem;margin-bottom: 0.1rem;} .fr .btn-sign-in span{font-size: 80%;} .lang-menu {position:absolute;top: -6px} .lang-menu a {position:relative;left:462px} .fr .lang-menu a {position:relative;left:510px} #mainMenu .mega-menu li.nav-item{border-bottom:4px solid transparent;} #mainMenu .mega-menu li.nav-item.show ul.navbar-nav li.nav-item{border-bottom:none} #mainMenu .mega-menu li.nav-item.active a{text-decoration:none;opacity:1} #mainMenu .mega-menu li.nav-item.active{border-bottom:4px solid white} #mainMenu .mega-menu li.nav-item.show{background-color: white;border-bottom:4px solid white} #mainMenu .mega-menu li.nav-item.show > .nav-link{color:var(--primary-color-blue)} .mega-menu .dropdown-menu.mega-menu {box-shadow: 0 5px 6px hsla(205,76%,20%,0.3);} .mega-menu .dropdown-menu.mega-menu .border-md-right {border-right:1px solid #dee2e6!important} .mega-menu .dropdown-menu.mega-menu .border-md-light {border-color: #dee2e6!important} #mainMenu ul.mega-menu div.dropdown-menu ul li a.nav-link:hover, div#searchDiv a.nav-link:hover, ul #ui-id-1 li.ui-menu-item span:hover, nav#mainMenu .nav-mega li.nav-item.active ul.dropdown li.nav-item a:hover{text-decoration:underline!important} /* .mega-menu{min-height: 180px;} */ } @media (max-width: 768px) { #mainMenu .mega-menu li.nav-item.show > .nav-link{color:var(--primary-color-blue)} #mainMenu .mega-menu li.nav-item.show{background-color: white;border-bottom:4px solid white} #mainMenu .mega-menu li.nav-item.show{ background-color: white; margin-top: 10px; margin-bottom: 10px; } } /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* Desktop */ /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* // Large devices (desktops, 992px and up) */ @media (min-width: 992px) { .lang-menu a {left:580px} .fr .lang-menu a {left:630px} .navbar-brand {background-size:300%!important;background-position: -19px -95px!important;width:150px!important;} .fr .navbar-brand {background-size:320%!important;background-position: -22px -365px!important;width:175px!important; display: inline-block;} #dynamicLogo{width:150px} .fr #dynamicLogo{width:175px} } /* Main-menu */ /* Sarch-pannel */ .search-panel { /* position relative when "alert" is issued, so it scrolls with navigation; */ position: fixed; z-index: 1333; top: 98px; /* if I put !important on here it stops working *//* dynamicaly calculated for position:fixed */ /* top: 56px; */ /* dynamicaly calculated for position:fixed */ width: 100%; background-color: rgb(231,238,244); border: 1px solid #ccc; } .alert .search-panel { position: relative; } .search-form { padding: .4rem 0; background-color: #fff; } .search-input { display: inline-block; width: calc(100% - 1.5rem); border: none; padding-left: 0; padding-right: 0; } .clear-search-input-wrapper { display: inline-block; } .clear-search-input { padding: .4rem 0; } .search-results { padding-top: 1rem; padding-bottom: 1rem; background-color: rgb(231,238,244); } .search-results h6, .search-results a { font-size: .9rem; } .search-results .nav-item { line-height: 1.1; padding-bottom: .5rem; } .search-results .nav-item:last-child { padding-bottom: 0; } .search-results a { padding-left: 0; padding-right: 3rem; } #searchPanel .search-results a { display: block; } .search-panel .visually-hidden { position: absolute !important; clip: rect(0.063em 0.063em 0.063em 0.063em); clip: rect(0.063em, 0.063em, 0.063em, 0.063em); padding: 0 !important; border: 0 !important; height: 0.063em !important; width: 0.063em !important; overflow: hidden; } /* Sarch-pannel ends */ /* Cards */ /* Cards bootstrap overrides */ .card, .card-img-top, .card-img-bottom { border-radius: 0;} /* Cards bootstrap overrides ends */ .card-deck-v1 .card { margin-top: 15px; margin-bottom: 15px; font-size: .8rem; line-height: 1.2; color: #444; border-top:1px solid #fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #fff; position:relative; transition: all .25s cubic-bezier(0.165, 0.84, 0.44, 1); } /*.card-deck-v1 .card:hover{ transform: scale(1.0125, 1.0125) translateY(-2px); }*/ .card-deck-v1 .card::after{ /*.card-deck .card::after{*/ content: ''; position: absolute; z-index: -1; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; border: 1px solid rgba(0,0,0,0); box-shadow: 0 2px 8px rgba(0,0,0,0.2); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .card-deck-v1 .card:hover::after {opacity: 1} .card-deck a { cursor: pointer; height: 100% !important; color: var(--primary-color-blue); } .card-deck a:hover { text-decoration: none; } .card-deck .card.w-25 { width: calc(25% - 21px) !important; min-width: calc(25% - 21px); max-width: calc(25% - 21px); } .card-deck .card.w-33 { width: calc(33.33% - 21px) !important; min-width: calc(33.33% - 21px); max-width: calc(33.33% - 21px); } .card-deck .card.w-50 { width: calc(50% - 21px) !important; min-width: calc(50% - 21px); max-width: calc(50% - 21px); } .card-deck .card.w-67 { width: calc(100% - 21px) !important; min-width: calc(100% - 21px); max-width: calc(100% - 21px); } .card-deck .card-img-wrapper { position: relative; } .card-deck .card-img-side { display: none; } .card-img-wrapper .card-img-tag { position: absolute; background: rgba(0, 0, 0, 0.625); border-radius: 5px; bottom: 13px; display: block; font-size: .7rem; font-weight: 400; height: auto; left: 15px; margin-right: 15px; line-height: 1.25rem; padding: 0 .4rem ; color:white } .card-img-poster .card-img-badge, .card-img-wrapper .card-img-badge { position: absolute; top: 0; right: 0; width: 35px; height: 40px; text-align: center; color: #fff; font-size:.8rem; line-height: .8rem; padding-right: 2px; padding-top: 6px; padding-left: 12px; background-image: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/img/CE-starburst_3x.png"); background-repeat: no-repeat; background-size: 35px; background-position: top left; font-weight:600; } .card-deck .card-text { font-size: .8rem; margin-bottom: .4rem; } .card-deck .card-note { font-size: .7rem; margin-bottom: 0; padding: .4rem 0 0; opacity: .5; } .card-deck p:only-of-type, .card-deck p:last-of-type { margin-bottom: .7rem; } .card-deck .card-title, .card-deck .card-title + h2 { font-size: 28px; line-height: 1.25; font-weight: 650; } .card-deck .dynamic-card a { text-decoration: none; } .card-deck .dynamic-card a:hover { text-decoration: underline; color: var(--primary-color-black); } .card-deck .dynamic-card a:hover .card-body p { text-decoration: underline; text-decoration-color: #666666; } .card-img-poster { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url("../../../content/dam/dynamic/site/dummy for card-img-poster.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 120px; } .card-img-poster img { visibility: hidden; } .card-img-poster + .card-body { position: absolute; bottom: 0; width: 100%; background-color: rgba(255, 255, 255, .7); } .card-img-poster + .card-body h2 { margin-bottom: 0; text-shadow: 1px 2px 2px #fff; } @media screen and (max-width: 575px) and (orientation: portrait){ .card-deck .card.w-25, .card-deck .card.w-33, .card-deck .card.w-50, .card-deck .card.w-67 { max-width: 100%; min-width: 100%; } .card .anchor-replacement:only-child { display: table; } .card .card-img-wrapper, .card .card-body { display: table-cell; vertical-align: top; } /* w-50 card on phones */ .card.w-50 .card-img-wrapper{ display: table; } .card.w-50 .card-body, .card.w-50 .link-wrapper { position: relative; display: table-row; width: 100%; } .card.w-50 .card-body-back { position: absolute; display: table-row; width: 100%; } .card.w-50 .card-body h2 { margin: 1rem; } .card.w-50 .card-body-back h2 { margin: 0rem; } .card.w-50 .card-img-wrapper { position: relative; width: 100% !important; min-width: 100% !important; max-width: 100% !important; } .card.w-50 img.card-img-top { display: block !important; } .card.w-50 img.card-img-side { display: none !important; } .card.w-50 .card-img-wrapper .card-img-tag { /* bottom: 40px; */ } .card-deck .card.w-50 .links-wrapper { display: table; position: relative; left: 0; width: 100%; } /* w-50 card on phones ends */ .card p.card-text { display: none; } .card p.card-note { padding-top: 0; margin-bottom: 0; } .card .card-img-wrapper, .card .card-img-side { height: 120px !important; width: 120px !important; max-height: 120px !important; max-width: 120px !important; min-height: 120px !important; min-width: 120px !important; } .card img.card-img-top { display: none } .card img.card-img-side { display: block; } .card .anchor-replacement { display: table; } .card-deck p:only-of-type, .card-deck p:last-of-type { margin-bottom: .4rem; } .card-deck .links-wrapper { width: calc(100% - 120px); left: 120px; } .card-img-poster { position: relative; } .card-img-poster + .card-body { background-color: rgba(255, 255, 255, .7); padding: .6rem 1.25rem; } } @media screen and (min-width: 576px) and (max-width: 767px) { .card-deck .card.w-25 { width: calc(50% - 20px) !important; min-width: calc(50% - 20px) !important; max-width: calc(50% - 20px) !important; } } @media screen and (max-width: 900px) and (orientation: landscape){ } @media screen and (max-width: 500px) and (orientation: portrait){ .card p.card-text {display: none;}} /* Cards ends */ /* Breadcrumbs */ /* Bootstrap breadcrumbs override */ .breadcrumb { padding: .75rem 0rem; } .breadcrumb-item+.breadcrumb-item { padding-left: 0; } .breadcrumb { margin-bottom: 0; } .breadcrumb { background-color: #fff; border-radius: 0; font-size: 80%; /* font-family:"Gotham XNarrow SSm A", "Gotham XNarrow SSm B", -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; */ } /* font-family:"Gotham 4r", "Gotham A", "Gotham B", -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; */ .breadcrumb-item+.breadcrumb-item::before { position: relative; font-size: 1.2rem; line-height: 0; bottom: -0.1rem; /* content: ">"; */ content: "\203A"; padding-right: .25rem; padding-left: .15rem; } /* Breadcrumbs end */ /* Footer */ .footer-wrapper { background-color: #fff; } footer .page-footer { background-color: var(--primary-color-black); min-height: 200px; color: white; /*background-image: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/img/footer.png");*/ /* background-image: url("../../../etc/designs/dynamic/img/footer.png"); */ background-size: 150%; background-position: center top; background-repeat: no-repeat; padding: 0 0 30px 0; } footer h2 { color: #fff !important; font-size: 0.8rem !important; margin:5px 0 !important; font-weight:600; } footer h2 span { font-size: 0.8rem !important; font-weight: 600 !important; } footer .page-footer button { padding-left: 0 !important; padding-right: 0 !important; } footer hr { border-top: 1px solid #00b1db; } footer ul { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; font-size: .8rem; line-height: 1.75rem } footer ul li:last-child {padding-bottom:1rem} footer ul li a {color:white;} footer ul li a:hover {font-weight:500;text-decoration:none;color:white;} .special { background-color: transparent; border: none; border-bottom: 1px solid #f7f7f7; border-radius: 0; border-top: 1px solid #444; color: #444; font-size: 90%; font-weight: bold; padding: 14px 0; text-align: left; width: 100%; } footer .btn { } footer .btn-basic { background-color: transparent; border: none; border-top: 1px solid rgba(255, 255, 255, 0.25); border-radius: 0; color: #fff; font-weight: 600; padding: 11px 0; text-align: left; width: 100%; font-size: 0.8rem; } .drawer { margin-bottom: 8px; } footer .btn-basic .fa-plus { margin-left: 1rem; transition: .3s transform ease-in-out; transform: rotate(45deg); } footer .btn-basic.collapsed .fa-plus { transform: rotate(0deg); } footer .social-links { font-size: .8rem; line-height: 1.5; margin-bottom: 0; } footer hr { height: 1px !important; color: rgba(255, 255, 255, .25); background-color: rgba(255, 255, 255, .25); border: none; } footer .social-links p { margin-bottom: 0rem; color: white; } footer .social-links a { color: #fff !important; padding: .55rem .45rem; } footer .social-links a:last-child { padding-right: 0; } footer .copyright { border-top: 1px solid rgba(255,255,255, .25); padding: .5rem 0; font-size: .7rem; color: white; } @media (min-width: 575px) { footer .page-footer { padding: 0; } } @media (min-width: 768px) { /*footer [id^='footer'] { display:block; }*/ footer .btn-basic{ border: none; padding: 0; width: 100%; } footer .btn-basic, footer .btn-basic.collapsed { /* border-bottom: 1px solid transparent; */ border-top: none; } footer .page-footer button { cursor: default!important; } } /* Footer ends */ /* BANNER ##################################### */ .page-header { position: relative; background: #fff; } .pg-nav .pg-nav-item { padding: 2px 1rem; border-bottom: 4px solid transparent; text-decoration: none; color: #222; font-weight:500; font-size:.9rem; } .pg-nav .pg-nav-item:hover { border-bottom:4px solid #00B1DB; color:var(--primary-color-blue); } .pg-nav .pg-nav-item.active{ color: var(--primary-color-black); font-weight:600; border-bottom-color: var(--primary-color-blue); } .pg-nav .pg-nav-item.active:hover { cursor:default; /*border-bottom:4px solid #0081A0;*/ } .pg-nav .pg-nav-taggle { padding: 0 15px 0 0; } .pg-nav .pg-nav-taggle .chevron { position: relative; width: 30px; height: 28px; } .pg-nav .pg-nav-taggle .chevron:before { position: absolute; top: 0; left: 0; width: 30px; height: 28px; font-family: "Font Awesome 5 Pro"; font-size: .8rem; line-height: 2; content: "\f078"; } .pg-nav.active .pg-nav-taggle .chevron:before { content: "\f077"; } .pg-util { display: inline-block; float: right; } .pg-util ul { display: inline-block; list-style: none; margin: 0; padding: 0; padding-top: 2px; } .pg-util li { display: inline-block; padding: 0 4px; } .pg-util button { background-color: #fff; border: none; border-radius: 0; color: #666; font-size: .8rem; line-height: 1; width: 30px; height: 28px; padding: 6px 2px; /* border: 1px solid red; */ } .pg-util button:before { font-family: "Font Awesome 5 Pro"; font-size: .8rem; content: ""; font-weight: 300; } .pg-util button.pg-bookmark:before {content: "\f02e";} .pg-util button.pg-like:before {content: "\f164";} .pg-util button.pg-comment:before {content: "\f27a";} .pg-util button.pg-subscribe:before {content: "\f0f3";} .pg-util button.pg-print:before {content: "\f02f";} .pg-util button.tools-share-toggle:before {content: "\f064";} .pg-util button.pg-bookmark:hover:before, .pg-util button.pg-like:hover:before, .pg-util button.pg-comment:hover:before, .pg-util button.pg-subscribe:hover:before, .pg-util button.pg-print:hover:before, .pg-util button.tools-share-toggle:hover:before {font-weight: 900;} .pg-util .tools-share button { color: #c2c2c2; } .pg-util button:hover, .pg-util button:focus, .pg-util button:active, .pg-util button.active { background-color: #fff !important; border-color: transparent !important; box-shadow: none !important; color: #77b800 !important; } .pg-util .divader { border-left: 1px solid #ccc; vertical-align: middle; height: 22px; } .tools-share-toggle, .tools-share h6, .tools-share span.label { display: none; } .tools-share h6 { font-size: .7rem; } @media (max-width: 575px) { /* small */ .pg-nav .pg-nav-item { color: #666; border-bottom-color: transparent; } .pg-nav .pg-nav-item, .pg-nav .pg-nav-item.active, .pg-nav .pg-nav-item:hover { color: #666; } .pg-util { position: fixed; border-top: 1px solid #ccc; padding: 5px 15px 5px 0; bottom: 0; left: 0; background: #fff; width: 100%; z-index: 100; height: 50px; } .pg-util .divader { display: none; } .tools-share-toggle { display: inline-block; } li.tools-share { display: none; position: fixed; bottom: 36px; right: 15px; width: 120px; background-color: #fff; border: 1px solid #ccc; padding: 10px; } ul.tools-action {padding: 0 15px;} .tools-share:after, .tools-share:before { top: 100%; left: 80%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .tools-share:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 10px; margin-left: -10px; } .tools-share:before { border-color: rgba(204, 204, 204, 0); border-top-color: #ccc; border-width: 11px; margin-left: -11px; } .tools-share h6, .tools-share li { display: block; } .tools-share button { width: 100%; text-align: left; color: #666 !important; } .tools-share li i, .tools-share li .label { display: inline-block; } .tools-share li .label { padding-left: 10px; } } @media (max-width: 575px) { /* small */ .pg-nav-menu { position: relative; display: none; width: 100%; } .pg-nav-menu:before { position: absolute; width: calc(100% + 30px); height: 1px; top: 0; left: -15px; content: ""; border-top: 1px solid #ccc; } .pg-nav .pg-nav-item { display: block; width: inherit; } .pg-nav .pg-nav-taggle { display: inline-block; float: right; } .pg-nav .pg-nav-taggle { display: block; position: absolute; right: 0; top: 0; } .pg-nav.active .pg-nav-menu { display: block; width: inherit; } .pg-nav:not.active .pg-nav-menu { display: none; } .tools-share ul {width: 100%;} footer ul { display: block; } } @media (min-width: 576px) { .pg-nav { max-width: 540px;} } @media (min-width: 768px) { .pg-nav { max-width: 720px;} } @media (min-width: 992px) { .pg-nav { max-width: 960px;} } @media (min-width: 1200px) { .pg-nav { max-width: 1140px;} } @media (min-width: 576px) { /* tablet */ .pg-nav { display: block !important; position: absolute; margin-left: auto; margin-right: auto; bottom: 0; right: 0; left: 0; padding: 0 15px; text-align: right; z-index: 1; } .pg-nav .pg-nav-taggle { display: none; } .pg-nav .pg-nav-menu { display: block; height: 26px; } } /* BANNER ends ################################ */ /* READ MORE feature ##################################### */ div.cmp-readmore div.cmp-readmore__pane--collapsed { height: 100px; overflow: hidden; } div.cmp-readmore div.cmp-readmore__pane--expanded { height: 100%; overflow-x: hidden; /*horizontal*/ overflow-y: auto; /*vertical*/ } div.cmp-readmore div.cmp-readmore__button { position: relative; margin-top: -100px; width: 100%; background-color: red; bottom: 0; padding: 8em 0 0em; text-align: center; background: rgba(255,255,255,0); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(60%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); /* */ /* */ } .read-more-wrapper hr { position: absolute; width: 100%; bottom: 3rem; } .btn-read-more { margin: 1rem auto; padding: .3rem .6rem; background-color: var(--primary-color-blue); color: #fff; } .btn-read-more:hover {color: #fff;} /* READ MORE feature ends ##################################### */ /* PM - Bio & All PMs (.pm-group) ##################################### */ .pm-bio-info figure { width: 100%; } .pm-group { margin-top: 1rem; padding-top: 1rem; } .pm-group:not(:first-child) { border-top: 1px solid #ccc; } .pm-group p { font-weight: bold; color: #124587; font-size: 1.1rem; line-height: 1.1; } .pm-group .pm-bio-info { margin-bottom: 1.2rem !important; } .pm-bio-info .pm-image { background-repeat: no-repeat; background-size: cover; margin-bottom: 0.25rem; } @media (min-width: 768px) { .pm-group .pm-bio-info .pm-image { text-align: center; } } .pm-bio-info .pm-image img { margin: .5rem 0 0 0; max-height: 90px; } .pm-bio-info .figure-caption { line-height: 1.1; } /* .pm-bio-info .pm-name { margin-bottom: 0.2rem; display: inline-block; font-size: 1rem; line-height: .95rem; font-weight: 800; color: var(--primary-color-blue); } */ /* .fund-manager-list:not(:last-child) .pm-group{ border-bottom: solid 1px #333; } */ /* commented this line for overRiding */ /* .pm-group .pm-bio-info .pm-name { font-size: .8rem; } .pm-group .pm-bio-info .pm-title { font-size: .7rem; } */ .pm-bio-info .pm-cred { font-size: .875rem; font-weight: 400; color:var(--primary-color-dark-grey); } .pm-bio-info .pm-title { display: block; margin-bottom: .2rem; margin-top: .25rem; font-size: .75rem; font-weight: 400; color:#333 } .pm-bio-info .pm-expertise { font-size: .875rem; font-weight: 500; color:var(--primary-color-dark-grey); } .pm-bio-info .pm-social-tags .btn { margin-bottom: 0.3rem; padding: .15rem .5rem; font-size: .7rem; font-weight: 500; color: #444; text-align: left; } .manager-biography .pm-image img { min-height: 135px; } .pm-bio-info .pm-social-tags .btn:hover { background-color: #fff; } .pm-bio-info .pm-social-tags .btn:hover:before{ color: #00b1db; } [class^="icon-"]:not(.icon-list) { padding: .15rem .5rem .3rem 1.3rem !important; position: relative; } [class^="icon-"]:before { /* background: red !important; background-color: red !important; */ width: 1.2rem; content: ""; margin-left: -1.2rem; font-family: "Font Awesome 5 Pro"; display: inline-block; text-align: left; position: absolute; top: 0.2rem; left: 1.2rem; } .btn[class^="icon-"] { padding-left: 1.7rem !important; } .btn[class^="icon-"]:before { position: relative; /* text-align: center; */ text-align: left; top: 0; left: 0; } /* [class*="icon-"]:not(.icon-list):before { font-family: "Font Awesome 5 Pro"; } */ .icon-linkedin:before, .icon-twitter:before, .icon-instagram:before, .icon-facebook:before { font-family: "Font Awesome 5 Brands" !important; } .icon-linkedin:before { content: "\f0e1"; } .icon-twitter:before { content: "\f099"; } .icon-instagram:before { content: "\f16d"; } .icon-facebook:before { content: "\f39e"; } .icon-gen:before { content: "\f15b"; } .icon-pdf:before { content: "\f1c1"; } .icon-doc:before { content: "\f1c1"; } .icon-doc:before { content: "\f1c2"; } .icon-ppt:before { content: "\f1c4"; } .icon-xls:before { content: "\f1c3"; } .icon-img:before { content: "\f1c5"; } /* :not(.tn-img-list) */ .locked:after { display: inline-block; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 0.8rem; color: #000; content: "\f30d"; width: 1rem; padding-left: .2rem; } .tn-img-list-item a.locked:after { content: ""; position: absolute; } .tn-img-list-item div { display: flex; align-items: center; } .tn-img-list-item div:first-child { position: relative; width: 50px; height: 70px; margin-bottom: 10px; } .tn-img-list-item a.locked div:first-child:after { display: block; position: absolute; top: 9px; right: -17px; font-family: "Font Awesome 5 Pro"; font-size: 16px; line-height: 0; font-weight: 900; color: #000; content: "\f30d"; width: 1rem; } .tn-img-list-item a.type-pdf div:first-child:before { content: ""; position: absolute; bottom: 0; left: -5px; width: 20px; height: 20px; background-image: url('../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/img/type-pdf-solid.svg'); background-repeat: no-repeat; background-size: contain; } div.assetList1 svg{color:#558300;} .pm-funds .btn-pm-funds-list { width: 100%; padding-left: 0!important; padding-right: 0!important; text-align: left!important; border-width: 1px; border-color: transparent; border-style: solid; border-top-color: #444; border-bottom-color: #444; font-size: .9rem; font-weight: bold; background-color: transparent; border-radius: 0; gap: 4px; } .btn-pm-funds-list[aria-expanded="true"] { border-bottom-color: transparent; } .pm-funds .btn-pm-funds-list:focus-visible { background-color: transparent; } @media (min-width: 768px) { .pm-funds .btn-pm-funds-list { display: none; } .pm-funds-list { border-bottom: none !important; } } .btn-pm-funds-list .fa-times { font-size: 1.2rem; font-weight: 300 !important; padding: .2rem 0; transition-duration: .2s; transform-origin: center center; } .btn-pm-funds-list[aria-expanded="true"] .fa-times { transform: rotate(0deg); } .btn-pm-funds-list[aria-expanded="false"] .fa-times { transform: rotate(-45deg); } @media (min-width: 768px) { .pm-funds-list {display: block !important;} } .plain-list, .icon-list, .pm-funds-list { margin-top: .5rem; } .pm-funds-list { font-size: .8rem; } .icon-list, .plain-list { margin-bottom: 1rem; } .pm-funds-list { border-bottom: 1px solid #444; } .plain-list section, .icon-list section, .pm-funds-list section{ margin-bottom: .4rem; } .pm-funds-list p { font-size: .8rem; } .plain-list ul, .icon-list ul, .pm-funds-list ul { padding-left: 0; margin-bottom: 0; list-style: none; } .plain-list li, .icon-list li, .tn-img-list-item a, .pm-funds-list li { padding-bottom: .3rem; line-height: 1.1; } .plain-list a, .icon-list a, .tn-img-list-item a, .pm-funds-list a { color: var(--primary-color-blue); font-weight: 400; font-size:.9rem; } .icon-list span{ color: #666 ; font-size: .8rem; font-weight: 400; } /* jason list hanging indent changes */ /*it fixes multi-line titles but creates an issue with the trailing :after lock icon*/ li.cmp-list__item{padding-left:17px;text-indent:-17px;} .asset:after {padding-left:5px;text-indent:0; } /* jason list hanging indent changes ends */ .pm-bio-text p.lead{ font-size: 1.1rem; font-weight: 500; color: var(--primary-color-blue); } .badge-secondary { color: #fff; background-color: #868e96; } @media (min-width: 320px) { .pm-bio-info .pm-image { background-image: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/img/PM-bio-bckg-medium.jpg");} /* w=380px */ } @media (min-width: 576px) { .pm-bio-info .pm-image { background-image: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/img/PM-bio-bckg-small.jpg");} /* w=210px */ } @media (min-width: 1024px) { .pm-bio-info .pm-image { background-image: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/img/PM-bio-bckg-medium.jpg");} /* w=350px */ } /* PM - Bio & All PMs ends ##################################### */ /* CMS Layout ##################################### */ .left-panel { border-left: 1px solid #ddd; } .right-panel { border-left: 1px solid #ddd; } /* CMS Layout ends ##################################### */ .tn-img-lists-wrapper { background-color: #fff; } .tn-img-list { width: 100%; background-color: #fff; } .tn-img-list ul { display: flex; flex-flow: row; flex-wrap: wrap; justify-content: flex-start; flex-direction: row; align-items: stretch; padding: 15px 0; margin: 0 0 15px; text-align: left; list-style: none; } .tn-img-list-item { display: block; width: 50%; /* width: 100px; */ /* max-width: 100px; */ /* margin-bottom: 15px; margin-left: 7px; padding-left: 7px; */ /* jason just added */ padding-left:30px; padding-bottom: 16px; } .tn-img-list-item a { display: block; width: 100%; /* height: -moz-available; height: -webkit-fill-available; */ padding: 0 15px; } .tn-img-list-item img { /* padding-bottom: 15px; */ box-shadow: 2px 2px 9px rgba(50,50,50,0.3); } @media screen and (min-width: 576px) and (max-width: 767px) { .tn-img-list-item { width: 100% !important; min-width: 100% !important; max-width: 100% !important; border-left: none; } .tn-img-list-item:not(:first-child) { border: none; border-top: 1px solid #ccc; padding-top: 15px; margin-top: 10px; } .tn-img-list-item a.type-pdf div:first-child:before { max-width: 20px; max-height: 20px; } } @media (max-width: 576px) { body{margin-top: 49px;} .tn-img-lists-wrapper { background-color: transparent; } .tn-img-list ul { padding-bottom: 0; } .tn-img-list-item { display: flex; min-width: 100%; padding-left: 0; padding-bottom: 15px; margin-bottom: 15px; margin-left: 0; border-left: none !important; border-bottom: 1px solid #ccc; } .tn-img-list-item:last-child { border-bottom: none; } .tn-img-list li div:first-child { width: auto; max-width: 70px; padding-left: 10px; margin: 0 auto; } .tn-img-list-item a.type-pdf div:first-child:before { bottom: -3px; left: -3px; width: 20px; height: 20px; } .tn-img-list-item a.locked div:first-child:after { font-size: 10px; right: -17px; top: 6px; } .tn-img-list li div:last-child { width: 100%; text-align: left; } .tn-img-list a { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center } .tn-img-list-item img, .tn-img-list-item div { display: inline-block; /* align-self: center; */ padding: 0; } .tn-img-list-item div { width: calc(100% - 140px); padding-left: 15px; } } .brightcove-video{ position: relative; } .bs-row-no-margin{ display: flex; flex-wrap: wrap; margin-right: 15px; } /* video name and description styling */ .brightcove-video .brightcove-video-overlay h4{margin-bottom:.125rem!important;} .brightcove-video .brightcove-video-overlay p{font-size:.8rem;} /* video description styling ends */ /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* Landscape phone */ /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ @media (min-width: 576px) { } /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* Medium tablet */ /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* // Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { } /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* Desktop */ /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* // Large devices (desktops, 992px and up) */ @media (min-width: 992px) { } /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* Extra Large Desktop */ /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* // Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { } /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* Print */ /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* // Print style sheet */ @media print{ } /* =========== IE FIX ================*/ /* ##### ######## ######## ##### ### ### ### ######## ######## ### ### ### ### ## ## ### ### ### ### ######## ######## ### ### ### ### ######## ######## ### ##### ### ## ## ### ### ### ### ######## ## ### ### ### ##### ######## #### ##### #### #### */ @media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .navbar-brand { background-image: url("../../../content/dam/dynamic/site/Dynamic-logo-bi.png") !important; background-size: 100% !important; background-position: 5px -98px !important; background-repeat: no-repeat; margin-right: 0; } .fr .navbar-brand { background-position: 0 -435px; background-size: 100% !important; } /*banner IE fix*/ .banner-wrapper { /*min-height: 140px;*/ text-align: center; /*padding: 40px 0;*/ color: #fff; background-repeat: no-repeat; background-color: #00b1db; } .page-header { display: block; /*min-height: 168px;*/ padding-top: 27px; /* overflow: auto; */ background-color: #fff; } .page-header .container { position: relative; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent !important; } .bannerAuthorInEditMode .container { /* To fix author issue */ position: relative !important; } .page-header .container > div { display: table; width: 100%; height: calc(100% - 28px); padding-top: 28px; } .page-header .container .banner { display: table-cell; vertical-align: middle; text-align: center; padding: 15px; } .page-header .pg-nav { display: block !important; position: absolute; /* top: 0; */ right: 0; bottom: 1px; left: 0; } .pg-nav .pg-nav-taggle { z-index: 100; } #pgNavTaggle{ background:purple!important; color:white!important; } .page-header .banner-wrapper h2 { font-size: 2rem; font-weight: bold; line-height: 1; } .page-header .banner-wrapper p { font-size: .9rem; font-weight: bold; } .page-header .banner-wrapper p:last-child { margin-bottom: 0; } @media (max-width: 575px) { /* small */ .page-header .pg-nav { top: 0; } .pg-nav.active .pg-nav-menu { background-color: #fff; margin-top: 28px; z-index: 100; } } /* Banner fix IE - end*/ } /* ################################### */ /* ### Landscape phone ############### */ /* ################################### */ @media only screen and (-ms-high-contrast: none) and (min-width: 576px), (-ms-high-contrast: none) and (min-width: 576px) { .navbar-brand { background-image: url("../../../content/dam/dynamic/site/DynamicFunds-logo-bi.png") !important; background-position: 0 -76px !important; background-repeat: no-repeat; margin-right:0; } .fr .navbar-brand { background-position: 0 -348px !important; } } /* ################################### */ /* ### Medium tablet ################# */ /* ################################### */ @media only screen and (-ms-high-contrast: none) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) { .navbar-brand { background-image: url("../../../content/dam/dynamic/site/Dynamic-logo-bi.png") !important; background-position: 0px -69px !important; } .fr .navbar-brand { background-position: 0 -294px !important; } } /* ################################### */ /* ### Desktop ####################### */ /* ################################### */ /* Bootstrap overrides */ /* .btn { border-radius: 0; } */ .btn:focus,.btn:active:focus,.btn.active:focus, .btn.focus,.btn:active.focus,.btn.active.focus { outline: none; box-shadow: none; } /* Bootstrap overrides ends */ /* Generic */ .btn-with-border { border: 1px solid #ccc; } /* Generic end */ body { background-color: #f7f7f7; -webkit-font-smoothing: antialiased; font-family: "Gotham 4r", "Gotham A", "Gotham B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; margin-top: 57px; } /* jason edits */ /* body p{text-shadow: rgb(255, 255, 255) 0px -1px 0px;} footer p {text-shadow:none;} */ /* jason edits ends */ /* Typography */ /* html{-webkit-font-smoothing: antialiased} */ /* fonts */ .gotham-ss-light{ font-family: "Gotham SSm 3r", "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 300; } .gotham-ss-book{ font-family: "Gotham SSm 4r", "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; } .gotham-ss-book-italic{ font-family: "Gotham SSm 4i", "Gotham SSm A", "Gotham SSm B"; font-style: italic; font-weight: 400; } .gotham-ss-narrow-book{ font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B"; font-style: normal; font-weight: 400; } .gotham-ss-xnarrow-light{ font-family: "Gotham XNarrow SSm A", "Gotham XNarrow SSm B"; font-style: normal; font-weight: 300; } .gotham-ss-xnarrow-book{ font-family: "Gotham XNarrow SSm A", "Gotham XNarrow SSm B"; font-style: normal; font-weight: 400; } .gotham-ss-medium{ font-family: "Gotham SSm 5r", "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 500; } .gotham-ss-narrow-medium{ font-family: "Gotham XNarrow SSm A", "Gotham XNarrow SSm B"; font-style: normal; font-weight: 500; } .gotham-ss-bold{ font-family: "Gotham SSm 7r", "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 700; } .gotham-ss-black{ font-family: "Gotham SSm 8r", "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 800; } /* fonts ends */ @media only screen and (max-width: 767px) { /* responsive typography */ .text-sm-narrow{ font-family: "Gotham XNarrow SSm A", "Gotham XNarrow SSm B"; font-style: normal; font-weight: 400; } #fodoterSocial{width:100%; text-align:right;} } /* responsive typography ends */ .hanging-indent{padding-left:12px!important;text-indent:-12px} /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* Medium tablet */ /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* // Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { .text-wrap{white-space: normal}/* created this class for menu sub head because dropdown-header class prevents wrapping of lines*/ .text-md-book{ font-family: "Gotham SSm 4r", "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; } .text-md-medium{ font-family: "Gotham SSm 5r", "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 500; } } h3, h4{ color: #444; font-size: 1rem; line-height: 1rem; font-weight: 800; } /* Typography ends */ /* Colours */ .text-primary{color:var(--primary-color-blue)!important} a.text-primary:hover{color:inherit!important} .text-secondary{color:#2cd7ff!important} /* .text-secondary{color:#00b1db!important} */ .text-green{color:#77b800!important} .text-grey60{color:#a7a9a9!important} .text-success{color:#77b800!important} .text-dark{color:#343a40!important} .bg-dark{background-color: var(--primary-color-black)!important} .bg-primary{background-color: var(--primary-color-blue)!important} .bg-secondary{background-color:#00b1db!important} .bg-new-blue{background-color:rgb(20,136,185)!important} .border-primary{border-color: var(--primary-color-blue)!important} .border-secondary{border-color: #00b1db!important} .border-new-blue{border-color: rgb(20,136,185)!important} .border-gray {border-color: #ccc !important} /* colours ends */ /* private investment pools brand */ body.brand-pools h1{ /* hiding the text in the h1 because we're using the logo instead */ position: absolute; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; } body.brand-pools h2{ font-size: 1rem!important; line-height: 1.125rem; font-weight: 800; margin: 16px 0 14px; text-transform:uppercase; color:#797063; } body.brand-pools h3{ font-size: 1rem; line-height: 1.125rem; font-weight: 600; margin: 10px 0 6px; } body.brand-pools p .text-lead{ color:#333; } body.brand-pools .pg-nav { z-index: 1; } body.brand-pools .pg-nav .pg-nav-item.active { border-bottom-color:#5e7a8f; } body.brand-pools .pg-nav .pg-nav-item.active:hover { color:#222!important; border-bottom-color:#5e7a8f!important; } body.brand-pools .pg-nav .pg-nav-item:hover { border-bottom-color:#395568; } @media (max-width: 575px) { /* small */ body.brand-pools .pg-nav .pg-nav-item { border-bottom-color: transparent; } body.brand-pools .pg-nav .pg-nav-item, body.brand-pools .pg-nav .pg-nav-item.active, body.brand-pools .pg-nav .pg-nav-item:hover { color: #222; font-weight:500; border-bottom:4px solid transparent; border-top:4px solid transparent; border-left:3px solid transparent; } body.brand-pools .pg-nav .pg-nav-item.active { border-bottom:none; border-top:none; border-left:3px solid #5e7a8f; color:#222; font-weight:700; } body.brand-pools .pg-nav .pg-nav-item.active:hover { color:#222!important; } } body.brand-pools .btn.btn-primary { color:#FFF; background: #5e7a8f!important; border-color: #5e7a8f!important; font-weight:500; } body.brand-pools .btn.btn-primary:hover { background: #395568!important; border-color: #395568!important; } body.brand-pools section.icon-list .svg-inline--fa{ color:#797063; } body.brand-pools .plain-list a, body.brand-pools .icon-list a, body.brand-pools .tn-img-list-item a, body.brand-pools .pm-funds-list a { color:#395568; } body.brand-pools .banner-wrapper { min-height: 100px; padding: 10px; color: #333; background-repeat: no-repeat; background-color: #DDD; } /*body.brand-pools .banner img{height:150px;}*/ body.brand-pools .tn-img-list-item a.type-pdf div:first-child:before { content: ""; position: absolute; bottom: 0; left: -5px; width: 20px; height: 20px; background-image: url('../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/img/type-pdf-solid-pools.svg'); background-repeat: no-repeat; background-size: contain; } body.brand-pools .card-deck-v1 .card:hover{ transform: none; } body.brand-pools .card-deck .links-wrapper a{ color:#395568; } /* private investment pools brand ends */ /* active alternatives brand */ body.brand-alts h1{ font-size: 2.25rem!important; line-height: 2.125rem; text-align: center!important; font-weight: 800!important; /* modify the following for smaller breakpoints when text wraps to two lines*/ padding-top: 1.75rem; padding-bottom: 2rem; } body.brand-alts h2{ color:var(--primary-color-black); } body.brand-alts .cmp-accordion__panel{ padding-top: 2rem; } /* body.brand-alts h3{ font-size: 1rem; line-height: 1.125rem; font-weight: 600; margin: 10px 0 6px; color:var(--primary-color-blue); } */ body.brand-alts p .text-lead{ color: var(--primary-color-dark-grey); font-weight: 650; } body.brand-alts .pg-nav { z-index: 1; } body.brand-alts .pg-nav .pg-nav-item.active { border-bottom-color:var(--primary-color-blue); } body.brand-alts .pg-nav .pg-nav-item.active:hover { color:var(--primary-color-blue)!important; } body.brand-alts .pg-nav .pg-nav-item{ color:var(--primary-color-blue); } body.brand-alts .pg-nav .pg-nav-item:hover { border-bottom-color:var(--primary-color-blue); color:var(--primary-color-blue); } p.fund-table-header-odd, p.fund-table-header-even { border: 1px solid #FFFFFF !important; background-color: #161616 !important; color: #FFFFFF !important; } p.fund-table-header-odd a, p.fund-table-header-even a { text-decoration: underline !important; color: #FFFFFF !important; } p.fund-table-header-odd a:hover, p.fund-table-header-even a:hover { text-decoration: none !important; } @media (max-width: 575px) { /* small */ body.brand-alts .pg-nav .pg-nav-item { border-bottom-color: transparent; } body.brand-alts .pg-nav .pg-nav-item, body.brand-alts .pg-nav .pg-nav-item.active, body.brand-alts .pg-nav .pg-nav-item:hover { color: var(--primary-color-blue); font-weight:500; border-bottom:4px solid transparent; border-top:4px solid transparent; border-left:3px solid transparent; } body.brand-alts .pg-nav .pg-nav-item.active { border-bottom:none; border-top:none; border-left:3px solid #0081a0; color:var(--primary-color-blue); font-weight:700; } body.brand-alts .pg-nav .pg-nav-item.active:hover { color:var(--primary-color-blue)!important; } } body.brand-alts .btn.btn-primary { /* color:#FFF; background: #5e7a8f; border-color: #5e7a8f; */ font-weight:500; } body.brand-alts .btn.btn-primary:hover { /* background: #395568; border-color: #395568; */ } body.brand-alts section.icon-list .svg-inline--fa{ /*color:#797063;*/ } body.brand-alts .plain-list a, body.brand-alts .icon-list a, body.brand-alts .tn-img-list-item a, body.brand-alts .pm-funds-list a { /*color:#395568;*/ } body.brand-alts .banner-wrapper { min-height: 170px; /* min-height should be adjusted for responsive - 170px is for big screens*/ padding: 10px; color: #333; background-repeat: no-repeat; background-color: #DDD; } body.brand-alts .banner img{height:150px;} body.brand-alts .tn-img-list-item a.type-pdf div:first-child:before { content: ""; position: absolute; bottom: 0; left: -5px; width: 20px; height: 20px; background-image: url('../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/img/type-pdf-solid.svg'); background-repeat: no-repeat; background-size: contain; } body.brand-alts .card-deck-v1 .card:hover{ transform: none; } /* active alternatives brand ends */ /* marquis brand */ body.brand-marquis h1{ /* hiding the text in the h1 because we're using the logo instead */ position: absolute; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; } body.brand-marquis h2{ font-size: 1rem; line-height: 1.125rem; font-weight: 800; margin: 16px 0 14px; text-transform:uppercase; color:#3A444D; } body.brand-marquis h3{ line-height: 1.125rem; font-weight: 600; margin: 10px 0 6px; color: var(--primary-color-black); } body.brand-marquis p .text-lead{ color:#3A444D; } body.brand-marquis .pg-nav { z-index: 1; } body.brand-marquis .pg-nav .pg-nav-item.active { border-bottom-color:#5e7a8f; } body.brand-marquis .pg-nav .pg-nav-item.active:hover { color:#222!important; border-bottom-color:#5e7a8f!important; } body.brand-marquis .pg-nav .pg-nav-item:hover { border-bottom-color:#395568; } @media (max-width: 575px) { /* small */ body.brand-marquis .pg-nav .pg-nav-item { border-bottom-color: transparent; } body.brand-marquis .pg-nav .pg-nav-item, body.brand-marquis .pg-nav .pg-nav-item.active, body.brand-marquis .pg-nav .pg-nav-item:hover { color: #222; font-weight:500; border-bottom:4px solid transparent; border-top:4px solid transparent; border-left:3px solid transparent; } body.brand-marquis .pg-nav .pg-nav-item.active { border-bottom:none; border-top:none; border-left:3px solid #5e7a8f; color:#222; font-weight:700; } body.brand-marquis .pg-nav .pg-nav-item.active:hover { color:#222!important; } } body.brand-marquis .btn.btn-primary { color:#FFF; background: #3A444D!important; border-color: #3A444D!important; font-weight:500; } body.brand-marquis .btn.btn-primary:hover { background: #3A444D!important; border-color: #3A444D!important; } body.brand-marquis section.icon-list .svg-inline--fa{ color:#80712F; } body.brand-marquis .plain-list a, body.brand-marquis .icon-list a, body.brand-marquis .tn-img-list-item a, body.brand-marquis .pm-funds-list a { color:#395568; } body.brand-marquis .banner-wrapper { min-height: 170px; /* min-height should be adjusted for responsive - 170px is for big screens*/ padding: 10px; color: #333; background-repeat: no-repeat; background-color: #DDD; } body.brand-marquis .tn-img-list-item a.type-pdf div:first-child:before { content: ""; position: absolute; bottom: 0; left: -5px; width: 20px; height: 20px; background-image: url('../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/img/type-pdf-solid-marquis.svg'); background-repeat: no-repeat; background-size: contain; } body.brand-marquis .card-deck-v1 .card:hover{ transform: none; } body.brand-marquis .card-deck .links-wrapper a{ color:#395568; } /* marquis brand ends */ /* marquis institutional solutions brand */ body.brand-marquis-is h1{ /* hiding the text in the h1 because we're using the logo instead */ position: absolute; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; } body.brand-marquis-is h2{ font-size: 1rem!important; line-height: 1.125rem; font-weight: 800; margin: 16px 0 14px; text-transform:uppercase; color:#3A444D; } body.brand-marquis-is h3{ font-size: 1rem; line-height: 1.125rem; font-weight: 600; margin: 10px 0 6px; color: #80712F; } body.brand-marquis-is p .text-lead{ color:#3A444D; } body.brand-marquis-is .pg-nav { z-index: 1; } body.brand-marquis-is .pg-nav .pg-nav-item{color:#E2DAB1;} body.brand-marquis-is .pg-nav .pg-nav-item.active { border-bottom-color:#fff; color:#f8f8f8; } body.brand-marquis-is .pg-nav .pg-nav-item.active:hover { color:#f8f8f8!important; border-bottom-color:#fff!important; } body.brand-marquis-is .pg-nav .pg-nav-item:hover { border-bottom-color:#CFC7A3!important; color:#E2DAB1!important; } @media (max-width: 575px) { /* small */ body.brand-marquis-is .pg-nav .pg-nav-item { border-bottom-color: transparent; } body.brand-marquis-is .pg-nav .pg-nav-item, body.brand-marquis-is .pg-nav .pg-nav-item.active, body.brand-marquis-is .pg-nav .pg-nav-item:hover { color: #222; font-weight:500; border-bottom:4px solid transparent; border-top:4px solid transparent; border-left:3px solid transparent; } body.brand-marquis-is .pg-nav .pg-nav-item.active { border-bottom:none; border-top:none; border-left:3px solid #5e7a8f; color:#222; font-weight:700; } body.brand-marquis-is .pg-nav .pg-nav-item.active:hover { color:#222!important; } } body.brand-marquis-is .btn.btn-primary { color:#FFF; background: #3A444D!important; border-color: #3A444D!important; font-weight:500; } body.brand-marquis-is .btn.btn-primary:hover { background: #3A444D!important; border-color: #3A444D!important; } body.brand-marquis-is section.icon-list .svg-inline--fa{ color:#80712F; } body.brand-marquis-is .plain-list a, body.brand-marquis-is .icon-list a, body.brand-marquis-is .tn-img-list-item a, body.brand-marquis-is .pm-funds-list a { color:#395568; } body.brand-marquis-is .banner-wrapper { min-height: 170px; /* min-height should be adjusted for responsive - 170px is for big screens*/ padding: 10px; color: #333; background-repeat: no-repeat; background-color: #DDD; } body.brand-marquis-is .tn-img-list-item a.type-pdf div:first-child:before { content: ""; position: absolute; bottom: 0; left: -5px; width: 20px; height: 20px; background-image: url('../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/img/type-pdf-solid-marquis.svg'); background-repeat: no-repeat; background-size: contain; } body.brand-marquis-is .card-deck-v1 .card:hover{ transform: none; } body.brand-marquis-is .card-deck .links-wrapper a{ color:#395568; } /* marquis institutional solutions brand ends */ /* active etfs product brand */ body.brand-etfs h1{ font-size: 2.25rem!important; line-height: 2.125rem; text-align: center!important; font-weight: 900!important; color:#444!important; /* modify the following for smaller breakpoints when text wraps to two lines*/ padding-top: 0.75rem; padding-bottom: 1rem; } body.brand-etfs h2{ margin: 16px 0 14px; text-transform:none; color:var(--primary-color-black); } body.brand-etfs h3{ margin: 10px 0 6px; color:var(--primary-color-black); } body.brand-etfs .cmp-title { padding: 0; } body.brand-etfs p .text-lead{ color:var(--primary-color-blue); } body.brand-etfs .pg-nav { z-index: 1; } body.brand-etfs .pg-nav .pg-nav-item.active { border-bottom-color:var(--primary-color-blue); } body.brand-etfs .pg-nav .pg-nav-item.active:hover { color:var(--primary-color-white)!important; border-bottom-color:var(--primary-color-blue); /*border-bottom-color:var(--primary-color-blue)!important;*/ /* this should not change */ } body.brand-etfs .pg-nav .pg-nav-item{ color:var(--primary-color-blue); } body.brand-etfs .pg-nav .pg-nav-item:hover { border-bottom-color:var(--primary-color-blue); color:var(--primary-color-blue); } @media (max-width: 575px) { /* small */ body.brand-etfs .pg-nav .pg-nav-item { border-bottom-color: transparent; } body.brand-etfs .pg-nav .pg-nav-item, body.brand-etfs .pg-nav .pg-nav-item.active, body.brand-etfs .pg-nav .pg-nav-item:hover { color: var(--primary-color-blue); font-weight:500; border-bottom:4px solid transparent; border-top:4px solid transparent; border-left:3px solid transparent; } body.brand-etfs .pg-nav .pg-nav-item.active { border-bottom:none; border-top:none; border-left:3px solid #0081a0; color:var(--primary-color-blue); font-weight:700; } body.brand-etfs .pg-nav .pg-nav-item.active:hover { color:var(--primary-color-blue)!important; } } body.brand-etfs .btn.btn-primary { /* color:#FFF; background: #5e7a8f; border-color: #5e7a8f; */ font-weight:500; } body.brand-etfs .btn.btn-primary:hover { /* background: #395568; border-color: #395568; */ } body.brand-etfs section.icon-list .svg-inline--fa{ /*color:#797063;*/ } body.brand-etfs .plain-list a, body.brand-etfs .icon-list a, body.brand-etfs .tn-img-list-item a, body.brand-etfs .pm-funds-list a { /*color:#395568;*/ } body.brand-etfs .banner-wrapper { min-height: 170px; padding: 10px; color: #333; background-repeat: no-repeat; background-color: #DDD; } body.brand-etfs .card-deck-v1 .card:hover{ transform: none; } /* active etfs product brand ends */ /* general override begins */ .btn-secondary { color: #333; background-color: #fff; font-weight:500; border-color:#999999; } section.icon-list .svg-inline--fa{ color:#558300; } /* general override ends */ /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* Medium tablet */ /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* // Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { .bg-md-white{background-color: #fff!important} .text-md-primary{color:var(--primary-color-blue)!important} .text-md-dark{color:#343a40!important} } /* Colours ends */ /* Site alert */ #siteAlert { font-size: .8rem; /* line-height: 1rem; */ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; /* line-height: 1rem; */ /* z-index: 1029; */ /* position: fixed; */ top: 0; } #siteAlert button.close{ padding: .25em 1.25rem .65rem!important; } .alert { border-radius: 0; } .alert-link { text-decoration: underline; } .alert-link:hover { text-decoration:none; } .site-alert{ margin-top: 48px } /* Site alert */ /* Main-menu */ .main-menu { position: fixed !important; top: 0; } .site-alert .main-menu { top: 47px; } .main-menu a.nav-link{ font-size:.8rem;line-height:.8rem } .btn-search { min-width: 30px; min-height: 30px; } /* active menu state mobile */ .main-menu .mega-menu li.nav-item.active a{text-decoration:underline} .main-menu .mega-menu li.nav-item.active ul.dropdown li.nav-item a{text-decoration:none!important;opacity:1} /* active menu state mobile ends */ .dropdown-header{font-size:.75rem} .navbar-brand {background-image:url('../../../content/dam/dynamic/site/Dynamic-logo-bi.svg');background-size:300%;background-position: -170px -90px;background-repeat: no-repeat;margin-right:0;} .fr .navbar-brand {background-size:315%;background-position: -213px -355px} #dynamicLogo{width:150px;height:10px} .fr #dynamicLogo{width:175px;} .navbar-btn{background-color:var(--primary-color-blue);border:none;color:#b2c9d9;font-size: .8rem;line-height: .8rem;} .btn-sign-in{background-color:rgb(23, 114, 160)} /* .btn-sign-in{margin-top:.5rem;background-color:rgb(23, 114, 160)} */ img.ad{width: 160px;height: 80px;background-color: #f7f7f7;border: none;font-weight:normal;font-size: .8rem;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"} .main-menu .nav-item.dropdown {font-weight:600;} /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* navbar toggler */ /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ .navbar-toggler{border-color:transparent!important} .lines-button { padding: 0 1rem 1rem 1rem;margin-left:-1rem; /* padding: .25rem 1rem 1rem 1rem;margin-left:-1rem; */ transition: .3s; cursor: pointer; user-select: none; border-radius: 0; display:inline-block; font-size:1rem; line-height:1; font-weight:500; } .lines-button:active { transition: 0 } .lines { display: inline-block; width: 1rem; height: .125rem; background: #ecf0f1; border-radius: .128571rem; transition: .3s; position: relative; border: 1px solid transparent; } .lines:after, .lines:before { display: inline-block; width: 1rem; height: .125rem; background: #ecf0f1; border-radius: .128571rem; transition: .3s; position: absolute; left: -.05rem; content: ''; -webkit-transform-origin: top left; transform-origin: top left } .lines:before { top: .3rem } .lines:after { top: -.4rem } .lines-button.close { padding: .25rem 1rem 1rem 1rem;margin-left:-1rem!important; font-size:1rem; line-height:1; font-weight:500; margin:0; border:0;float:left;opacity:1; border: 1px solid transparent; } .lines-button.x.close .lines { background: 0 0 } .lines-button.x.close .lines:after, .lines-button.x.close .lines:before { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; /* width: 2rem */ width: 1.2rem } .lines-button.x.close .lines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg) } .lines-button.x.close .lines:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg) } /* navbar toggler ends */ /* only adding this temporarily - we need to address page padding-top when site alert is present...*/ /*header.page-header{padding-top:28px;}*/ /*header{margin-bottom:10px;}*/ .banner-wrapper { min-height: 200px; /*padding: 40px 0;*/ padding: 0 0; color: #333; background-repeat: no-repeat; background-color: #eee; } /* .page-header .banner-wrapper h2 { font-size: 2rem; font-weight: bold; line-height: 1; } */ /*.page-header .banner-wrapper h2 { color: #444; font-weight: 800; font-size: 1rem; line-height: 1rem; }*/ .banner h1{font-weight:500!important;} .page-header .banner-wrapper p { font-size: 1rem; line-height: 1.4rem; font-weight: normal; text-align:center; } .page-header .banner-wrapper p a{ border-bottom:none; text-decoration:underline; } .page-header .banner-wrapper p a:hover{ background:none; border-bottom:none; text-decoration:none; } .main-content { margin-top: 47px; background-color: #FFFFFF; /*padding-bottom: 2rem;*/ } .navbar-brand {width:125px!important;background-size:420%!important;background-position:-387px -105px!important} #mainMenu .cmp-image{margin: 0 auto;} /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* Landscape phone */ /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ @media (max-width: 900px) and (orientation: landscape){ #siteAlert, .site-alert .main-menu, .main-menu { position: fixed !important; /* this makes the main menu sticky in landscape phone */ } body {margin-top: 0;} .main-menu { top: 0 !important; } /*.main-content { margin-top: 0 !important; }*/ } @media (max-width: 575px) and (orientation: portrait) { #siteAlert, .site-alert .main-menu, .main-menu { position: fixed !important; } #siteAlert { top: 0; } .site-alert .main-menu { top: 58px; } .site-alert .main-content { margin-top: 106px; } .page-header .banner-wrapper p { display: none } .main-content { margin-top: 47px; } } @media (min-width: 576px) { .mega-menu .dropdown-menu.mega-menu .border-sm-right { border-right:1px solid #dee2e6 !important; } .navbar-brand {width:150px!important;background-size:300%!important;background-position:-168px -85px!important} } /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* Medium tablet */ /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* // Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { #siteAlert, .main-menu { /* position: fixed; */ } #siteAlert { width: 100%; } .site-alert .main-menu { top: 44px; } .site-alert .main-content { margin-top: 44px; } nav.navbar.fixed-top{position:fixed} /* this makes the main menu sticky again */ ul.mega-menu .dropdown-menu {width: 100%} ul.mega-menu .dropdown {position: static;} /* Adobe div class "cmp-image en" is overwriting my custom styles at tablet portrait orientation - therefore I've had to use !important class */ .navbar-brand {width:150px!important;background-size:550%!important;background-position:-320px -175px!important} .fr .navbar-brand {background-size:450%;background-position: -415px -355px} #dynamicLogo{width:100px;height:10px} .fr #dynamicLogo{width:125px} .fr .btn-sign-in span{font-size: 80%;} .lang-menu {position:absolute;top: -6px} .lang-menu a {position:relative;left:501px} .fr .lang-menu a {position:relative;left:510px} #mainMenu .mega-menu li.nav-item{border-bottom:4px solid transparent;} #mainMenu .mega-menu li.nav-item.show ul.navbar-nav li.nav-item{border-bottom:none} #mainMenu .mega-menu li.nav-item.active a{text-decoration:none;opacity:1} #mainMenu .mega-menu li.nav-item.active{border-bottom:4px solid white} #mainMenu .mega-menu li.nav-item.show{background-color: white;border-bottom:4px solid white} #mainMenu .mega-menu li.nav-item.show > .nav-link{color:var(--primary-color-blue)} .mega-menu .dropdown-menu.mega-menu {box-shadow: 0 5px 6px hsla(205,76%,20%,0.3);} .mega-menu .dropdown-menu.mega-menu .border-md-right {border-right:1px solid #dee2e6!important} .mega-menu .dropdown-menu.mega-menu .border-md-light {border-color: #dee2e6!important} #mainMenu ul.mega-menu div.dropdown-menu ul li a.nav-link:hover, div#searchDiv a.nav-link:hover, ul #ui-id-1 li.ui-menu-item span:hover, nav#mainMenu .nav-mega li.nav-item.active ul.dropdown li.nav-item a:hover{text-decoration:underline!important} /* .mega-menu{min-height: 180px;} */ } /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* Desktop */ /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* // Large devices (desktops, 992px and up) */ @media (min-width: 992px) { .lang-menu a {left:580px} .fr .lang-menu a {left:630px} .navbar-brand {background-size:300%!important;background-position: -19px -95px!important;width:150px!important;} .fr .navbar-brand {background-size:320%!important;background-position: -22px -365px!important;width:175px!important;} #dynamicLogo{width:150px} .fr #dynamicLogo{width:175px} } /* Main-menu */ /* Sarch-pannel */ .search-panel { /* position relative when "alert" is issued, so it scrolls with navigation; */ position: fixed; z-index: 1333; top: 98px; /* if I put !important on here it stops working *//* dynamicaly calculated for position:fixed */ /* top: 56px; */ /* dynamicaly calculated for position:fixed */ width: 100%; background-color: rgb(231,238,244); border: 1px solid #ccc; } .alert .search-panel { position: relative; } .search-form { padding: .4rem 0; background-color: #fff; } .search-input { display: inline-block; width: calc(100% - 1.5rem); border: none; padding-left: 0; padding-right: 0; } .clear-search-input-wrapper { display: inline-block; } .clear-search-input { padding: .4rem 0; } .search-results { padding-top: 1rem; padding-bottom: 1rem; background-color: rgb(231,238,244); } .search-results h6, .search-results a { font-size: .9rem; } .search-results .nav-item { line-height: 1.1; padding-bottom: .5rem; } .search-results .nav-item:last-child { padding-bottom: 0; } .search-results a { padding-left: 0; padding-right: 3rem; } /* Sarch-pannel ends */ /* Cards */ /* Cards bootstrap overrides */ .card, .card-img-top, .card-img-bottom { border-radius: 0;} /* Cards bootstrap overrides ends */ .card-deck .card { margin-top: 15px; margin-bottom: 15px; font-size: .8rem; line-height: 1.2; color: #444; } .card-deck a { cursor: pointer; height: 100% !important; /*width: 100% !important;*/ } .card-deck a:hover { text-decoration: none; } .card-deck .card.w-25 { width: calc(25% - 21px) !important; min-width: calc(25% - 21px); max-width: calc(25% - 21px); } .card-deck .card.w-33 { width: calc(33.33% - 21px) !important; min-width: calc(33.33% - 21px); max-width: calc(33.33% - 21px); } .card-deck .card.w-50 { width: calc(50% - 21px) !important; min-width: calc(50% - 21px); max-width: calc(50% - 21px); } .card-deck .card.w-67 { width: calc(100% - 21px) !important; min-width: calc(100% - 21px); max-width: calc(100% - 21px); } .card-deck .card-img-wrapper { position: relative; } .card-deck .card-img-side { display: none; } .card-img-wrapper .card-img-tag { position: absolute; background: rgba(0, 0, 0, 0.625); border-radius: 5px; bottom: 13px; display: block; font-size: .7rem; font-weight: 400; height: auto; left: 15px; margin-right: 15px; line-height: 1.25rem; padding: 0 .4rem ; color:white } .card-img-poster .card-img-badge, .card-img-wrapper .card-img-badge { position: absolute; top: 0; right: 0; width: 35px; height: 40px; text-align: center; color: #fff; font-size:.8rem; line-height: .8rem; padding-right: 2px; padding-top: 6px; padding-left: 12px; background-image: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/img/CE-starburst_3x.png"); background-repeat: no-repeat; background-size: 35px; background-position: top left; font-weight:600; } .card-deck .card-text { font-size: .8rem; margin-bottom: .4rem; } .card-deck .card-note { font-size: .7rem; margin-bottom: 0; padding: .4rem 0 0; opacity: .5; } .card-deck p:only-of-type, .card-deck p:last-of-type { margin-bottom: .7rem; } .card-two-cta p { padding-bottom: 1.2rem; } .card-deck .links-wrapper { position: absolute; bottom: 0; left: 0; background-color: #fff; padding: 0; font-size: .65rem; line-height: 1.1; text-align: center; display: table; width: 100%; border-top: 1px solid white; } .card-deck .links-wrapper a:last-child { border-right: none; } .card-deck .card-footer a:last-child { border-right: none; } .card-img-poster { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url("../../../content/dam/dynamic/site/dummy for card-img-poster.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 120px; } .card-img-poster img { visibility: hidden; } .card-img-poster + .card-body { position: absolute; bottom: 0; width: 100%; background-color: rgba(255, 255, 255, .7); } .card-img-poster + .card-body h2 { margin-bottom: 0; text-shadow: 1px 2px 2px #fff; } @media screen and (max-width: 575px) and (orientation: portrait){ .card-deck .card.w-25, .card-deck .card.w-33, .card-deck .card.w-50, .card-deck .card.w-67 { max-width: 100%; min-width: 100%; } .card .anchor-replacement:only-child { display: table; } .card .card-img-wrapper, .card .card-body { display: table-cell; vertical-align: top; } /* w-50 card on phones */ .card.w-50 .card-img-wrapper{ display: table; } .card.w-50 .card-body, .card.w-50 .link-wrapper { position: relative; display: table-row; width: 100%; } .card.w-50 .card-body-back { position: absolute; display: table-row; width: 100%; } .card.w-50 .card-body h2 { margin: 1rem; } .card.w-50 .card-body p { margin: .4rem 1rem; } .card.w-50 .card-body-back h2 { margin: 0rem; } .card.w-50 .card-img-wrapper { position: relative; width: 100% !important; min-width: 100% !important; max-width: 100% !important; } .card.w-50 img.card-img-top { display: block !important; } .card.w-50 img.card-img-side { display: none !important; } .card.w-50 .card-img-wrapper .card-img-tag { /* bottom: 40px; */ } .card-deck .card.w-50 .links-wrapper { display: table; position: relative; left: 0; width: 100%; } /* w-50 card on phones ends */ .card p.card-text { display: none; } .card p.card-note { padding-top: 0; margin-bottom: 0; } .card .card-img-wrapper, .card .card-img-side { height: 120px !important; width: 120px !important; max-height: 120px !important; max-width: 120px !important; min-height: 120px !important; min-width: 120px !important; } .card img.card-img-top { display: none } .card img.card-img-side { display: block; } .card .anchor-replacement { display: table; } .card-deck p:only-of-type, .card-deck p:last-of-type { margin-bottom: .4rem; } .card-deck .links-wrapper { width: calc(100% - 120px); left: 120px; } .card-img-poster { position: relative; } .card-img-poster + .card-body { background-color: rgba(255, 255, 255, .7); padding: .6rem 1.25rem; } } @media screen and (min-width: 576px) and (max-width: 767px) { .card-deck .card.w-25 { width: calc(50% - 20px) !important; min-width: calc(50% - 20px) !important; max-width: calc(50% - 20px) !important; } } @media screen and (max-width: 900px) and (orientation: landscape){ } /* Cards ends */ /* Breadcrumbs */ /* Bootstrap breadcrumbs override */ .breadcrumb { padding: .75rem 0rem; } .breadcrumb-item+.breadcrumb-item { padding-left: 0; } .breadcrumb { margin-bottom: 0; } .breadcrumb { background-color: #fff; border-radius: 0; font-size: 80%; } .breadcrumb-item+.breadcrumb-item::before { position: relative; font-size: 1.2rem; line-height: 0; bottom: -0.1rem; /* content: ">"; */ content: "\203A"; padding-right: .25rem; padding-left: .15rem; } /* // Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { .breadcrumb { /* font-family:"Gotham 4r", "Gotham A", "Gotham B", -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; */ } } /* Breadcrumbs end */ /* Footer */ .footer-wrapper { background-color: #fff; } footer .page-footer { background-color: var(--primary-color-black); min-height: 200px; color: white; /*background-image: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/img/footer.png");*/ /* background-image: url("../../../etc/designs/dynamic/img/footer.png"); */ background-size: 150%; background-position: center top; background-repeat: no-repeat; padding: 0 0 30px 0; } footer hr { border-top: 1px solid #00b1db; } footer ul { margin: 0; padding: 0; list-style: none; font-size: .8rem; line-height: 1.75rem } footer ul li:last-child {padding-bottom:1rem} footer ul li a {color:white;} .special { background-color: transparent; border: none; border-bottom: 1px solid #f7f7f7; border-radius: 0; border-top: 1px solid #444; color: #444; font-size: 90%; font-weight: bold; padding: 14px 0; text-align: left; width: 100%; } footer .btn { } footer .btn-basic { background-color: transparent; border: none; border-top: 1px solid rgba(255, 255, 255, 0.25); border-radius: 0; color: #fff; font-weight: 600; padding: 11px 0; text-align: left; width: 100%; font-size: 0.8rem; } .drawer { margin-bottom: 8px; } footer .btn-basic .fa-plus { margin-left: 1rem; transition: .3s transform ease-in-out; transform: rotate(45deg); } footer .btn-basic.collapsed .fa-plus { transform: rotate(0deg); } footer div.social-links span { font-size: .8rem; line-height: 1.5; margin-bottom: 0; font-weight:500; } footer hr { height: 1px !important; color: rgba(255, 255, 255, .25); background-color: rgba(255, 255, 255, .25); border: none; } footer .social-links p { margin-bottom: 0rem; color: white; } footer .social-links a { color: #fff !important; padding: .55rem .45rem; } footer .social-links a:last-child { padding-right: 0; } footer .copyright { border-top: 1px solid rgba(255,255,255, .25); padding: .5rem 0; font-size: .7rem; color: white; } @media (min-width: 575px) { footer .page-footer { padding: 0; } } @media (min-width: 768px) { /*footer [id^='footer'] { display:block; }*/ footer .btn-basic{ border: none; padding: 0; width: 100%; } footer .btn-basic, footer .btn-basic.collapsed { /* border-bottom: 1px solid transparent; */ border-top: none; } } /* Footer ends */ /* BANNER ##################################### */ .page-header { position: relative; background: #fff; } @media (min-width: 991px){ .page-header h1, .page-header h1.cmp-title__text { padding-bottom: 2.25rem; padding-top: 2rem; margin: 0; font-size: 3rem!important; line-height: 3.125rem; text-align:center!important; font-weight: 800; /* OLD font-size: .9rem; font-weight: 900; line-height: 1.1; padding-top: 5px; */ } } .pg-nav .pg-nav-item { padding: 2px 1rem; border-bottom: 4px solid transparent; text-decoration: none; color: #222; font-weight:500; font-size:.9rem; } .pg-nav .pg-nav-item:hover { border-bottom:4px solid var(--primary-color-blue); color:#000!important; } .pg-nav .pg-nav-item.active{ color: var(--primary-color-black); font-weight:600; border-bottom-color: var(--primary-color-blue); } .pg-nav .pg-nav-item.active:hover { cursor:default; color:#222!important; /*border-bottom:4px solid #0081A0;*/ } .pg-nav .pg-nav-taggle { padding: 0 15px 0 0; } .pg-nav .pg-nav-taggle .chevron { position: relative; width: 30px; height: 28px; } .pg-nav .pg-nav-taggle .chevron:before { position: absolute; top: 0; left: 0; width: 30px; height: 28px; font-family: "Font Awesome 5 Pro"; font-size: .8rem; line-height: 2; content: "\f078"; } .pg-nav.active .pg-nav-taggle .chevron:before { content: "\f077"; } .pg-util { display: inline-block; float: right; } .pg-util ul { display: inline-block; list-style: none; margin: 0; padding: 0; padding-top: 2px; } .pg-util li { display: inline-block; padding: 0 4px; } .pg-util button { background-color: #fff; border: none; border-radius: 0; color: #666; font-size: .8rem; line-height: 1; width: 30px; height: 28px; padding: 6px 2px; /* border: 1px solid red; */ } .pg-util button:before { font-family: "Font Awesome 5 Pro"; font-size: .8rem; content: ""; font-weight: 300; } .pg-util button.pg-bookmark:before {content: "\f02e";} .pg-util button.pg-like:before {content: "\f164";} .pg-util button.pg-comment:before {content: "\f27a";} .pg-util button.pg-subscribe:before {content: "\f0f3";} .pg-util button.pg-print:before {content: "\f02f";} .pg-util button.tools-share-toggle:before {content: "\f064";} .pg-util button.pg-bookmark:hover:before, .pg-util button.pg-like:hover:before, .pg-util button.pg-comment:hover:before, .pg-util button.pg-subscribe:hover:before, .pg-util button.pg-print:hover:before, .pg-util button.tools-share-toggle:hover:before {font-weight: 900;} .pg-util .tools-share button { color: #c2c2c2; } .pg-util button:hover, .pg-util button:focus, .pg-util button:active, .pg-util button.active { background-color: #fff !important; border-color: transparent !important; box-shadow: none !important; color: #77b800 !important; } .pg-util .divader { border-left: 1px solid #ccc; vertical-align: middle; height: 22px; } .tools-share-toggle, .tools-share h6, .tools-share span.label { display: none; } .tools-share h6 { font-size: .7rem; } @media (max-width: 575px) { /* small */ .pg-nav .pg-nav-item { /*color: green;*/ border-bottom-color: transparent; } .pg-nav .pg-nav-item, .pg-nav .pg-nav-item.active, .pg-nav .pg-nav-item:hover { color: var(--primary-color-blue); font-weight:500; border-bottom:4px solid transparent; border-top:4px solid transparent; border-left:3px solid transparent; } .pg-nav .pg-nav-item.active { border-bottom:none; border-top:none; border-left:3px solid #0081A0; color:var(--primary-color-blue); font-weight:700; /* in page navigation mobile drop down */ } .pg-nav .pg-nav-item.active:hover { color:var(--primary-color-blue)!important; } .pg-util { position: fixed; border-top: 1px solid #ccc; padding: 5px 15px 5px 0; bottom: 0; left: 0; background: #fff; width: 100%; z-index: 100; } .pg-util .divader { display: none; } .tools-share-toggle { display: inline-block; } li.tools-share { display: none; position: fixed; bottom: 36px; right: 15px; width: 120px; background-color: #fff; border: 1px solid #ccc; padding: 10px; } ul.tools-action {padding: 0 15px;} .tools-share:after, .tools-share:before { top: 100%; left: 80%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .tools-share:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 10px; margin-left: -10px; } .tools-share:before { border-color: rgba(204, 204, 204, 0); border-top-color: #ccc; border-width: 11px; margin-left: -11px; } .tools-share h6, .tools-share li { display: block; } .tools-share button { width: 100%; text-align: left; color: #666 !important; } .tools-share li i, .tools-share li .label { display: inline-block; } .tools-share li .label { padding-left: 10px; } } @media (max-width: 575px) { /* small */ .pg-nav-menu { position: relative; display: none; width: 100%; } .pg-nav-menu:before { position: absolute; width: calc(100% + 30px); height: 1px; top: 0; left: -15px; content: ""; border-top: 1px solid #ccc; } .pg-nav .pg-nav-item { display: block; width: inherit; } .pg-nav .pg-nav-taggle { display: inline-block; float: right; } .pg-nav .pg-nav-taggle { display: block; position: absolute; right: 0; top: 0; /*-webkit-appearance: none;*/ background-color:transparent!important; } .pg-nav.active .pg-nav-menu { display: block; width: inherit; } .pg-nav:not.active .pg-nav-menu { display: none; } .tools-share ul {width: 100%;} } @media (min-width: 576px) { .pg-nav { max-width: 540px;} } @media (min-width: 768px) { .pg-nav { max-width: 720px;} } @media (min-width: 992px) { .pg-nav { max-width: 960px;} } @media (min-width: 1200px) { .pg-nav { max-width: 1140px;} } @media (min-width: 992px) { .vendor-page .page__container { max-width: 960px !important; padding: 0 1rem 30px;} } @media (min-width: 1200px) { .vendor-page .page__container { max-width: 1140px !important;} } @media (min-width: 1400px) { .vendor-page .page__container { max-width: 1264px !important;} } @media (min-width: 576px) { /* tablet */ .pg-nav { display: block !important; position: absolute; margin-left: auto; margin-right: auto; bottom: 0; right: 0; left: 0; padding: 0 15px; text-align: right; } .pg-nav .pg-nav-taggle { display: none; } .pg-nav .pg-nav-menu { display: block; height: 26px; } } /* BANNER ends ################################ */ /* READ MORE feature ##################################### */ div.cmp-readmore div.cmp-readmore__pane--collapsed { height: 100px; overflow: hidden; } div.cmp-readmore div.cmp-readmore__pane--expanded { height: 100%; overflow-x: hidden; /*horizontal*/ overflow-y: auto; /*vertical*/ } div.cmp-readmore div.cmp-readmore__button { position: relative; margin-top: -100px; width: 100%; background-color: red; bottom: 0; padding: 8em 0 0em; text-align: center; background: rgba(247,247,247,0); background: -moz-linear-gradient(top, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 60%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,247,247,0)), color-stop(60%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 60%); background: -o-linear-gradient(top, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 60%); background: -ms-linear-gradient(top, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 60%); background: linear-gradient(to bottom, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 60%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f7f7f7', GradientType=0 ); } .read-more-wrapper hr { position: absolute; width: 100%; bottom: 3rem; } .btn-read-more { margin: 1rem auto; padding: .3rem .6rem; background-color: var(--primary-color-blue); color: #fff; } .btn-read-more:hover {color: #fff;} /* READ MORE feature ends ##################################### */ /* PM - Bio & All PMs (.pm-group) ##################################### */ .pm-bio-info figure { width: 100%; } .pm-group { margin-top: .75rem; padding-top: 1rem; } .pm-group:not(:first-child) { border-top: 1px solid #333; } .pm-group p { font-weight: bold; color: #333; font-size: 1.1rem; line-height: 1.1; } .pm-group .pm-bio-info { margin-bottom: 1.2rem !important; } .pm-bio-info .pm-image { background-repeat: no-repeat; background-size: cover; margin-bottom: 0.25rem; } @media (min-width: 768px) { .pm-group .pm-bio-info .pm-image { text-align: center; } } .pm-bio-info .pm-image img { margin: .5rem 0 0 0; max-height: 90px; } .pm-bio-info .figure-caption { line-height: 1.1; } /* .pm-bio-info .pm-name { margin-bottom: 0; margin-top: .25rem; display: inline-block; font-size: 1rem!important; font-weight: 800; color: var(--primary-color-blue); } */ /* .pm-group .pm-bio-info .pm-name { font-size: 1rem; } .pm-group .pm-bio-info .pm-title { font-size: .75rem; } */ .pm-group .pm-bio-info a:hover span.pm-name{ text-decoration:underline; } .pm-group .pm-bio-info a:hover div.pm-image{ transform:translate(0, -1px); } .pm-bio-info .pm-cred { font-size: .875rem; font-weight: 400; color:var(--primary-color-dark-grey); } .pm-bio-info .pm-title { display: block; margin-bottom: .75rem; font-size: .75rem; font-weight: 400; } .pm-bio-info .pm-expertise { font-size: .875rem; font-weight: 500; margin-top:0;/* jason - double check this */ } .pm-bio-info .pm-social-tags .btn { margin-bottom: 0.3rem; padding: .15rem .5rem; font-size: .7rem; font-weight: 500; color: #444; text-align: left; } .pm-bio-info .pm-social-tags .btn:hover { background-color: #fff; } .pm-bio-info .pm-social-tags .btn:hover:before{ color: #00b1db; } [class^="icon-"]:not(.icon-list) { padding: .15rem .5rem .3rem 1.3rem !important; position: relative; } [class^="icon-"]:before { /* background: red !important; background-color: red !important; */ width: 1.2rem; content: ""; margin-left: -1.2rem; font-family: "Font Awesome 5 Pro"; display: inline-block; text-align: left; position: absolute; top: 0.2rem; left: 1.2rem; } .btn[class^="icon-"] { padding-left: 1.7rem !important; } .btn[class^="icon-"]:before { position: relative; /* text-align: center; */ text-align: left; top: 0; left: 0; } /* [class*="icon-"]:not(.icon-list):before { font-family: "Font Awesome 5 Pro"; } */ .icon-linkedin:before, .icon-twitter:before, .icon-instagram:before, .icon-facebook:before { font-family: "Font Awesome 5 Brands" !important; } .icon-linkedin:before { content: "\f0e1"; } .icon-twitter:before { content: "\f099"; } .icon-instagram:before { content: "\f16d"; } .icon-facebook:before { content: "\f39e"; } .icon-gen:before { content: "\f15b"; } .icon-pdf:before { content: "\f1c1"; } .icon-doc:before { content: "\f1c1"; } .icon-doc:before { content: "\f1c2"; } .icon-ppt:before { content: "\f1c4"; } .icon-xls:before { content: "\f1c3"; } .icon-img:before { content: "\f1c5"; } /* :not(.tn-img-list) */ .locked:after { display: inline-block; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 0.8rem; color: #000; content: "\f30d"; width: 1rem; padding-left: .2rem; } .brightcove-video-overlay.locked:after { content: ""; position: absolute; } .tn-img-list-item a.locked:after { content: ""; position: absolute; top: 0; display:none; } .tn-img-list-item div { display: flex; align-items: center; } .tn-img-list-item div:first-child { position: relative; width: 50px; height: 70px; margin-bottom: 10px; } .tn-img-list-item a.locked div:first-child:after { display: block; position: absolute; top: 9px; right: -17px; background: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-site-v2/resources/img/lock.svg") no-repeat center / contain; width: 1rem; content:""; height:1rem; @media (max-width:991px){ width:12px; height:12px; } } .tn-img-list-item a.type-pdf div:first-child:before { content: ""; position: absolute; bottom: 0; left: -5px; width: 20px; height: 20px; background-image: url('../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/img/type-pdf-solid.svg'); background-repeat: no-repeat; background-size: contain; } div.assetList1 svg{color:#558300;} .btn-pm-funds-list[aria-expanded="true"] { border-bottom-color: transparent; } .btn-pm-funds-list .fa-times { font-size: 1.2rem; font-weight: 300 !important; padding: .2rem 0; transition-duration: .2s; transform-origin: center center; } .btn-pm-funds-list[aria-expanded="true"] .fa-times { transform: rotate(0deg); } .btn-pm-funds-list[aria-expanded="false"] .fa-times { transform: rotate(-45deg); } @media (min-width: 768px) { .pm-funds-list {display: block !important;} } .plain-list, .icon-list, .pm-funds-list { margin-top: .5rem; } .pm-funds-list { font-size: .8rem; } .icon-list, .plain-list { margin-bottom: 1rem; } .pm-funds-list { border-bottom: 1px solid #444; } .plain-list section, .icon-list section, .pm-funds-list section{ margin-bottom: .75rem; } .pm-funds-list p { font-size: .8rem; } .plain-list ul, .icon-list ul, .pm-funds-list ul { padding-left: 0; margin-bottom: 0; list-style: none; } .plain-list li, .icon-list li, .tn-img-list-item a, .pm-funds-list li { padding-bottom: .375rem; line-height: 1.1; } .plain-list a, .icon-list a, .tn-img-list-item a, .pm-funds-list a { color: var(--primary-color-blue); font-weight: 500; font-size:1.125rem; line-height:1.5rem; } .icon-list span{ color: #666; font-size: .8rem; font-weight: 400; } .pm-bio-text p.lead{ font-size: 1.1rem; font-weight: 500; color: var(--primary-color-blue); } .badge-secondary { color: #fff; background-color: #868e96; } @media (min-width: 320px) { .pm-bio-info .pm-image { background-image: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/img/PM-bio-bckg-medium.jpg");} /* w=380px */ } @media (min-width: 576px) { .pm-bio-info .pm-image { background-image: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/img/PM-bio-bckg-small.jpg");} /* w=210px */ } @media (min-width: 1024px) { .pm-bio-info .pm-image { background-image: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/img/PM-bio-bckg-medium.jpg");} /* w=350px */ } /* PM - Bio & All PMs ends ##################################### */ /* CMS Layout ##################################### */ .left-panel { border-left: 1px solid #ddd; } .right-panel { border-left: 1px solid #ddd; } /* CMS Layout ends ##################################### */ .tn-img-lists-wrapper { background-color: #fff; } .tn-img-list { width: 100%; background-color: #fff; } .tn-img-list ul { display: flex; flex-flow: row; flex-wrap: wrap; justify-content: flex-start; flex-direction: row; align-items: stretch; padding: 15px 0; margin: 0 0 15px; text-align: left; list-style: none; } .tn-img-list-item { display: block; width: 50%; /* width: 100px; */ /* max-width: 100px; */ /* margin-bottom: 15px; margin-left: 7px; padding-left: 7px; */ /* jason just added */ padding-left:30px; } .tn-img-list-item a { display: block; width: 100%; /* height: -moz-available; height: -webkit-fill-available; */ padding: 0 15px; } .tn-img-list-item img { /* padding-bottom: 15px; */ box-shadow: 2px 2px 9px rgba(50,50,50,0.3); } @media screen and (min-width: 576px) and (max-width: 767px) { .tn-img-list-item { width: 100% !important; min-width: 100% !important; max-width: 100% !important; border-left: none; } .tn-img-list-item:not(:first-child) { border: none; border-top: 1px solid #ccc; padding-top: 15px; margin-top: 10px; } .tn-img-list-item a.type-pdf div:first-child:before { max-width: 20px; max-height: 20px; } } @media (max-width: 576px) { body{margin-top: 49px;} .tn-img-lists-wrapper { background-color: transparent; } .tn-img-list ul { padding-bottom: 0; } .tn-img-list-item { display: flex; min-width: 100%; padding-left: 0; padding-bottom: 15px; margin-bottom: 15px; margin-left: 0; border-left: none !important; border-bottom: 1px solid #ccc; } .tn-img-list-item:last-child { border-bottom: none; } .tn-img-list li div:first-child { width: auto; max-width: 70px; padding-left: 10px; margin: 0 auto; } .tn-img-list-item a.type-pdf div:first-child:before { bottom: -3px; left: -3px; width: 20px; height: 20px; } .tn-img-list-item a.locked div:first-child:after { font-size: 10px; right: -17px; top: 6px; } .tn-img-list li div:last-child { width: 100%; text-align: left; } .tn-img-list a { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center } .tn-img-list-item img, .tn-img-list-item div { display: inline-block; /* align-self: center; */ padding: 0; } .tn-img-list-item div { width: calc(100% - 140px); padding-left: 15px; } } .brightcove-video{ position: relative; } .bs-row-no-margin{ display: flex; flex-wrap: wrap; margin-right: 15px; } .container-white{background-color: #fff;} .vertical-align-center > div:first-of-type{ display: flex !important; align-items: center !important; } /* video name and description styling */ /* don't think these 2 do anything... */ .brightcove-video .brightcove-video-overlay h4{margin-bottom:.125rem!important;} .brightcove-video .brightcove-video-overlay p{font-size:.8rem} /* don't think these 2 do anything ends... */ .brightcove-video h4{margin: 2.25rem 0 1.5rem !important;text-transform:uppercase;font-weight:800!important;} .brightcove-video p{font-size:18px;} /* video description styling ends */ /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* Landscape phone */ /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ @media (min-width: 576px) { } /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* Medium tablet */ /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* // Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { } /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* Desktop */ /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* // Large devices (desktops, 992px and up) */ @media (min-width: 992px) { } /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* Extra Large Desktop */ /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* // Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { } /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* Print */ /* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ */ /* // Print style sheet */ @media print{ } /* =========== IE FIX ================*/ /* ##### ######## ######## ##### ### ### ### ######## ######## ### ### ### ### ## ## ### ### ### ### ######## ######## ### ### ### ### ######## ######## ### ##### ### ## ## ### ### ### ### ######## ## ### ### ### ##### ######## #### ##### #### #### */ @media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .card-deck .card.w-25, .card-deck .card.w-33, .card-deck .card.w-50, .card-deck .card.w-67 { display: block; } body.brand-pools .banner-wrapper { height: 200px; } header.page-header div div.d-inline-block { width: 300px; padding-top: 0px; } .navbar-brand { background-image: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/img/Dynamic-logo-bi.png") !important; background-size: 100% !important; background-position: 5px -98px !important; background-repeat: no-repeat; margin-right: 0; } .fr .navbar-brand { background-position: 0 -435px; } /*banner IE fix*/ .banner-wrapper { min-height: 200px; text-align: center; /*padding: 40px 0;*/ padding: 0 0!important; color: #fff; background-repeat: no-repeat; background-color: #00b1db; } .page-header { display: block; /*min-height: 168px;*/ padding-top: 27px; /* overflow: auto; */ background-color: #fff; } .page-header .container { /*position: relative;*/ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent !important; } .page-header .container > div { display: table; width: 100%; height: calc(100% - 28px); padding-top: 28px; } .page-header .container .banner { display: table-cell; vertical-align: middle; text-align: center; padding: 15px; } .page-header .pg-nav { display: block !important; position: absolute; /* top: 0; */ right: 0; bottom: 1px; left: 0; } .pg-nav .pg-nav-taggle { z-index: 100; } #pgNavTaggle{ background:orange!important; color:green!important; } .page-header .banner-wrapper h2 { font-size: 2rem; font-weight: bold; line-height: 1; } .page-header .banner-wrapper p { font-size: .9rem; font-weight: bold; } .page-header .banner-wrapper p:last-child { margin-bottom: 0; } @media (max-width: 575px) { /* small */ .page-header .pg-nav { top: 0; } .pg-nav.active .pg-nav-menu { background-color: #fff; margin-top: 28px; z-index: 100; } } /* Banner fix IE - end*/ } /* ################################### */ /* ### Landscape phone ############### */ /* ################################### */ @media only screen and (-ms-high-contrast: none) and (min-width: 576px), (-ms-high-contrast: none) and (min-width: 576px) { .navbar-brand { background-image: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/img/DynamicFunds-logo-bi.png") !important; background-position: 0 -76px !important; background-repeat: no-repeat; margin-right:0; } .fr .navbar-brand { background-position: 0 -348px !important; } } /* ################################### */ /* ### Medium tablet ################# */ /* ################################### */ @media only screen and (-ms-high-contrast: none) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) { .navbar-brand { background-image: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/img/Dynamic-logo-bi.png") !important; background-position: 0px -69px !important; } .fr .navbar-brand { background-position: 0 -294px !important; } } /* ################################### */ /* ### Desktop ####################### */ /* ################################### */ @media only screen and (-ms-high-contrast: none) and (min-width: 992px), (-ms-high-contrast: none) and (min-width: 992px) { .navbar-brand { background-image: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/img/DynamicFunds-logo-bi-tagline.png") !important; background-position: 0px -84px !important; } .fr .navbar-brand { background-position: 0 -346px !important; } } @media only screen and (-ms-high-contrast: none) and (min-width: 992px), (-ms-high-contrast: none) and (min-width: 992px) { .navbar-brand { background-image: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/img/DynamicFunds-logo-bi-tagline.png") !important; background-position: 0px -84px !important; } .fr .navbar-brand { background-position: 0 -346px !important; } } /* =========== IE FIX ends ===========*/ .btnSignIn-avatar{ border-radius: 50%; height: 30px; width: 30px; } .btnSignIn-avatar svg{ display: none; } .tools-action a{color:#666} .tools-action a:hover{color:var(--primary-color-blue);} .tools-action svg {width:15px;stroke-width:1.5px;} @media (max-width: 575px) { .card .card-body { padding: 10px 10px 10px 10px; } .card p { font-size:.7rem; line-height:.9rem; } .card .card-title { font-size:.8rem !important; margin-bottom:5px !important; } } p.action-wrapper {margin-bottom:0} /* SHOULD BE REMOVED - TEMP FIX FOR ACTION BAR SHARE BUTTON */ @media (max-width: 575px){ #toolsShareToggle {opacity:0;} #toolsShare { display:block; width:100%; position:relative; bottom:0; border:none;} #toolsShare h6 {display:none;} #toolsShare ul {display:block;display:flex; } #toolsShare ul li {width:25%;text-align: center;} .tools-action a{color:var(--primary-color-blue)} } /* SHOULD BE REMOVED - TEMP FIX FOR ACTION BAR SHARE BUTTON */ /* fix for abbreviation dotted undrline */ abbr[title], acronym[title] { border-bottom: none; text-decoration: none!important; } /* fix for abbreviation dotted underline ends */ /*Brightcove playlist */ .vjs-playlist-item{height:80px !important;padding:5px 5px 15px 5px; background:#fff} .vjs-playlist-item-list {background:#fff;padding:5px;} .vjs-playlist-name{font-size: 11px;font-family: "Gotham 4r","Gotham A","Gotham B",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color: #333;text-shadow: none;font-style: normal;} .vjs-playlist-horizontal{margin-top:10px} .vjs-up-next-text{display:none} .vjs-playlist-title-container{ position: absolute; bottom: -33px !important; left:0 !important; text-shadow: none; padding-left: 0 !important; } .vjs-playlist-duration{display:none} .vjs-playlist-thumbnail{position:relative} .vjs-playlist .vjs-playlist-item{background:#fff !important;} .vjs-playlist .vjs-selected img { opacity: 0.7; } .layout-bleed-top{ margin-top: 0 !important; } .layout-bleed-bottom{ margin-bottom: 0 !important; } .set-child-flex{ display: flex !important; } #btnSignIn{color: #E6EEF3 !important;} button#btnSignIn:disabled {padding: 8px 0px !important;} .left-small-panel .html-component, .left-small-panel .accordion {padding-right:10px !important;} .left-small-panel{margin-bottom: 1rem;} .cmp-image__image{width: auto !important;padding-bottom: 32px;} .image-full-width img{width: 100% !important;object-fit: fill;} .justify-content-center > :first-child{ display: flex; justify-content: center; align-items: center; } .justify-content-bottom > :first-child{ display: flex; justify-content: end; align-items: end; } .justify-content-top > :first-child{ display: flex; justify-content: start; align-items: start; } .header .search-login {min-width:118px;} @media only screen and (max-width: 767px) { a.navbar-brand.cmp-image__link {margin:0 auto;} } @media only screen and (min-width: 576px) { .dynamic-card.card{margin:15px 10px;} .card-deck { flex-flow: row wrap; margin-right: -13px !important; margin-left: -10px !important; } } .brand-snapshot.building-wealth .card-deck { margin-right: 0px !important; margin-left: 0px !important; } @media only screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .page-header .container div.d-inline-block { position: relative; z-index: 1049; } } @media (max-width: 767px){ #searchPanel .search-results{ padding-left: 15px; padding-right: 15px; } #searchPanel .search-results .results-wrap { padding-right: 15px; } } #searchPanel input#searchSiteInput {padding-left: 5px;} #skip-content a { display: block; position: fixed; overflow: visible; clip: inherit; top: -25px; width: 8rem; right: 50%; margin-right: -4rem; height: 20px; background-color: #fff; color: var(--primary-color-blue); z-index: 1000000000; text-align: center; font-family: sans-serif; font-size: 13px; font-weight: 600; transition: all .15s ease-in-out; } #skip-content a:focus { top: 0px; transition: all .15s ease-in-out; } #skip-content a:lang(fr) { width:14rem !important; } #skip-content a:focus { top: 0; } /* div#skip-content:focus-within { display:block; position: absolute; width: 100%; height: 20px; top: 0px; background: #e4f1cc; z-index: 1111; text-align: center; color: #000; font-weight:bold; overflow: visible; } */ #collapseSeries input:focus+label:before{display:block;position: absolute;top: 0;bottom: 0;background-color: transparent !important;width: 100%;height: 105%;left: 0;right: 0;border: solid 2px rgba(0,123,255,0.25) !IMPORTANT;box-shadow: none !important;} /*French fix - should be cleaned */ @media only screen and (max-width: 991px) { :lang(fr) #btnSignIn span{ font-family: "Gotham XNarrow SSm A", "Gotham XNarrow SSm B"; font-style: normal; font-weight: 100; } } @media only screen and (max-width: 396px) { :lang(fr) #btnSignIn span{ display:none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { :lang(fr) .fr .navbar-brand{ width: 160px !important; background-size: 520% !important; background-position: -614px -540px !important; } } @media only screen and (max-width: 565px) { :lang(fr) .fr .navbar-brand{ background-size: 520% !important; background-position: -480px -417px !important; } } @media only screen and (max-width: 767px) and (min-width: 566px){ :lang(fr) .fr .navbar-brand{ background-size: 520% !important; background-position: -576px -507px !important; } } .footer li.cmp-list__item { width: 151px; min-width: 150px; text-indent: 0px; line-height: 0.95rem; padding-bottom: 16px; margin-left: 0; padding-left: 0; padding-right: 10px; } .text-pullquote { padding: 7px 0px 14px; } .text-pullquote::after { background: none; } .text-blockquote { display: inline-block; font-weight: 500; } .pm-social-tags .btn {background-color: transparent !important} .pm-social-tags button:before{padding-right:5px} @media all and (-ms-high-contrast:none){ *::-ms-backdrop, .fr .navbar-brand{ background-size: 100% !important; } } .author_details{ padding-top:8px; } .author_details .author_name{ margin:0; padding:0 0 5px 0; font-size:1.125rem; line-height:1.25; } .author_details .author_name a, .author_details .author_name span { margin-left: 10px; font-size: 1.125rem; line-height:1.25; font-weight: 750; color: var(--primary-color-black) !important; text-decoration:none; } .author_details .author_name a:hover { text-decoration: underline; } .author_details .author_name a:not([href]) { text-decoration: none; } .author_title{ margin-left: 10px; display: inline-block; font-size: 1rem; line-height: 1.25; font-weight: 400; color:var(--primary-color-dark-grey); } img.circle-avatar { width:60px; border-radius:50%; background:#ddd; float:left; } .dynamic-disclaimers-section p, .disclaimers-static-content p, .disclaimers-unmarked-content p { font-size: 10pt!important; font-family: inherit; font-style: normal; font-weight: 400; color: #666; margin-bottom: 5px; } dl.disclaimers-content p, .disclaimers-unmarked-content p, .disclaimers-static-content p { font-size: 0.875rem !important; line-height: 1.5; } .literature .asset-list-container { -webkit-column-count: 1; -moz-column-count:1; column-count: 1; } @media only screen and (max-width: 576px) { .literature .asset-list-container { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } @media screen and (max-width: 767px) { #btnSearch .sr-only {height: auto;width: auto;position: relative;clip-path: none;margin: 0;padding-left:5px;} #btnSearch { padding-left: 0; color: rgb(178, 201, 217); font-weight: 600; text-transform: uppercase; width: 100%; text-align: left; } #btnSignIn.btnSignIn-avatar{ width: 30px; float: right; display: block; position: absolute; top: 0px; right: 10px; } .navbar-collapse{ position:relative; } .search-login{ margin-bottom: .5rem; } } #mainContent .list:not(.assetlist) a{ color: var(--primary-color-blue); font-weight: 500; font-size: .8rem; line-height: .9rem; } #mainContent .list:not(.assetlist) ul {padding-left: 16px;} #mainContent .list:not(.assetlist) li:before{ font-family: "Font Awesome 5 Pro"; font-weight: lighter; content: "\f15b"; color: #558300; } #mainContent .list:not(.assetlist) li{ list-type:none; list-style: none; margin-left: -17px; padding-left: 17px; text-indent: -17px; } /* Snap shot*/ .brand-snapshot #mainContent .cmp-text h1{ font-size: 62px; font-weight: 500; margin-bottom: 1.5rem; color:#333; } @media (max-width: 768px) { .brand-snapshot #mainContent .cmp-text h1{ font-size: 2rem; margin-top: 2rem; } .brand-snapshot #mainContent { padding: 0 1rem; } } .snapshots-home .summary { width: 90%; } /* Remove custom breadcrub from snapshots pages DYNAMICDAS-10175*/ body.brand-snapshot .breadcrumb-top{ display: none !important; /*adding to get high precedence over the inline css class*/ } body.brand-snapshot .header{ height: auto; z-index: 2; position: relative; } body.brand-snapshot .breadcrumb{ position: relative; z-index: 1; } @media (min-width: 1200px) { body.brand-snapshot .container-fluid, .container-fluid.banner-wrapper{ width: 100% !important; max-width: 100% !important; } body.brand-snapshot .container { max-width: 1410px !important; } body.brand-snapshot .banner-wrapper { max-width: 100%; } } body.brand-snapshot .snapshots-home h2.title { font-weight: 500; font-size: 48px !important; line-height: 56px !important; margin: 0; /* .media( bb-mobile,{ font-size: 28px; line-height: 36px; }); */ } body.brand-snapshot .snapshots-home .icons p{ color: #666666; } body.brand-snapshot .snapshots-home .dynamic-card a .card-body h3.card-title { font-weight: 650; font-size: 28px !important; line-height: 36px !important; /* .media( bb-mobile,{ font-size: 22px; line-height: 28px; }); */ } body.brand-snapshot .snapshots-home .container-white .card-deck a:hover { color: #FFFFFF !important; } .brand-snapshot #mainContent h3{margin-bottom: 1rem;} .brand-snapshot p a, .brand-snapshot .maincontent li a, .brand-snapshot p a:visited, .brand-snapshot .maincontent li a:visited { color: #125687; border-bottom:1px solid #125687; } .brand-snapshot .cmp-tabs__tablist { display: flex; flex-wrap: wrap; padding-left: 0; list-style: none; justify-content: unset; } .brand-snapshot .cmp-tabs__navwrapper .cmp-tabs__select-wrapper{ display: none; } .brand-snapshot .cmp-tabs__tab { box-sizing: border-box !important; border-bottom: 1px solid transparent !important; padding: .5rem 1rem !important; cursor: pointer !important; height: unset; } .brand-snapshot .cmp-tabs__navwrapper { background: transparent; } .brand-snapshot .cmp-tabs__tab--active { border-bottom-color: #2c2f2b !important; } .brand-snapshot .disclaimers-unmarked-content p { margin-bottom: 20px; } .brand-snapshot #mainContent a#ScrollTargetBtn:hover{background-color:#124587} .brand-snapshot #mainContent h2, .brand-snapshot #mainContent h3{color:#7C6B54} .brand-snapshot #mainContent h4{color:#7C6B54;font-weight:500!important;} .brand-snapshot .text-lead{color:#333} .brand-snapshot #mainContent h5{font-size:0.5rem;} .brand-snapshot #mainContent h6{font-size:1rem;color:#59787A;font-weight:400;} .brand-snapshot div.brightcove-video h4{color:#333;} .brand-snapshot a.type-pdf, .brand-snapshot .tn-img-list-item a{color:#333} .brand-snapshot section.icon-list .svg-inline--fa {color:#333} .brand-snapshot .plain-list a{color:#333;} .brand-snapshot #mainContent{background-color:#FAF6F3!important;} .brand-snapshot table tbody tr:last-child td, .brand-snapshot table tbody tr:last-child th { border-bottom: 1px solid black; } .brand-snapshot .cmp-text h2 { margin-bottom: 1.5rem; } .brand-snapshot .cmp-text p b { font-weight: 650 !important; } .brand-snapshot .cmp-text h2 b { font-weight: 500; } .brand-snapshot .card-deck-v1 .card:hover{ transform: scale(1.0125, 1.0125) translateY(-2px); } .brand-snapshot table tr:first-child, .brand-snapshot table tr:first-child th:first-child{ border-top: 1px solid black; } .brand-snapshot table tr:first-child th{ border-top: 1px solid black; } .brand-snapshot table tr:last-child, .brand-snapshot table tr:last-child th:last-child{ border-bottom: 1px solid black; } .brand-snapshot span.text-pullquote { color: #333;font-weight:300;padding: 0.75rem 0 1rem 0; } .brand-snapshot .text-pullquote::before, .brand-snapshot .text-pullquote::after { background: #999; } .brand-snapshot .tn-img-list-item a.type-pdf div:first-child:before { background-image: url(https://dynamic.ca/etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/img/type-pdf-solid-marquis.svg)!important; } .brand-snapshot .text-blockquote { color: #59787A } .brand-snapshot .text-blockquote::before { background: #59787A } .brand-snapshot div#mainContent .text li { padding-bottom: .6rem; } .brand-snapshot .btn.btn-primary{ border-color: #7C6B54; background-color: white!important; color: #7c6b54; margin-bottom:10px; } .brand-snapshot .btn.btn-primary:hover{ color:#333; } .brand-snapshot .btn.btn-primary:active, .brand-snapshot .btn.btn-primary:focus { background: #eee; background-color: #eee !important; color: #333 !important; /*border-width:2px;*/ border-color:#000!important; } .brand-snapshot .btn.btn-primary:focus{ box-shadow: 0 0 0 0.2rem #796C57!important; } .brand-snapshot .btn.btn-secondary{ border-color: #59787A; background-color: white!important; color: #59787A; margin-bottom:10px; } .brand-snapshot .btn.btn-secondary:hover{ color:#333; } .brand-snapshot .btn.btn-secondary:active,.brand-snapshot .btn.btn-secondary:focus { background: #eee; background-color: #eee !important; color: #333 !important; /*border-width:2px;*/ border-color:#000!important; } .brand-snapshot .btn.btn-secondary:focus{ box-shadow: 0 0 0 0.2rem #59787A!important; } .brand-snapshot .btn-read-more{background-color:white;color:#7c6b54;border-color:#7c6b54;} .brand-snapshot .btn-read-more:hover{color:#333} .brand-snapshot .btn:focus, .brand-snapshot .btn.focus{ border-color:#000;box-shadow: 0 0 0 0.2rem #796C57!important; color:#333;} /* Snap shots inner sections*/ .brand-snapshot #mainContent > .page__container { padding: 0 15px; max-width: 1288px; } .brand-snapshot .banner-wrapper { min-height: 330px; } .brand-snapshot .text { padding-right: 0 !important; } .brand-snapshot #mainContent > .responsivegrid:nth-of-type(2) { position: relative; } .brand-snapshot.preserving-wealth #mainContent h2, .brand-snapshot.preserving-wealth #mainContent h3 { color: #7C6B54; } .brand-snapshot.extending-wealth #mainContent h2, .brand-snapshot.extending-wealth #mainContent h3 { color: #59787a; } .brand-snapshot.building-wealth #mainContent h2, .brand-snapshot.building-wealth #mainContent h3 { color: var(--old-primary-color-blue); } /*intro section*/ .brand-snapshot .intro-section { margin-top: -60px !important; background: #fff; padding-right: 15px; text-align: center; margin-bottom: 0 !important; padding-bottom: 30px; padding-right: 0; } .brand-snapshot.preserving-wealth .intro-section { border-top: 20px solid #7C6B54; } .brand-snapshot.extending-wealth .intro-section { border-top: 20px solid #59787a; } .brand-snapshot.building-wealth .intro-section { border-top: 20px solid var(--old-primary-color-blue); } .brand-snapshot .intro-section b { font-weight: 800 !important; } .brand-snapshot.preserving-wealth .intro-section b { color: #7C6B54 !important; } .brand-snapshot.extending-wealth .intro-section b { color: #59787a !important; } .brand-snapshot.building-wealth .intro-section b { color: var(--old-primary-color-blue) !important; } .brand-snapshot.preserving-wealth .intro-section h1 { color: #7C6B54 !important; } .brand-snapshot.extending-wealth .intro-section h1 { color: #59787a !important; } .brand-snapshot.preserving-wealth .card-deck .dynamic-card a:hover { color: #7C6B54; } .brand-snapshot.extending-wealth .card-deck .dynamic-card a:hover { color: #59787a; } .brand-snapshot.building-wealth .card-deck .dynamic-card a:hover { color: var(--old-primary-color-blue); } .brand-snapshot.building-wealth .intro-section h1 { color: var(--old-primary-color-blue) !important; } .brand-snapshot .cmp-text p{ margin-bottom: 1rem; } .brand-snapshot .assetlist .icon-list .cmp-list__item .asset-link-wrapper a { color: var(--old-primary-color-blue); border-bottom: none; } .brand-snapshot .intro-section p { max-width: 85%; margin: auto; text-align: center !important; } .brand-snapshot .intro-section p .text-lead { color: #000; } .brand-snapshot .intro-section ul { display: inline-block; } /*end intro section*/ /*icons section*/ .brand-snapshot .icons-section { margin: 0 auto !important; padding-right: 15px !important; padding-left: 15px !important; background: #fff !important; } @media (min-width:642px) and (max-width:767px) { .brand-snapshot .icons-section > .aem-Grid{ max-width: 530px; margin: 0 auto; } } @media (min-width:768px) and (max-width:991px) { .brand-snapshot .icons-section > .aem-Grid{ max-width: 730px; margin: 0 auto; } .brand-snapshot #mainContent .cmp-text h1 { font-size: 2.5rem; line-height: 3rem; } } .brand-snapshot .icons-section > .aem-Grid { display: flex; flex-wrap: wrap; justify-content: center; padding-top: 20px; } .brand-snapshot .icons-section.container-white > .aem-Grid .text { margin-left: 0 !important; width: auto !important; } .brand-snapshot .icons-section .cmp-text { height: 100%; display: flex; align-items: center; } .brand-snapshot .icons-section > .aem-Grid p { margin-bottom: 0; } .brand-snapshot .icons-section .image { padding-left: 15px !important; padding-right: 10px !important; } .brand-snapshot.preserving-wealth .icons-section.container-white .image { filter: invert(35%) sepia(20%) saturate(600%) hue-rotate(10deg) brightness(70%); } .brand-snapshot.preserving-wealth .icons-section .image { filter: invert(35%) sepia(20%) saturate(600%) hue-rotate(10deg) brightness(90%); } .brand-snapshot.extending-wealth .icons-section.container-white .image { filter: invert(22%) sepia(15%) saturate(600%) hue-rotate(140deg) brightness(110%); } .brand-snapshot.extending-wealth .icons-section .image { filter: invert(22%) sepia(15%) saturate(600%) hue-rotate(140deg) brightness(130%); } .brand-snapshot.building-wealth .icons-section.container-white .image { filter: invert(25%) sepia(45%) saturate(680%) hue-rotate(170deg) brightness(55%) } .brand-snapshot.building-wealth .icons-section .image { filter: invert(25%) sepia(45%) saturate(680%) hue-rotate(170deg) brightness(75%) } .brand-snapshot .icons-section .image:before { padding-left: 15px !important; } .brand-snapshot .icons a { text-decoration: none; } .brand-snapshot .card-deck .dynamic-card a:hover { text-decoration: none; } @media (max-width: 992px) { .brand-snapshot .icons-section .image { width: 80px !important; margin-bottom: 20px; margin-left: 0 !important; } .brand-snapshot .icons-section .text { width: 250px !important; margin-bottom: 20px; } } @media (max-width: 768px) { .brand-snapshot .icons-section .image { width: 80px !important; } .brand-snapshot .icons-section .text { width: 70% !important; } } @media (max-width: 576px) { .brand-snapshot .icons-section .image { width: 80px !important; margin-bottom: 20px; margin-left: 0 !important; } .brand-snapshot .icons-section .text { width: 70% !important; margin-bottom: 20px; margin-left: 10px !important; } } /* End icons section*/ /*investor and resources section*/ /* .brand-snapshot .investor-education-resources { padding-right: 0 !important; } */ .brand-snapshot .investor-education-resources .dynamic-card p { display: none; } .brand-snapshot .investor-education-resources > .aem-Grid > .responsivegrid { background-color: #fff !important; padding: 0 30px !important; margin-top: 0 !important; margin-bottom: 30px !important; } .brand-snapshot .investor-education-resources > .aem-Grid > .responsivegrid .responsivegrid { padding: 0 !important; margin-bottom: 0 !important; } .brand-snapshot .investor-education-resources > .aem-Grid > .responsivegrid * { background-color: #fff !important; } .brand-snapshot .investor-education-resources > .aem-Grid > .responsivegrid .card-deck-v1 { padding-right: 0px; margin-bottom: 30px; } @media (max-width: 992px) { .brand-snapshot .investor-education-resources .aem-Grid .text { margin-left: 0 !important; width: 100% !important; } } .brand-snapshot .investor-education-resources .assetlist { display: flex; align-items: center; min-width: 100% !important; padding-right: 0 !important; } .brand-snapshot .investor-education-resources .assetlist .tn-img-list, .brand-snapshot .investor-education-resources .assetlist .icon-list { display: flex; justify-content: center; width: 100%; border-bottom: inherit !important; margin: 0; } .brand-snapshot .investor-education-resources .assetlist ul { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; width: 100%; padding: 0; margin-bottom: 0; } .brand-snapshot .investor-education-resources .assetlist .tn-img-list-item { padding: 0 15px; border: inherit !important; width: 25%; padding-left: 0; margin-bottom: 15px; } .brand-snapshot .investor-education-resources .assetlist .tn-img-list-item a { border-top: 1px solid #fff; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #fff; padding: 20px 30px; height: 100%; } .brand-snapshot .investor-education-resources .assetlist .tn-img-list-item a div:first-child { display: none; } .brand-snapshot .investor-education-resources .assetlist { width: 100%; padding-right: 0; } .brand-snapshot .investor-education-resources .assetlist ul .cmp-list__item { padding: 0 15px 0 0; border: inherit !important; width: 25%; display: flex; justify-content: center; margin-left: 0; margin-bottom: 15px } .brand-snapshot .investor-education-resources .assetlist ul .cmp-list__item::before { position: relative; } .brand-snapshot .investor-education-resources .assetlist ul .cmp-list__item > div { border-top: 1px solid #fff; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #fff; padding: 20px 30px; height: 100%; width: 100%; min-width: 100%; } @media (max-width: 768px) { .brand-snapshot .investor-education-resources .assetlist .row { flex-wrap: wrap; margin-left: 0; margin-right: 0; } .brand-snapshot .investor-education-resources .assetlist .tn-img-list-item { margin-bottom: 20px; padding-right: 0; } .brand-snapshot .investor-education-resources .assetlist ul .cmp-list__item { margin-bottom: 10px; padding: 0; width: 100%; } } /* End investor and resources section*/ .brand-snapshot .advisor-content { padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 0; } .brand-snapshot .advisor-content > .aem-Grid > .text { margin-left: 0; width: 100%; } .brand-snapshot .advisor-content > .aem-Grid { display: flex; flex-wrap: wrap; } .brand-snapshot .advisor-content .aem-Grid > .responsivegrid { min-height: 250px; position: relative; margin: 0 !important; padding: 30px !important; color: #fff !important; } .brand-snapshot.preserving-wealth .advisor-content .aem-Grid > .responsivegrid { background-image: linear-gradient(#7C6B54) !important; } .brand-snapshot.extending-wealth .advisor-content .aem-Grid > .responsivegrid { background-image: linear-gradient(#59787a) !important; } .brand-snapshot.building-wealth .advisor-content .aem-Grid > .responsivegrid { background-image: linear-gradient(var(--old-primary-color-blue)) !important; /* background: var(--old-primary-color-blue); */ color: #FFFFFF; } .brand-snapshot.building-wealth .advisor-content .aem-Grid > .responsivegrid p, .brand-snapshot.preserving-wealth .advisor-content .aem-Grid > .responsivegrid p, .brand-snapshot.extending-wealth .advisor-content .aem-Grid > .responsivegrid p{ color: #FFFFFF; } .brand-snapshot .advisor-content .aem-Grid > .responsivegrid > .aem-Grid { position: relative; height: 100%; } .brand-snapshot .advisor-content .aem-Grid > .responsivegrid > .aem-Grid .text:first-child span { font-size: 1.375rem !important; font-weight: 300; } .brand-snapshot .advisor-content .aem-Grid > .responsivegrid > .aem-Grid .text p { position: absolute !important; bottom: 0; margin-bottom: 0; } .brand-snapshot .advisor-content .aem-Grid > .responsivegrid > .aem-Grid .text p:nth-child(2) { position: relative !important; bottom: 0; padding-bottom: 0; } .brand-snapshot .advisor-content .aem-Grid > .responsivegrid h2 { color: #fff !important; } .brand-snapshot .advisor-content .aem-Grid > .responsivegrid.container-white { background-image: none !important; } .brand-snapshot.preserving-wealth .advisor-content .aem-Grid > .responsivegrid.container-white h2, .brand-snapshot.preserving-wealth .advisor-content .aem-Grid > .responsivegrid.container-white { color: #7C6B53 !important; } .brand-snapshot.extending-wealth .advisor-content .aem-Grid > .responsivegrid.container-white h2, .brand-snapshot.extending-wealth .advisor-content .aem-Grid > .responsivegrid.container-white { color: #59787a !important; } .brand-snapshot.building-wealth .advisor-content .aem-Grid > .responsivegrid.container-white h2, .brand-snapshot.building-wealth .advisor-content .aem-Grid > .responsivegrid.container-white { color: var(--old-primary-color-blue) !important; } .brand-snapshot .advisor-content .aem-Grid > .responsivegrid.container-white ol { padding-left: 20px; margin-bottom: 0; } .brand-snapshot .advisor-content .aem-Grid > .responsivegrid.container-white .text, .brand-snapshot .advisor-content .aem-Grid > .responsivegrid.container-white .cmp-text, .brand-snapshot .advisor-content .aem-Grid > .responsivegrid.container-white p { margin-bottom: 0; } .brand-snapshot .cmp-text li { font-size: 18px; } .brand-snapshot .advisor-content .aem-Grid > .responsivegrid.container-white h2 { color: #7C6B53 !important; } @media (max-width: 992px) { .brand-snapshot .advisor-content .aem-Grid > .responsivegrid, .brand-snapshot .advisor-content > .aem-Grid .text { min-width: 100%; margin-bottom: 20px; margin-left: 0px !important; } } @media (max-width: 768px) { .brand-snapshot .advisor-content .aem-Grid > .responsivegrid { min-height: 220px; } .brand-snapshot .advisor-content > .aem-Grid .text p { margin-bottom: 0; } } @media (max-width: 576px) { .brand-snapshot .advisor-content .aem-Grid > .responsivegrid { min-height: 280px; } } /* Actions tiles section*/ .brand-snapshot .action-tiltes { padding-right: 0 !important; } .brand-snapshot .action-tiltes .aem-Grid { display: flex; flex-wrap: wrap; width: auto; margin-right: -15px; margin-left: -15px; box-sizing: border-box; } .brand-snapshot .action-tiltes .html-component { padding: 15px !important; float: inherit !important; } @media (max-width: 767px) { .brand-snapshot .action-tiltes .html-component:has(.cmp-text-custome) { width: 100% !important; } } .brand-snapshot .action-tiltes .html-component .cmp-text-custome { background: #fff; height: 100%; } .brand-snapshot .action-tiltes .html-component .cmp-text-custome h3 { padding: 15px; margin-bottom: 0; color: #fff !important; text-align: center; } .brand-snapshot.preserving-wealth .action-tiltes .html-component .cmp-text-custome h3 { background: #7C6B53; } .brand-snapshot.extending-wealth .action-tiltes .html-component .cmp-text-custome h3 { background: #59787a; } .brand-snapshot .action-tiltes .html-component .cmp-text-custome div.content{ font-size: 18px; } .brand-snapshot .action-tiltes .html-component .cmp-text-custome div.content figcaption{ font-weight: bold; } .brand-snapshot .action-tiltes .html-component .cmp-text-custome div.content a{ color: #125687 !important; border-bottom: 1px solid #125687; } .brand-snapshot.building-wealth .action-tiltes .html-component .cmp-text-custome h3 { background: var(--old-primary-color-blue); } .brand-snapshot .action-tiltes .html-component .cmp-text-custome .content { text-decoration: underline; padding: 15px; } @media (max-width: 768px) { .brand-snapshot .action-tiltes .aem-Grid .html-component { width: 100%; } } /* End Actions tiles section*/ /* CE course section*/ .brand-snapshot .ce-course { padding-left: 0 !important; padding-right: 0 !important; } .brand-snapshot .ce-course > .aem-Grid { display: flex; flex-wrap: wrap; align-items: flex-start; background: #fff; } .brand-snapshot .ce-course .title { background: #fbf6f3; } .brand-snapshot .ce-course > .aem-Grid > .responsivegrid, .brand-snapshot .ce-course > .aem-Grid > .card-deck-v1 { width: 50% !important; padding: 0px; } .brand-snapshot .ce-course > .aem-Grid > .responsivegrid { margin-top: 0 !important; margin-bottom: 0 !important; padding: 30px !important; } .brand-snapshot .ce-course > .aem-Grid .responsivegrid .text { margin-bottom: 0; } .brand-snapshot .ce-course > .aem-Grid .responsivegrid p { margin-bottom: 0; } .brand-snapshot .ce-course > .aem-Grid .card { margin-bottom: 0; } @media (max-width: 768px) { .brand-snapshot .ce-course > .aem-Grid .responsivegrid, .brand-snapshot .ce-course > .aem-Grid > .card-deck-v1 { width: 100% !important; } /* fixe for snapshot pages DYNAMICDAS-10176*/ .brand-snapshot .html-component.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--10.aem-GridColumn--offset--default--1{ width: 100%; margin-left: 0px; } } /* End CE course section*/ /* End of Snapshots*/ /* tested via inspector on https://ist.dynamic.ca/en/forgot-username.html? */ /* 1. add "sign in" link as
  • just after language selection 2. wrap language selection link AND "sign in" newly added link with
    */ #mainMenu a:focus { -webkit-box-shadow: none !important; box-shadow: none !important; } #langAndSignInWrapper a:hover { color: #fff !important; } /* from 3249 */ .lang-menu a { padding-bottom: 0 !important;} .search-login { margin-top:-5px !important;} .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255,255,255,1);} a:-webkit-any-link:focus-visible { outline-offset: 1px;} #mainMenu a:focus-visible, #mainMenu a:focus { outline: none; -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--primary-color-blue) !important; box-shadow: inset 0 0 0 2px #fff, 0 0 0 4px var(--primary-color-blue) !important; } #mainMenu .dropdown.show a:focus-visible { outline: none; -webkit-box-shadow: inset 0px 0px 0px 2px #fff, inset 0px 0px 0px 4px var(--primary-color-blue) !important; box-shadow: inset 0px 0px 0px 2px #115688, inset 0px 0px 0px 4px var(--primary-color-blue) !important; } #footerWrapper a:focus-visible{ outline:none; -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--primary-color-blue) !important; box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--primary-color-blue) !important; } .search-login button#mainMenu a:focus-visible { outline: none; -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--primary-color-blue) !important; box-shadow: inset 0 0 0 2px #fff, 0 0 0 4px var(--primary-color-blue) !important; } #mainMenu { padding-top: 12px; } #mainMenu > div:first-of-type { position: relative; } #mainNavbar { position: relative; } @media screen and (min-width: 992px) { #langAndSignInWrapper { width: auto; max-height: 26px; position: absolute; top: -33px; right: 0 !important; height: max-content; overflow: visible; } } /* #langAndSignInWrapper { width: auto; max-height: 26px; overflow: hidden; position: absolute; top: -28px; right: 0 !important; height: max-content; overflow: visible; } */ #langAndSignInWrapper li { white-space: nowrap; display: table-cell !important; position: relative; } #langAndSignInWrapper a.lang_switch:after { content: "|"; font-size: 80%; position: absolute; right: 6px; top: 10px; } #langAndSignInWrapper a:hover:after { color: #b2c9d9 !important; } #langAndSignInWrapper a, #langAndSignInWrapper button { color: #b2c9d9 !important; } #langAndSignInWrapper .dropdown-menu a { color: var(--primary-color-blue) !important; } #langAndSignInWrapper a:hover, #langAndSignInWrapper button:hover { color: #fff !important; cursor: pointer; } #langAndSignInWrapper ul a:hover { color: var(--primary-color-blue) !important; cursor: pointer; } #langAndSignInWrapper a { line-height: 1.6; position: initial; } #btnSignedIn { background: transparent; text-shadow: none; outline: none; box-shadow: none; border: none; font-size: 64.3% !important; height: 26px; line-height: 1; padding-left: 0 !important; padding-right: .3em !important; } #btnSignedIn:active { background-color: transparent !important; } #btnSignedIn:after { color: #b2c9d9 ; margin-left: .3rem;} #btnSignedIn:hover:after { color: #fff !important; } #btnSignedIn + div.dropdown-menu { width: auto; top: 24px; } #btnSignedIn + div.dropdown-menu button.dropdown-item { font-size: 0.7rem; font-weight: 500; font-style: normal; background-color:transparent; color: var(--primary-color-blue) !important;} /* CHANGES in clientlib-base.min.css */ #signedInWrapper .dropdown-menu { margin-top: 0; right: -1px; } #signedInWrapper .dropdown-menu button { white-space: nowrap; } #signedInWrapper .dropdown-menu button:hover { text-decoration: underline; } /* 1364 - change background position */ @media (min-width: 992px) { .navbar-brand { background-size: 300% !important; background-position: -19px -90px !important; width: 150px !important; } } /* 8589 - change shadow to ZERO */ .auth_wrapper .form_info:focus, #mainMenu .mega-menu .navbar-nav.dropdown a:focus-visible { -webkit-box-shadow: 0 0 0 0px white, 0 0 0 3px var(--primary-color-blue) !important; box-shadow: 0 0 0 0px white, 0 0 0 3px var(--primary-color-blue) !important; } #footerWrapper a:hover {text-decoration: underline ;} /* 1715 - add text-align:right */ .header .search-login { text-align: right; } .header .search-login .svg-inline--fa.fa-w-16 { width: 1em; color: #b2c9d9; } /* 1715 - override */ .header .search-login { min-width: auto; } /* Signed in arrow and drop-down */ .signed_in_menu > .dropdown-menu { top: auto !important; } #btnSignedIn.signed_in:after { width: 1rem; height: 1rem; font-family:"Font Awesome 5 Pro"; font-size: inherit; content: "f0d7"; padding-left: .5rem; } @media screen and (max-width: 500px) { #langAndSignInWrapper { margin-left: 0 !important; } } @media screen and (max-width: 991px) { #mainMenu { -webkit-box-shadow: 0px 3px 13px rgba(0,0,0,0.5) !important; box-shadow: 0px 3px 13px rgb(0 0 0 / 50%) !important; } #mainNavbar.show { height: auto; max-height: calc(100vh - 90px); overflow: auto; } .main-menu .mega-menu { padding-bottom: 8px; } #langAndSignInWrapper { position: unset; height: auto; } #langAndSignInWrapper:after { width: 3rem; height: 1px; background-color: #b2c9d9; content:""; margin-top: 0.5rem; margin-bottom: 0.5rem; display: block; } #langAndSignInWrapper li { display: list-item !important; } #langAndSignInWrapper a.lang_switch:after { content:""; } #btnSignedIn { text-align: left } .nav-item.dropdown.signed_in_menu.show { border-bottom: none !important; } #welcomeMenu { top: auto; } #welcomeMenu + div.dropdown-menu { box-shadow: none; background: #fff !important; } .signed_in_menu a#welcomeMenu + div a { padding-top: 5px; padding-bottom: 5px; } .search-login { text-align: left !important; padding-bottom: 1rem; } #btnSearch span.sr-only{ width: auto; height: auto; clip: unset; overflow: auto; position: relative; margin: 0; line-height: 0; border: none; clip-path: none; } } #btnSearch { padding-right: 6px; } .lang-menu, .signed_in_menu a#welcomeMenu, .signed_in_menu a#welcomeMenu + div a { font-size: 11px !important; } /* Welcome menu */ .signed_in_menu > a#welcomeMenu { font-size: .8rem !important; padding-left: 0; } .signed_in_menu { background-color: transparent !important; } .signed_in_menu a#welcomeMenu { /*font-weight: 400; /*padding: 8px 0 0 0 !important; /*top: auto; /*position: inherit; /* color: #b2c9d9 !important; */ /* margin-top: 8px; */} .signed_in_menu a#welcomeMen:hover { color: #fff !important; } .signed_in_menu.show { color: #fff; background-color: transparent; } .signed_in_menu a#welcomeMenu div.dropdown-menu { margin-top: -7px !important; } .signed_in_menu a#welcomeMenu + div a:hover, .signed_in_menu a#welcomeMenu + div a:focus, .signed_in_menu a#welcomeMenu + div a:focus-within { text-decoration: underline !important; } .signed_in_menu a#welcomeMenu + div a:focus-visible { text-decoration: none !important; } .signed_in_menu a#welcomeMenu:after { width: 20px; height: 16px; text-align: center; position: absolute; font-family:"Font Awesome 5 Pro"; content: "\f0d7"; font-weight: 900; line-height: 1.5;} .signed_in_menu.show a#welcomeMenu:after { content: "\f0d8"; } @media screen and (min-width: 992px) { .lang-menu { top: 0 !important; } #btnSignIn { padding-left: 0; } .signed_in_menu a#welcomeMenu { padding-right: 25px !important; } #welcomeMenu + div.dropdown-menu { background-color: #fff !important; } .signed_in_menu a#welcomeMenu + div a { color: var(--primary-color-blue) !important; padding: 4px; } } #signOutModal .modal-footer{ background-color: transparent !important; } #signOutModal .modal-footer:before { display:none; } #langAndSignInWrapper li.nav-item button { background: inherit; border: none !important; color: var(--primary-color-blue) !important; margin-top: 4px; padding:4px 0 !important; font-size: 11px !important; font-weight: 500; } #langAndSignInWrapper li small { font-size: 80%; font-weight: 400; opacity: 1; } @media screen and (max-width: 991px){ #langAndSignInWrapper li.nav-item button { color: #b2c9d9 !important } } #langAndSignInWrapper li.nav-item button:hover { text-decoration: underline !important; } #langAndSignInWrapper li.nav-item button:focus { -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--primary-color-blue) !important; box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--primary-color-blue) !important; outline: 0; } ul.langAndSignInWrapperClass::after { display: none !important; } /*One Trust Overrides*/ div#onetrust-banner-sdk #onetrust-policy-text { font-size: 16px !important; font-family: 'Roobert', Helvetica, Arial, sans-serif !important; color: #666666 !important; } #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy a[href] { color: #016DFF !important; } #onetrust-button-group button#onetrust-pc-btn-handler { background-color: #FFFFFF !important; color: #016DFF !important; border: solid 1px #016DFF !important; } #onetrust-banner-sdk #onetrust-button-group-parent #onetrust-button-group { display: inline-block; flex-direction: unset; } #onetrust-button-group button#onetrust-pc-btn-handler, #onetrust-button-group button#onetrust-reject-all-handler, #onetrust-button-group button#onetrust-accept-btn-handler { font-family: 'Roobert', Helvetica, Arial, sans-serif !important; } #onetrust-button-group button#onetrust-reject-all-handler, #onetrust-button-group button#onetrust-accept-btn-handler { background-color: #016DFF !important; color: #FFFFFF !important; border-color: #016DFF !important; } #onetrust-button-group button#onetrust-pc-btn-handler:hover, #onetrust-button-group button#onetrust-pc-btn-handler:focus { color: #161616 !important; background-color: #FFFFFF !important; border-color: #161616 !important; opacity: 1 !important; outline: none !important; } #onetrust-button-group button#onetrust-reject-all-handler:hover, #onetrust-button-group button#onetrust-reject-all-handler:focus, #onetrust-button-group button#onetrust-accept-btn-handler:hover, #onetrust-button-group button#onetrust-accept-btn-handler:focus { background-color: #161616 !important; border-color: #161616 !important; color: #FFFFFF !important; opacity: 1 !important; outline: none !important; } div#onetrust-banner-sdk #onetrust-button-group-parent button:focus-visible, div#onetrust-banner-sdk a:focus-visible, div#onetrust-pc-sdk button:focus-visible, div#onetrust-banner-sdk #onetrust-button-group-parent button:focus, div#onetrust-banner-sdk a:focus, div#onetrust-pc-sdk button:focus { border-color: transparent !important; outline: 0 !important; box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #161616 !important; -webkit-box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #161616 !important; } @media only screen and (min-width: 769px) { #onetrust-banner-sdk .ot-sdk-container #onetrust-button-group { margin-right: 0%; } } @media only screen and (min-width: 992px) { #onetrust-banner-sdk .ot-sdk-container #onetrust-button-group { margin-right: 30%; } } @media only screen and (min-width: 897px) and (max-width: 1023px) { #onetrust-banner-sdk.vertical-align-content .ot-sdk-container #onetrust-button-group-parent { left: unset; } } /*Cookie banner preference center overrides*/ .ot-pc-footer button#accept-recommended-btn-handler, .ot-pc-footer button.ot-pc-refuse-all-handler, .ot-pc-footer button.save-preference-btn-handler.onetrust-close-btn-handler { min-height: 40px !important; padding: 10px 20px !important; border-radius: 0px !important; font-family: 'Roobert', Helvetica, Arial, sans-serif !important; font-size: 13px !important; font-weight: 500 !important; line-height: 14px !important; background-color: #016DFF !important; color: #FFFFFF !important; border-color: #016DFF !important; } #onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(button.ot-link-btn):hover, #onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(button.ot-link-btn):focus { background-color: #161616 !important; border-color: #161616 !important; color: #FFFFFF !important; opacity: 1 !important; outline: none !important; } #onetrust-pc-sdk .ot-pc-logo img{ display: none !important; } #onetrust-pc-sdk .ot-pc-footer-logo { display: none !important; } #onetrust-pc-sdk #ot-pc-content #ot-pc-title { font-family: 'Roobert', Helvetica, Arial, sans-serif !important; font-size: 48px !important; color: #161616 !important; font-weight: 400; line-height: 1.125; } #onetrust-pc-sdk #ot-pc-content #ot-pc-desc { font-family: 'Roobert', Helvetica, Arial, sans-serif !important; font-size: 18px !important; color: #666666 !important; } #onetrust-pc-sdk h3#ot-category-title { font-family: 'Roobert', Helvetica, Arial, sans-serif !important; font-size: 28px !important; color: #161616 !important; font-weight: 650; } #onetrust-pc-sdk h4.ot-cat-header{ color: #161616 !important; } #onetrust-pc-sdk div.ot-plus-minus span { color: #161616 !important; } #onetrust-pc-sdk .ot-accordion-layout p.ot-acc-grpdesc { font-family: 'Roobert', Helvetica, Arial, sans-serif !important; font-size: 18px !important; color: #666666 !important; } #onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-grpcntr.ot-acc-txt { background-color: #FFFFFF !important; } #onetrust-pc-sdk .ot-tgl input[type=checkbox]:focus { outline: none !important; } #onetrust-pc-sdk .ot-tgl input:focus+.ot-switch { outline: none !important; } #onetrust-pc-sdk .ot-tgl input:focus-visible+label.ot-switch { outline: #161616 solid 1px !important; } #onetrust-pc-sdk .ot-accordion-layout h4.ot-cat-header { font-family: 'Roobert', Helvetica, Arial, sans-serif !important; font-weight: 500 !important; color: #161616 !important; } #onetrust-pc-sdk .ot-always-active-group .ot-always-active { font-family: 'Roobert', Helvetica, Arial, sans-serif !important; color: #016DFF !important; font-size: 18px !important; font-weight: 400 !important; } #onetrust-consent-sdk #onetrust-pc-sdk a.privacy-notice-link { font-family: 'Roobert', Helvetica, Arial, sans-serif !important; color: #016DFF !important; } #onetrust-pc-sdk .ot-tgl input:checked+.ot-switch span.ot-switch-nob:before{ background-color: #016DFF !important; border-color: #016DFF !important; } #onetrust-pc-sdk .ot-tgl input:checked+.ot-switch span.ot-switch-nob { background-color: #FFFFFF; border-color: #016DFF !important ; } #onetrust-pc-sdk span.ot-switch-nob:before { background-color: #666666 !important; } #onetrust-pc-sdk span.ot-switch-nob { background-color: #f3f3f3 !important; border-color: #CCCCCC !important; } #ot-pc-content button#accept-recommended-btn-handler { font-family: 'Roobert', Helvetica, Arial, sans-serif !important; background-color: #016DFF !important; color: #FFFFFF !important; border-color: #016DFF !important; } /* iec pages specific overrides */ @media(max-width: 576px){ table.diversification-table th{ padding-top: 0px; padding-bottom: 0px; } } .diversification-page-container .diversification-table tbody .heading-row th { padding: 0; } .asset-allocation-page-container .asset-inputs .dollar-sign input:lang(fr) { padding-top:12px; } @media(min-width: 992px){ .asset-allocation-page-container .asset-inputs .dollar-sign:lang(fr)::after { top: 0px; } } .asset-allocation-page-container .asset-inputs .item .asset:lang(fr) { position: relative; } .asset-allocation-page-container .print-page .print-content .disclaimer p { font-size: 10px !important; line-height: 10px !important; } .asset-allocation-page-container .print-page .print-content .bottom-section p { font-size: 12px !important; } @media (max-width: 575px) { .inflation-page-container .view-content .right .row3:lang(fr) { height: auto !important; } } table.diversification-table tbody tr:last-child td { border-bottom: unset !important; } /* 9527 - moving html blocks to clientlibs*/ li.Dynamic.Credit.Absolute.Return.Fund.-type:nth-of-type(2) { display: none; } #awards-table tbody th { line-height: 1.2; padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #ccc; } #awards-table tbody th:first-child { padding-left: 10px; } #awards-table tbody td:first-child { padding: .5rem 10px; } #awards-table tbody td:nth-child(2) { padding-right: .5rem; } #awards-table tbody td:nth-child(3) { font-variant-numeric: tabular-nums; text-align: right; padding-right: 4rem; } #awards-table tbody tr:nth-of-type(odd) { background-color: #fff; } dl.disclaimers-content p {font-size: 10pt !important;} @charset "UTF-8"; /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0 0 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-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; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*! * Font Awesome Pro 5.0.4 by @fontawesome - http://fontawesome.com * License - http://fontawesome.com/license (Commercial License) */ .fa, .fas, .card-image-tag .video::before, .btn-group .btn.btn-outline-primary.icon-bookmark::before, .list-icon-item.locked::after, .list-icon-item.unlocked::after, .assetlist > ul > li.locked::after, .assetlist > ul > li.unlocked::after, .far, .list-icon-item:hover.pdf::before, .list-icon-item:hover.word::before, .list-icon-item:hover.email::before, .list-icon-item:hover.powerpoint::before, .list-icon-item:hover.excel::before, .assetlist > ul > li:hover::before, .fal, .page__container .accordion .cmp-accordion__button::after, .list-icon-item.pdf::before, .list-icon-item.word::before, .list-icon-item.email::before, .list-icon-item.powerpoint::before, .list-icon-item.excel::before, .list-breadcrumb-item:before, .list-breadcrumb-items:before, .breadcrumb > .container > .breadcrumb-item::before, .breadcrumb > .container::before, .assetlist > ul > li::before, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .page__container .accordion .cmp-accordion__button::after, .card-image-tag .video::before, .btn-group .btn.btn-outline-primary.icon-bookmark::before, .list-icon-item.locked::after, .list-icon-item.unlocked::after, .list-icon-item.pdf::before, .list-icon-item.word::before, .list-icon-item.email::before, .list-icon-item.powerpoint::before, .list-icon-item.excel::before, .list-breadcrumb-item:before, .list-breadcrumb-items:before, .breadcrumb > .container > .breadcrumb-item::before, .breadcrumb > .container::before, .assetlist > ul > li.locked::after, .assetlist > ul > li.unlocked::after, .assetlist > ul > li::before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; vertical-align: -15%; } .fa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -0.0667em; } .fa-xs { font-size: 0.75em; } .fa-sm { font-size: 0.875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: 0.1em; padding: 0.2em 0.25em 0.15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .card-image-tag .fa-pull-left.video::before, .btn-group .fa-pull-left.btn.btn-outline-primary.icon-bookmark::before, .fa-pull-left.list-icon-item.locked::after, .fa-pull-left.list-icon-item.unlocked::after, .assetlist > ul > li.fa-pull-left.locked::after, .assetlist > ul > li.fa-pull-left.unlocked::after, .far.fa-pull-left, .fal.fa-pull-left, .page__container .accordion .fa-pull-left.cmp-accordion__button::after, .fa-pull-left.list-icon-item.pdf::before, .fa-pull-left.list-icon-item.word::before, .fa-pull-left.list-icon-item.email::before, .fa-pull-left.list-icon-item.powerpoint::before, .fa-pull-left.list-icon-item.excel::before, .fa-pull-left.list-breadcrumb-item:before, .fa-pull-left.list-breadcrumb-items:before, .breadcrumb > .container > .fa-pull-left.breadcrumb-item::before, .breadcrumb > .fa-pull-left.container::before, .assetlist > ul > li.fa-pull-left::before, .fab.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right, .fas.fa-pull-right, .card-image-tag .fa-pull-right.video::before, .btn-group .fa-pull-right.btn.btn-outline-primary.icon-bookmark::before, .fa-pull-right.list-icon-item.locked::after, .fa-pull-right.list-icon-item.unlocked::after, .assetlist > ul > li.fa-pull-right.locked::after, .assetlist > ul > li.fa-pull-right.unlocked::after, .far.fa-pull-right, .fal.fa-pull-right, .page__container .accordion .fa-pull-right.cmp-accordion__button::after, .fa-pull-right.list-icon-item.pdf::before, .fa-pull-right.list-icon-item.word::before, .fa-pull-right.list-icon-item.email::before, .fa-pull-right.list-icon-item.powerpoint::before, .fa-pull-right.list-icon-item.excel::before, .fa-pull-right.list-breadcrumb-item:before, .fa-pull-right.list-breadcrumb-items:before, .breadcrumb > .container > .fa-pull-right.breadcrumb-item::before, .breadcrumb > .fa-pull-right.container::before, .assetlist > ul > li.fa-pull-right::before, .fab.fa-pull-right { margin-left: 0.3em; } .fa-spin { animation: fa-spin 2s infinite linear; } .fa-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: ""; } .fa-accessible-icon:before { content: ""; } .fa-accusoft:before { content: ""; } .fa-address-book:before { content: ""; } .fa-address-card:before { content: ""; } .fa-adjust:before { content: ""; } .fa-adn:before { content: ""; } .fa-adversal:before { content: ""; } .fa-affiliatetheme:before { content: ""; } .fa-alarm-clock:before { content: ""; } .fa-algolia:before { content: ""; } .fa-align-center:before { content: ""; } .fa-align-justify:before { content: ""; } .fa-align-left:before { content: ""; } .fa-align-right:before { content: ""; } .fa-amazon:before { content: ""; } .fa-amazon-pay:before { content: ""; } .fa-ambulance:before { content: ""; } .fa-american-sign-language-interpreting:before { content: ""; } .fa-amilia:before { content: ""; } .fa-anchor:before { content: ""; } .fa-android:before { content: ""; } .fa-angellist:before { content: ""; } .fa-angle-double-down:before { content: ""; } .fa-angle-double-left:before { content: ""; } .fa-angle-double-right:before { content: ""; } .fa-angle-double-up:before { content: ""; } .fa-angle-down:before { content: ""; } .fa-angle-left:before { content: ""; } .fa-angle-right:before { content: ""; } .fa-angle-up:before { content: ""; } .fa-angrycreative:before { content: ""; } .fa-angular:before { content: ""; } .fa-app-store:before { content: ""; } .fa-app-store-ios:before { content: ""; } .fa-apper:before { content: ""; } .fa-apple:before { content: ""; } .fa-apple-pay:before { content: ""; } .fa-archive:before { content: ""; } .fa-arrow-alt-circle-down:before { content: ""; } .fa-arrow-alt-circle-left:before { content: ""; } .fa-arrow-alt-circle-right:before { content: ""; } .fa-arrow-alt-circle-up:before { content: ""; } .fa-arrow-alt-down:before { content: ""; } .fa-arrow-alt-from-bottom:before { content: ""; } .fa-arrow-alt-from-left:before { content: ""; } .fa-arrow-alt-from-right:before { content: ""; } .fa-arrow-alt-from-top:before { content: ""; } .fa-arrow-alt-left:before { content: ""; } .fa-arrow-alt-right:before { content: ""; } .fa-arrow-alt-square-down:before { content: ""; } .fa-arrow-alt-square-left:before { content: ""; } .fa-arrow-alt-square-right:before { content: ""; } .fa-arrow-alt-square-up:before { content: ""; } .fa-arrow-alt-to-bottom:before { content: ""; } .fa-arrow-alt-to-left:before { content: ""; } .fa-arrow-alt-to-right:before { content: ""; } .fa-arrow-alt-to-top:before { content: ""; } .fa-arrow-alt-up:before { content: ""; } .fa-arrow-circle-down:before { content: ""; } .fa-arrow-circle-left:before { content: ""; } .fa-arrow-circle-right:before { content: ""; } .fa-arrow-circle-up:before { content: ""; } .fa-arrow-down:before { content: ""; } .fa-arrow-from-bottom:before { content: ""; } .fa-arrow-from-left:before { content: ""; } .fa-arrow-from-right:before { content: ""; } .fa-arrow-from-top:before { content: ""; } .fa-arrow-left:before { content: ""; } .fa-arrow-right:before { content: ""; } .fa-arrow-square-down:before { content: ""; } .fa-arrow-square-left:before { content: ""; } .fa-arrow-square-right:before { content: ""; } .fa-arrow-square-up:before { content: ""; } .fa-arrow-to-bottom:before { content: ""; } .fa-arrow-to-left:before { content: ""; } .fa-arrow-to-right:before { content: ""; } .fa-arrow-to-top:before { content: ""; } .fa-arrow-up:before { content: ""; } .fa-arrows:before { content: ""; } .fa-arrows-alt:before { content: ""; } .fa-arrows-alt-h:before { content: ""; } .fa-arrows-alt-v:before { content: ""; } .fa-arrows-h:before { content: ""; } .fa-arrows-v:before { content: ""; } .fa-assistive-listening-systems:before { content: ""; } .fa-asterisk:before { content: ""; } .fa-asymmetrik:before { content: ""; } .fa-at:before { content: ""; } .fa-audible:before { content: ""; } .fa-audio-description:before { content: ""; } .fa-autoprefixer:before { content: ""; } .fa-avianex:before { content: ""; } .fa-aviato:before { content: ""; } .fa-aws:before { content: ""; } .fa-backward:before { content: ""; } .fa-badge:before { content: ""; } .fa-badge-check:before { content: ""; } .fa-balance-scale:before { content: ""; } .fa-ban:before { content: ""; } .fa-bandcamp:before { content: ""; } .fa-barcode:before { content: ""; } .fa-bars:before { content: ""; } .fa-bath:before { content: ""; } .fa-battery-bolt:before { content: ""; } .fa-battery-empty:before { content: ""; } .fa-battery-full:before { content: ""; } .fa-battery-half:before { content: ""; } .fa-battery-quarter:before { content: ""; } .fa-battery-slash:before { content: ""; } .fa-battery-three-quarters:before { content: ""; } .fa-bed:before { content: ""; } .fa-beer:before { content: ""; } .fa-behance:before { content: ""; } .fa-behance-square:before { content: ""; } .fa-bell:before { content: ""; } .fa-bell-slash:before { content: ""; } .fa-bicycle:before { content: ""; } .fa-bimobject:before { content: ""; } .fa-binoculars:before { content: ""; } .fa-birthday-cake:before { content: ""; } .fa-bitbucket:before { content: ""; } .fa-bitcoin:before { content: ""; } .fa-bity:before { content: ""; } .fa-black-tie:before { content: ""; } .fa-blackberry:before { content: ""; } .fa-blind:before { content: ""; } .fa-blogger:before { content: ""; } .fa-blogger-b:before { content: ""; } .fa-bluetooth:before { content: ""; } .fa-bluetooth-b:before { content: ""; } .fa-bold:before { content: ""; } .fa-bolt:before { content: ""; } .fa-bomb:before { content: ""; } .fa-book:before { content: ""; } .fa-bookmark:before { content: ""; } .fa-braille:before { content: ""; } .fa-briefcase:before { content: ""; } .fa-browser:before { content: ""; } .fa-btc:before { content: ""; } .fa-bug:before { content: ""; } .fa-building:before { content: ""; } .fa-bullhorn:before { content: ""; } .fa-bullseye:before { content: ""; } .fa-buromobelexperte:before { content: ""; } .fa-bus:before { content: ""; } .fa-buysellads:before { content: ""; } .fa-calculator:before { content: ""; } .fa-calendar:before { content: ""; } .fa-calendar-alt:before { content: ""; } .fa-calendar-check:before { content: ""; } .fa-calendar-edit:before { content: ""; } .fa-calendar-exclamation:before { content: ""; } .fa-calendar-minus:before { content: ""; } .fa-calendar-plus:before { content: ""; } .fa-calendar-times:before { content: ""; } .fa-camera:before { content: ""; } .fa-camera-alt:before { content: ""; } .fa-camera-retro:before { content: ""; } .fa-car:before { content: ""; } .fa-caret-circle-down:before { content: ""; } .fa-caret-circle-left:before { content: ""; } .fa-caret-circle-right:before { content: ""; } .fa-caret-circle-up:before { content: ""; } .fa-caret-down:before { content: ""; } .fa-caret-left:before { content: ""; } .fa-caret-right:before { content: ""; } .fa-caret-square-down:before { content: ""; } .fa-caret-square-left:before { content: ""; } .fa-caret-square-right:before { content: ""; } .fa-caret-square-up:before { content: ""; } .fa-caret-up:before { content: ""; } .fa-cart-arrow-down:before { content: ""; } .fa-cart-plus:before { content: ""; } .fa-cc-amazon-pay:before { content: ""; } .fa-cc-amex:before { content: ""; } .fa-cc-apple-pay:before { content: ""; } .fa-cc-diners-club:before { content: ""; } .fa-cc-discover:before { content: ""; } .fa-cc-jcb:before { content: ""; } .fa-cc-mastercard:before { content: ""; } .fa-cc-paypal:before { content: ""; } .fa-cc-stripe:before { content: ""; } .fa-cc-visa:before { content: ""; } .fa-centercode:before { content: ""; } .fa-certificate:before { content: ""; } .fa-chart-area:before { content: ""; } .fa-chart-bar:before { content: ""; } .fa-chart-line:before { content: ""; } .fa-chart-pie:before { content: ""; } .fa-check:before { content: ""; } .fa-check-circle:before { content: ""; } .fa-check-square:before { content: ""; } .fa-chevron-circle-down:before { content: ""; } .fa-chevron-circle-left:before { content: ""; } .fa-chevron-circle-right:before { content: ""; } .fa-chevron-circle-up:before { content: ""; } .fa-chevron-double-down:before { content: ""; } .fa-chevron-double-left:before { content: ""; } .fa-chevron-double-right:before { content: ""; } .fa-chevron-double-up:before { content: ""; } .fa-chevron-down:before { content: ""; } .fa-chevron-left:before { content: ""; } .fa-chevron-right:before { content: ""; } .fa-chevron-square-down:before { content: ""; } .fa-chevron-square-left:before { content: ""; } .fa-chevron-square-right:before { content: ""; } .fa-chevron-square-up:before { content: ""; } .fa-chevron-up:before { content: ""; } .fa-child:before { content: ""; } .fa-chrome:before { content: ""; } .fa-circle:before { content: ""; } .fa-circle-notch:before { content: ""; } .fa-clipboard:before { content: ""; } .fa-clock:before { content: ""; } .fa-clone:before { content: ""; } .fa-closed-captioning:before { content: ""; } .fa-cloud:before { content: ""; } .fa-cloud-download:before { content: ""; } .fa-cloud-download-alt:before { content: ""; } .fa-cloud-upload:before { content: ""; } .fa-cloud-upload-alt:before { content: ""; } .fa-cloudscale:before { content: ""; } .fa-cloudsmith:before { content: ""; } .fa-cloudversify:before { content: ""; } .fa-club:before { content: ""; } .fa-code:before { content: ""; } .fa-code-branch:before { content: ""; } .fa-code-commit:before { content: ""; } .fa-code-merge:before { content: ""; } .fa-codepen:before { content: ""; } .fa-codiepie:before { content: ""; } .fa-coffee:before { content: ""; } .fa-cog:before { content: ""; } .fa-cogs:before { content: ""; } .fa-columns:before { content: ""; } .fa-comment:before { content: ""; } .fa-comment-alt:before { content: ""; } .fa-comments:before { content: ""; } .fa-compass:before { content: ""; } .fa-compress:before { content: ""; } .fa-compress-alt:before { content: ""; } .fa-compress-wide:before { content: ""; } .fa-connectdevelop:before { content: ""; } .fa-contao:before { content: ""; } .fa-copy:before { content: ""; } .fa-copyright:before { content: ""; } .fa-cpanel:before { content: ""; } .fa-creative-commons:before { content: ""; } .fa-credit-card:before { content: ""; } .fa-credit-card-blank:before { content: ""; } .fa-credit-card-front:before { content: ""; } .fa-crop:before { content: ""; } .fa-crosshairs:before { content: ""; } .fa-css3:before { content: ""; } .fa-css3-alt:before { content: ""; } .fa-cube:before { content: ""; } .fa-cubes:before { content: ""; } .fa-cut:before { content: ""; } .fa-cuttlefish:before { content: ""; } .fa-d-and-d:before { content: ""; } .fa-dashcube:before { content: ""; } .fa-database:before { content: ""; } .fa-deaf:before { content: ""; } .fa-delicious:before { content: ""; } .fa-deploydog:before { content: ""; } .fa-deskpro:before { content: ""; } .fa-desktop:before { content: ""; } .fa-desktop-alt:before { content: ""; } .fa-deviantart:before { content: ""; } .fa-diamond:before { content: ""; } .fa-digg:before { content: ""; } .fa-digital-ocean:before { content: ""; } .fa-discord:before { content: ""; } .fa-discourse:before { content: ""; } .fa-dochub:before { content: ""; } .fa-docker:before { content: ""; } .fa-dollar-sign:before { content: ""; } .fa-dot-circle:before { content: ""; } .fa-download:before { content: ""; } .fa-draft2digital:before { content: ""; } .fa-dribbble:before { content: ""; } .fa-dribbble-square:before { content: ""; } .fa-dropbox:before { content: ""; } .fa-drupal:before { content: ""; } .fa-dyalog:before { content: ""; } .fa-earlybirds:before { content: ""; } .fa-edge:before { content: ""; } .fa-edit:before { content: ""; } .fa-eject:before { content: ""; } .fa-elementor:before { content: ""; } .fa-ellipsis-h:before { content: ""; } .fa-ellipsis-h-alt:before { content: ""; } .fa-ellipsis-v:before { content: ""; } .fa-ellipsis-v-alt:before { content: ""; } .fa-ember:before { content: ""; } .fa-empire:before { content: ""; } .fa-envelope:before { content: ""; } .fa-envelope-open:before { content: ""; } .fa-envelope-square:before { content: ""; } .fa-envira:before { content: ""; } .fa-eraser:before { content: ""; } .fa-erlang:before { content: ""; } .fa-ethereum:before { content: ""; } .fa-etsy:before { content: ""; } .fa-euro-sign:before { content: ""; } .fa-exchange:before { content: ""; } .fa-exchange-alt:before { content: ""; } .fa-exclamation:before { content: ""; } .fa-exclamation-circle:before { content: ""; } .fa-exclamation-square:before { content: ""; } .fa-exclamation-triangle:before { content: ""; } .fa-expand:before { content: ""; } .fa-expand-alt:before { content: ""; } .fa-expand-arrows:before { content: ""; } .fa-expand-arrows-alt:before { content: ""; } .fa-expand-wide:before { content: ""; } .fa-expeditedssl:before { content: ""; } .fa-external-link:before { content: ""; } .fa-external-link-alt:before { content: ""; } .fa-external-link-square:before { content: ""; } .fa-external-link-square-alt:before { content: ""; } .fa-eye:before { content: ""; } .fa-eye-dropper:before { content: ""; } .fa-eye-slash:before { content: ""; } .fa-facebook:before { content: ""; } .fa-facebook-f:before { content: ""; } .fa-facebook-messenger:before { content: ""; } .fa-facebook-square:before { content: ""; } .fa-fast-backward:before { content: ""; } .fa-fast-forward:before { content: ""; } .fa-fax:before { content: ""; } .fa-female:before { content: ""; } .fa-fighter-jet:before { content: ""; } .fa-file:before { content: ""; } .fa-file-alt:before { content: ""; } .fa-file-archive:before { content: ""; } .fa-file-audio:before { content: ""; } .fa-file-check:before { content: ""; } .fa-file-code:before { content: ""; } .fa-file-edit:before { content: ""; } .fa-file-excel:before { content: ""; } .fa-file-exclamation:before { content: ""; } .fa-file-image:before { content: ""; } .fa-file-minus:before { content: ""; } .fa-file-pdf:before { content: ""; } .fa-file-plus:before { content: ""; } .fa-file-powerpoint:before { content: ""; } .fa-file-times:before { content: ""; } .fa-file-video:before { content: ""; } .fa-file-word:before { content: ""; } .fa-film:before { content: ""; } .fa-film-alt:before { content: ""; } .fa-filter:before { content: ""; } .fa-fire:before { content: ""; } .fa-fire-extinguisher:before { content: ""; } .fa-firefox:before { content: ""; } .fa-first-order:before { content: ""; } .fa-firstdraft:before { content: ""; } .fa-flag:before { content: ""; } .fa-flag-checkered:before { content: ""; } .fa-flask:before { content: ""; } .fa-flickr:before { content: ""; } .fa-fly:before { content: ""; } .fa-folder:before { content: ""; } .fa-folder-open:before { content: ""; } .fa-font:before { content: ""; } .fa-font-awesome:before { content: ""; } .fa-font-awesome-alt:before { content: ""; } .fa-font-awesome-flag:before { content: ""; } .fa-fonticons:before { content: ""; } .fa-fonticons-fi:before { content: ""; } .fa-fort-awesome:before { content: ""; } .fa-fort-awesome-alt:before { content: ""; } .fa-forumbee:before { content: ""; } .fa-forward:before { content: ""; } .fa-foursquare:before { content: ""; } .fa-free-code-camp:before { content: ""; } .fa-freebsd:before { content: ""; } .fa-frown:before { content: ""; } .fa-futbol:before { content: ""; } .fa-gamepad:before { content: ""; } .fa-gavel:before { content: ""; } .fa-gem:before { content: ""; } .fa-genderless:before { content: ""; } .fa-get-pocket:before { content: ""; } .fa-gg:before { content: ""; } .fa-gg-circle:before { content: ""; } .fa-gift:before { content: ""; } .fa-git:before { content: ""; } .fa-git-square:before { content: ""; } .fa-github:before { content: ""; } .fa-github-alt:before { content: ""; } .fa-github-square:before { content: ""; } .fa-gitkraken:before { content: ""; } .fa-gitlab:before { content: ""; } .fa-gitter:before { content: ""; } .fa-glass-martini:before { content: ""; } .fa-glide:before { content: ""; } .fa-glide-g:before { content: ""; } .fa-globe:before { content: ""; } .fa-gofore:before { content: ""; } .fa-goodreads:before { content: ""; } .fa-goodreads-g:before { content: ""; } .fa-google:before { content: ""; } .fa-google-drive:before { content: ""; } .fa-google-play:before { content: ""; } .fa-google-plus:before { content: ""; } .fa-google-plus-g:before { content: ""; } .fa-google-plus-square:before { content: ""; } .fa-google-wallet:before { content: ""; } .fa-graduation-cap:before { content: ""; } .fa-gratipay:before { content: ""; } .fa-grav:before { content: ""; } .fa-gripfire:before { content: ""; } .fa-grunt:before { content: ""; } .fa-gulp:before { content: ""; } .fa-h-square:before { content: ""; } .fa-h1:before { content: ""; } .fa-h2:before { content: ""; } .fa-h3:before { content: ""; } .fa-hacker-news:before { content: ""; } .fa-hacker-news-square:before { content: ""; } .fa-hand-lizard:before { content: ""; } .fa-hand-paper:before { content: ""; } .fa-hand-peace:before { content: ""; } .fa-hand-point-down:before { content: ""; } .fa-hand-point-left:before { content: ""; } .fa-hand-point-right:before { content: ""; } .fa-hand-point-up:before { content: ""; } .fa-hand-pointer:before { content: ""; } .fa-hand-rock:before { content: ""; } .fa-hand-scissors:before { content: ""; } .fa-hand-spock:before { content: ""; } .fa-handshake:before { content: ""; } .fa-hashtag:before { content: ""; } .fa-hdd:before { content: ""; } .fa-heading:before { content: ""; } .fa-headphones:before { content: ""; } .fa-heart:before { content: ""; } .fa-heartbeat:before { content: ""; } .fa-hexagon:before { content: ""; } .fa-hire-a-helper:before { content: ""; } .fa-history:before { content: ""; } .fa-home:before { content: ""; } .fa-hooli:before { content: ""; } .fa-hospital:before { content: ""; } .fa-hotjar:before { content: ""; } .fa-hourglass:before { content: ""; } .fa-hourglass-end:before { content: ""; } .fa-hourglass-half:before { content: ""; } .fa-hourglass-start:before { content: ""; } .fa-houzz:before { content: ""; } .fa-html5:before { content: ""; } .fa-hubspot:before { content: ""; } .fa-i-cursor:before { content: ""; } .fa-id-badge:before { content: ""; } .fa-id-card:before { content: ""; } .fa-image:before { content: ""; } .fa-images:before { content: ""; } .fa-imdb:before { content: ""; } .fa-inbox:before { content: ""; } .fa-inbox-in:before { content: ""; } .fa-inbox-out:before { content: ""; } .fa-indent:before { content: ""; } .fa-industry:before { content: ""; } .fa-industry-alt:before { content: ""; } .fa-info:before { content: ""; } .fa-info-circle:before { content: ""; } .fa-info-square:before { content: ""; } .fa-instagram:before { content: ""; } .fa-internet-explorer:before { content: ""; } .fa-ioxhost:before { content: ""; } .fa-italic:before { content: ""; } .fa-itunes:before { content: ""; } .fa-itunes-note:before { content: ""; } .fa-jack-o-lantern:before { content: ""; } .fa-jenkins:before { content: ""; } .fa-joget:before { content: ""; } .fa-joomla:before { content: ""; } .fa-js:before { content: ""; } .fa-js-square:before { content: ""; } .fa-jsfiddle:before { content: ""; } .fa-key:before { content: ""; } .fa-keyboard:before { content: ""; } .fa-keycdn:before { content: ""; } .fa-kickstarter:before { content: ""; } .fa-kickstarter-k:before { content: ""; } .fa-korvue:before { content: ""; } .fa-language:before { content: ""; } .fa-laptop:before { content: ""; } .fa-laravel:before { content: ""; } .fa-lastfm:before { content: ""; } .fa-lastfm-square:before { content: ""; } .fa-leaf:before { content: ""; } .fa-leanpub:before { content: ""; } .fa-lemon:before { content: ""; } .fa-less:before { content: ""; } .fa-level-down:before { content: ""; } .fa-level-down-alt:before { content: ""; } .fa-level-up:before { content: ""; } .fa-level-up-alt:before { content: ""; } .fa-life-ring:before { content: ""; } .fa-lightbulb:before { content: ""; } .fa-line:before { content: ""; } .fa-link:before { content: ""; } .fa-linkedin:before { content: ""; } .fa-linkedin-in:before { content: ""; } .fa-linode:before { content: ""; } .fa-linux:before { content: ""; } .fa-lira-sign:before { content: ""; } .fa-list:before { content: ""; } .fa-list-alt:before { content: ""; } .fa-list-ol:before { content: ""; } .fa-list-ul:before { content: ""; } .fa-location-arrow:before { content: ""; } .fa-lock:before { content: ""; } .fa-lock-alt:before { content: ""; } .fa-lock-open:before { content: ""; } .fa-lock-open-alt:before { content: ""; } .fa-long-arrow-alt-down:before { content: ""; } .fa-long-arrow-alt-left:before { content: ""; } .fa-long-arrow-alt-right:before { content: ""; } .fa-long-arrow-alt-up:before { content: ""; } .fa-long-arrow-down:before { content: ""; } .fa-long-arrow-left:before { content: ""; } .fa-long-arrow-right:before { content: ""; } .fa-long-arrow-up:before { content: ""; } .fa-low-vision:before { content: ""; } .fa-lyft:before { content: ""; } .fa-magento:before { content: ""; } .fa-magic:before { content: ""; } .fa-magnet:before { content: ""; } .fa-male:before { content: ""; } .fa-map:before { content: ""; } .fa-map-marker:before { content: ""; } .fa-map-marker-alt:before { content: ""; } .fa-map-pin:before { content: ""; } .fa-map-signs:before { content: ""; } .fa-mars:before { content: ""; } .fa-mars-double:before { content: ""; } .fa-mars-stroke:before { content: ""; } .fa-mars-stroke-h:before { content: ""; } .fa-mars-stroke-v:before { content: ""; } .fa-maxcdn:before { content: ""; } .fa-medapps:before { content: ""; } .fa-medium:before { content: ""; } .fa-medium-m:before { content: ""; } .fa-medkit:before { content: ""; } .fa-medrt:before { content: ""; } .fa-meetup:before { content: ""; } .fa-meh:before { content: ""; } .fa-mercury:before { content: ""; } .fa-microchip:before { content: ""; } .fa-microphone:before { content: ""; } .fa-microphone-alt:before { content: ""; } .fa-microphone-slash:before { content: ""; } .fa-microsoft:before { content: ""; } .fa-minus:before { content: ""; } .fa-minus-circle:before { content: ""; } .fa-minus-hexagon:before { content: ""; } .fa-minus-octagon:before { content: ""; } .fa-minus-square:before { content: ""; } .fa-mix:before { content: ""; } .fa-mixcloud:before { content: ""; } .fa-mizuni:before { content: ""; } .fa-mobile:before { content: ""; } .fa-mobile-alt:before { content: ""; } .fa-mobile-android:before { content: ""; } .fa-mobile-android-alt:before { content: ""; } .fa-modx:before { content: ""; } .fa-monero:before { content: ""; } .fa-money-bill:before { content: ""; } .fa-money-bill-alt:before { content: ""; } .fa-moon:before { content: ""; } .fa-motorcycle:before { content: ""; } .fa-mouse-pointer:before { content: ""; } .fa-music:before { content: ""; } .fa-napster:before { content: ""; } .fa-neuter:before { content: ""; } .fa-newspaper:before { content: ""; } .fa-nintendo-switch:before { content: ""; } .fa-node:before { content: ""; } .fa-node-js:before { content: ""; } .fa-npm:before { content: ""; } .fa-ns8:before { content: ""; } .fa-nutritionix:before { content: ""; } .fa-object-group:before { content: ""; } .fa-object-ungroup:before { content: ""; } .fa-octagon:before { content: ""; } .fa-odnoklassniki:before { content: ""; } .fa-odnoklassniki-square:before { content: ""; } .fa-opencart:before { content: ""; } .fa-openid:before { content: ""; } .fa-opera:before { content: ""; } .fa-optin-monster:before { content: ""; } .fa-osi:before { content: ""; } .fa-outdent:before { content: ""; } .fa-page4:before { content: ""; } .fa-pagelines:before { content: ""; } .fa-paint-brush:before { content: ""; } .fa-palfed:before { content: ""; } .fa-paper-plane:before { content: ""; } .fa-paperclip:before { content: ""; } .fa-paragraph:before { content: ""; } .fa-paste:before { content: ""; } .fa-patreon:before { content: ""; } .fa-pause:before { content: ""; } .fa-pause-circle:before { content: ""; } .fa-paw:before { content: ""; } .fa-paypal:before { content: ""; } .fa-pen:before { content: ""; } .fa-pen-alt:before { content: ""; } .fa-pen-square:before { content: ""; } .fa-pencil:before { content: ""; } .fa-pencil-alt:before { content: ""; } .fa-percent:before { content: ""; } .fa-periscope:before { content: ""; } .fa-phabricator:before { content: ""; } .fa-phoenix-framework:before { content: ""; } .fa-phone:before { content: ""; } .fa-phone-slash:before { content: ""; } .fa-phone-square:before { content: ""; } .fa-phone-volume:before { content: ""; } .fa-pied-piper:before { content: ""; } .fa-pied-piper-alt:before { content: ""; } .fa-pied-piper-pp:before { content: ""; } .fa-pinterest:before { content: ""; } .fa-pinterest-p:before { content: ""; } .fa-pinterest-square:before { content: ""; } .fa-plane:before { content: ""; } .fa-plane-alt:before { content: ""; } .fa-play:before { content: ""; } .fa-play-circle:before { content: ""; } .fa-playstation:before { content: ""; } .fa-plug:before { content: ""; } .fa-plus:before { content: ""; } .fa-plus-circle:before { content: ""; } .fa-plus-hexagon:before { content: ""; } .fa-plus-octagon:before { content: ""; } .fa-plus-square:before { content: ""; } .fa-podcast:before { content: ""; } .fa-poo:before { content: ""; } .fa-portrait:before { content: ""; } .fa-pound-sign:before { content: ""; } .fa-power-off:before { content: ""; } .fa-print:before { content: ""; } .fa-product-hunt:before { content: ""; } .fa-pushed:before { content: ""; } .fa-puzzle-piece:before { content: ""; } .fa-python:before { content: ""; } .fa-qq:before { content: ""; } .fa-qrcode:before { content: ""; } .fa-question:before { content: ""; } .fa-question-circle:before { content: ""; } .fa-question-square:before { content: ""; } .fa-quora:before { content: ""; } .fa-quote-left:before { content: ""; } .fa-quote-right:before { content: ""; } .fa-random:before { content: ""; } .fa-ravelry:before { content: ""; } .fa-react:before { content: ""; } .fa-rebel:before { content: ""; } .fa-rectangle-landscape:before { content: ""; } .fa-rectangle-portrait:before { content: ""; } .fa-rectangle-wide:before { content: ""; } .fa-recycle:before { content: ""; } .fa-red-river:before { content: ""; } .fa-reddit:before { content: ""; } .fa-reddit-alien:before { content: ""; } .fa-reddit-square:before { content: ""; } .fa-redo:before { content: ""; } .fa-redo-alt:before { content: ""; } .fa-registered:before { content: ""; } .fa-rendact:before { content: ""; } .fa-renren:before { content: ""; } .fa-repeat:before { content: ""; } .fa-repeat-1:before { content: ""; } .fa-repeat-1-alt:before { content: ""; } .fa-repeat-alt:before { content: ""; } .fa-reply:before { content: ""; } .fa-reply-all:before { content: ""; } .fa-replyd:before { content: ""; } .fa-resolving:before { content: ""; } .fa-retweet:before { content: ""; } .fa-retweet-alt:before { content: ""; } .fa-road:before { content: ""; } .fa-rocket:before { content: ""; } .fa-rocketchat:before { content: ""; } .fa-rockrms:before { content: ""; } .fa-rss:before { content: ""; } .fa-rss-square:before { content: ""; } .fa-ruble-sign:before { content: ""; } .fa-rupee-sign:before { content: ""; } .fa-safari:before { content: ""; } .fa-sass:before { content: ""; } .fa-save:before { content: ""; } .fa-schlix:before { content: ""; } .fa-scribd:before { content: ""; } .fa-scrubber:before { content: ""; } .fa-search:before { content: ""; } .fa-search-minus:before { content: ""; } .fa-search-plus:before { content: ""; } .fa-searchengin:before { content: ""; } .fa-sellcast:before { content: ""; } .fa-sellsy:before { content: ""; } .fa-server:before { content: ""; } .fa-servicestack:before { content: ""; } .fa-share:before { content: ""; } .fa-share-all:before { content: ""; } .fa-share-alt:before { content: ""; } .fa-share-alt-square:before { content: ""; } .fa-share-square:before { content: ""; } .fa-shekel-sign:before { content: ""; } .fa-shield:before { content: ""; } .fa-shield-alt:before { content: ""; } .fa-shield-check:before { content: ""; } .fa-ship:before { content: ""; } .fa-shirtsinbulk:before { content: ""; } .fa-shopping-bag:before { content: ""; } .fa-shopping-basket:before { content: ""; } .fa-shopping-cart:before { content: ""; } .fa-shower:before { content: ""; } .fa-sign-in:before { content: ""; } .fa-sign-in-alt:before { content: ""; } .fa-sign-language:before { content: ""; } .fa-sign-out:before { content: ""; } .fa-sign-out-alt:before { content: ""; } .fa-signal:before { content: ""; } .fa-simplybuilt:before { content: ""; } .fa-sistrix:before { content: ""; } .fa-sitemap:before { content: ""; } .fa-skyatlas:before { content: ""; } .fa-skype:before { content: ""; } .fa-slack:before { content: ""; } .fa-slack-hash:before { content: ""; } .fa-sliders-h:before { content: ""; } .fa-sliders-h-square:before { content: ""; } .fa-sliders-v:before { content: ""; } .fa-sliders-v-square:before { content: ""; } .fa-slideshare:before { content: ""; } .fa-smile:before { content: ""; } .fa-snapchat:before { content: ""; } .fa-snapchat-ghost:before { content: ""; } .fa-snapchat-square:before { content: ""; } .fa-snowflake:before { content: ""; } .fa-sort:before { content: ""; } .fa-sort-alpha-down:before { content: ""; } .fa-sort-alpha-up:before { content: ""; } .fa-sort-amount-down:before { content: ""; } .fa-sort-amount-up:before { content: ""; } .fa-sort-down:before { content: ""; } .fa-sort-numeric-down:before { content: ""; } .fa-sort-numeric-up:before { content: ""; } .fa-sort-up:before { content: ""; } .fa-soundcloud:before { content: ""; } .fa-space-shuttle:before { content: ""; } .fa-spade:before { content: ""; } .fa-speakap:before { content: ""; } .fa-spinner:before { content: ""; } .fa-spinner-third:before { content: ""; } .fa-spotify:before { content: ""; } .fa-square:before { content: ""; } .fa-stack-exchange:before { content: ""; } .fa-stack-overflow:before { content: ""; } .fa-star:before { content: ""; } .fa-star-exclamation:before { content: ""; } .fa-star-half:before { content: ""; } .fa-staylinked:before { content: ""; } .fa-steam:before { content: ""; } .fa-steam-square:before { content: ""; } .fa-steam-symbol:before { content: ""; } .fa-step-backward:before { content: ""; } .fa-step-forward:before { content: ""; } .fa-stethoscope:before { content: ""; } .fa-sticker-mule:before { content: ""; } .fa-sticky-note:before { content: ""; } .fa-stop:before { content: ""; } .fa-stop-circle:before { content: ""; } .fa-stopwatch:before { content: ""; } .fa-strava:before { content: ""; } .fa-street-view:before { content: ""; } .fa-strikethrough:before { content: ""; } .fa-stripe:before { content: ""; } .fa-stripe-s:before { content: ""; } .fa-studiovinari:before { content: ""; } .fa-stumbleupon:before { content: ""; } .fa-stumbleupon-circle:before { content: ""; } .fa-subscript:before { content: ""; } .fa-subway:before { content: ""; } .fa-suitcase:before { content: ""; } .fa-sun:before { content: ""; } .fa-superpowers:before { content: ""; } .fa-superscript:before { content: ""; } .fa-supple:before { content: ""; } .fa-sync:before { content: ""; } .fa-sync-alt:before { content: ""; } .fa-table:before { content: ""; } .fa-tablet:before { content: ""; } .fa-tablet-alt:before { content: ""; } .fa-tablet-android:before { content: ""; } .fa-tablet-android-alt:before { content: ""; } .fa-tachometer:before { content: ""; } .fa-tachometer-alt:before { content: ""; } .fa-tag:before { content: ""; } .fa-tags:before { content: ""; } .fa-tasks:before { content: ""; } .fa-taxi:before { content: ""; } .fa-telegram:before { content: ""; } .fa-telegram-plane:before { content: ""; } .fa-tencent-weibo:before { content: ""; } .fa-terminal:before { content: ""; } .fa-text-height:before { content: ""; } .fa-text-width:before { content: ""; } .fa-th:before { content: ""; } .fa-th-large:before { content: ""; } .fa-th-list:before { content: ""; } .fa-themeisle:before { content: ""; } .fa-thermometer-empty:before { content: ""; } .fa-thermometer-full:before { content: ""; } .fa-thermometer-half:before { content: ""; } .fa-thermometer-quarter:before { content: ""; } .fa-thermometer-three-quarters:before { content: ""; } .fa-thumbs-down:before { content: ""; } .fa-thumbs-up:before { content: ""; } .fa-thumbtack:before { content: ""; } .fa-ticket:before { content: ""; } .fa-ticket-alt:before { content: ""; } .fa-times:before { content: ""; } .fa-times-circle:before { content: ""; } .fa-times-hexagon:before { content: ""; } .fa-times-octagon:before { content: ""; } .fa-times-square:before { content: ""; } .fa-tint:before { content: ""; } .fa-toggle-off:before { content: ""; } .fa-toggle-on:before { content: ""; } .fa-trademark:before { content: ""; } .fa-train:before { content: ""; } .fa-transgender:before { content: ""; } .fa-transgender-alt:before { content: ""; } .fa-trash:before { content: ""; } .fa-trash-alt:before { content: ""; } .fa-tree:before { content: ""; } .fa-tree-alt:before { content: ""; } .fa-trello:before { content: ""; } .fa-triangle:before { content: ""; } .fa-tripadvisor:before { content: ""; } .fa-trophy:before { content: ""; } .fa-trophy-alt:before { content: ""; } .fa-truck:before { content: ""; } .fa-tty:before { content: ""; } .fa-tumblr:before { content: ""; } .fa-tumblr-square:before { content: ""; } .fa-tv:before { content: ""; } .fa-tv-retro:before { content: ""; } .fa-twitch:before { content: ""; } .fa-twitter:before { content: ""; } .fa-twitter-square:before { content: ""; } .fa-typo3:before { content: ""; } .fa-uber:before { content: ""; } .fa-uikit:before { content: ""; } .fa-umbrella:before { content: ""; } .fa-underline:before { content: ""; } .fa-undo:before { content: ""; } .fa-undo-alt:before { content: ""; } .fa-uniregistry:before { content: ""; } .fa-universal-access:before { content: ""; } .fa-university:before { content: ""; } .fa-unlink:before { content: ""; } .fa-unlock:before { content: ""; } .fa-unlock-alt:before { content: ""; } .fa-untappd:before { content: ""; } .fa-upload:before { content: ""; } .fa-usb:before { content: ""; } .fa-usd-circle:before { content: ""; } .fa-usd-square:before { content: ""; } .fa-user:before { content: ""; } .fa-user-alt:before { content: ""; } .fa-user-circle:before { content: ""; } .fa-user-md:before { content: ""; } .fa-user-plus:before { content: ""; } .fa-user-secret:before { content: ""; } .fa-user-times:before { content: ""; } .fa-users:before { content: ""; } .fa-ussunnah:before { content: ""; } .fa-utensil-fork:before { content: ""; } .fa-utensil-knife:before { content: ""; } .fa-utensil-spoon:before { content: ""; } .fa-utensils:before { content: ""; } .fa-utensils-alt:before { content: ""; } .fa-vaadin:before { content: ""; } .fa-venus:before { content: ""; } .fa-venus-double:before { content: ""; } .fa-venus-mars:before { content: ""; } .fa-viacoin:before { content: ""; } .fa-viadeo:before { content: ""; } .fa-viadeo-square:before { content: ""; } .fa-viber:before { content: ""; } .fa-video:before { content: ""; } .fa-vimeo:before { content: ""; } .fa-vimeo-square:before { content: ""; } .fa-vimeo-v:before { content: ""; } .fa-vine:before { content: ""; } .fa-vk:before { content: ""; } .fa-vnv:before { content: ""; } .fa-volume-down:before { content: ""; } .fa-volume-mute:before { content: ""; } .fa-volume-off:before { content: ""; } .fa-volume-up:before { content: ""; } .fa-vuejs:before { content: ""; } .fa-watch:before { content: ""; } .fa-weibo:before { content: ""; } .fa-weixin:before { content: ""; } .fa-whatsapp:before { content: ""; } .fa-whatsapp-square:before { content: ""; } .fa-wheelchair:before { content: ""; } .fa-whmcs:before { content: ""; } .fa-wifi:before { content: ""; } .fa-wikipedia-w:before { content: ""; } .fa-window:before { content: ""; } .fa-window-alt:before { content: ""; } .fa-window-close:before { content: ""; } .fa-window-maximize:before { content: ""; } .fa-window-minimize:before { content: ""; } .fa-window-restore:before { content: ""; } .fa-windows:before { content: ""; } .fa-won-sign:before { content: ""; } .fa-wordpress:before { content: ""; } .fa-wordpress-simple:before { content: ""; } .fa-wpbeginner:before { content: ""; } .fa-wpexplorer:before { content: ""; } .fa-wpforms:before { content: ""; } .fa-wrench:before { content: ""; } .fa-xbox:before { content: ""; } .fa-xing:before { content: ""; } .fa-xing-square:before { content: ""; } .fa-y-combinator:before { content: ""; } .fa-yahoo:before { content: ""; } .fa-yandex:before { content: ""; } .fa-yandex-international:before { content: ""; } .fa-yelp:before { content: ""; } .fa-yen-sign:before { content: ""; } .fa-yoast:before { content: ""; } .fa-youtube:before { content: ""; } .fa-youtube-square:before { content: ""; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /*! * Font Awesome Pro 5.0.4 by @fontawesome - http://fontawesome.com * License - http://fontawesome.com/license (Commercial License) */ @font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 900; src: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/webfonts/fa-solid-900.eot"); src: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/webfonts/fa-solid-900.woff2") format("woff2"), url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/webfonts/fa-solid-900.woff") format("woff"), url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/webfonts/fa-solid-900.ttf") format("truetype"), url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/webfonts/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas, .card-image-tag .video::before, .btn-group .btn.btn-outline-primary.icon-bookmark::before, .list-icon-item.locked::after, .list-icon-item.unlocked::after, .assetlist > ul > li.locked::after, .assetlist > ul > li.unlocked::after { font-family: "Font Awesome 5 Pro"; font-weight: 900; } /*! * Font Awesome Pro 5.0.4 by @fontawesome - http://fontawesome.com * License - http://fontawesome.com/license (Commercial License) */ @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: normal; src: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/webfonts/fa-brands-400.eot"); src: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/webfonts/fa-brands-400.woff2") format("woff2"), url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/webfonts/fa-brands-400.woff") format("woff"), url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/webfonts/fa-brands-400.ttf") format("truetype"), url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/webfonts/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: "Font Awesome 5 Brands"; } /*! * Font Awesome Pro 5.0.4 by @fontawesome - http://fontawesome.com * License - http://fontawesome.com/license (Commercial License) */ @font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 300; src: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/webfonts/fa-light-300.eot"); src: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/webfonts/fa-light-300.woff2") format("woff2"), url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/webfonts/fa-light-300.woff") format("woff"), url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/webfonts/fa-light-300.ttf") format("truetype"), url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/webfonts/fa-light-300.svg#fontawesome") format("svg"); } .fal, .page__container .accordion .cmp-accordion__button::after, .list-icon-item.pdf::before, .list-icon-item.word::before, .list-icon-item.email::before, .list-icon-item.powerpoint::before, .list-icon-item.excel::before, .list-breadcrumb-item:before, .list-breadcrumb-items:before, .breadcrumb > .container > .breadcrumb-item::before, .breadcrumb > .container::before, .assetlist > ul > li::before { font-family: "Font Awesome 5 Pro"; font-weight: 300; } /*! * Font Awesome Pro 5.0.4 by @fontawesome - http://fontawesome.com * License - http://fontawesome.com/license (Commercial License) */ @font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 400; src: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/webfonts/fa-regular-400.eot"); src: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/webfonts/fa-regular-400.woff2") format("woff2"), url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/webfonts/fa-regular-400.woff") format("woff"), url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/webfonts/fa-regular-400.ttf") format("truetype"), url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/webfonts/fa-regular-400.svg#fontawesome") format("svg"); } .far, .list-icon-item:hover.pdf::before, .list-icon-item:hover.word::before, .list-icon-item:hover.email::before, .list-icon-item:hover.powerpoint::before, .list-icon-item:hover.excel::before, .assetlist > ul > li:hover::before { font-family: "Font Awesome 5 Pro"; font-weight: 400; } @media (max-width: 991px) { .page__container { padding: 0 16px 0 !important; } } @media (min-width: 992px) { .page__container { max-width: 1440px; } } @media (min-width: 768px) { .page__container > .aem-Grid .component, .page__container > .aem-Grid .title, .page__container > .aem-Grid .text, .page__container > .aem-Grid .accordion, .page__container > .aem-Grid .list, .page__container > .aem-Grid .image, .page__container > .aem-Grid .card-deck-v1 { padding: 0 15px 0 0; } .page__container > .aem-Grid .brightcove-video { padding-bottom: 20px; } } @media (max-width: 768px) { .page__container > .aem-Grid .component, .page__container > .aem-Grid .title, .page__container > .aem-Grid .text, .page__container > .aem-Grid .brightcove-video, .page__container > .aem-Grid .accordion, .page__container > .aem-Grid .list, .page__container > .aem-Grid .image, .page__container > .aem-Grid .card-deck-v1 { padding: 0 0 0 0; } } @media (min-width: 576px) { .page__container > .aem-Grid .text { padding: 0 15px 0 0; } } .page__container > .aem-Grid .brightcove-video h4 { margin: 10px 0 0; } .page__container > .aem-Grid .card-deck .card.w-67 { margin-top: 0; border: 1px solid #ccc; } .page__container > .aem-Grid .card-deck .card.w-67:first-of-type { /* display: none; */ } @media (min-width: 576px) { .page__container > .aem-Grid > .right-small-panel .component, .page__container > .aem-Grid > .right-small-panel .title, .page__container > .aem-Grid > .right-small-panel .text, .page__container > .aem-Grid > .right-small-panel .brightcove-video, .page__container > .aem-Grid > .right-small-panel .accordion, .page__container > .aem-Grid > .right-small-panel .list, .page__container > .aem-Grid > .right-small-panel .image, .page__container > .aem-Grid > .right-small-panel .card-deck-v1, .page__container > .aem-Grid > .right-small-panel .assetlist { padding: 0 0 0 0; } } @media (min-width: 768px) { .page__container > .aem-Grid > .right-small-panel { padding-right: 15px !important; } } @media (min-width: 768px) { .page__container > .aem-Grid > .left-small-panel { padding-right: 10px !important; } } @media (max-width: 768px) { .page__container > .aem-Grid > .left-small-panel { padding-right: 0px !important; } } @media (min-width: 768px) { .page__container > .aem-Grid > .responsivegrid { padding-right: 15px; } } @media (max-width: 576px) { .page__container > .aem-Grid > .responsivegrid { padding-right: 0; } } .page__container > .aem-Grid > .responsivegrid:last-of-type { padding: 0; } @media (min-width: 769px) { .left-small-panel:after { position: absolute; height: calc(100% - 10px); border-right: 1px solid #ddd; top: 10px; right: 12px; content: ""; } .left-small-panel { position: relative; } } html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; } figure { margin: 0 0 30px; } .card-text { font-size: 13px; font-size: 0.8125rem; } p { font-size: 16px; font-size: 1rem; margin: 0 0 20px 0; } a { text-decoration: none; } p a { color: #016DFF; transition: background 0.125s cubic-bezier(0.33, 0.66, 0.66, 1); } p a:hover { text-decoration: none; border-bottom: none; } p a:visited { color: #016DFF; text-decoration: none; } a.termsandconditions-footnote-link { color: #666; font-weight: 400; } dl.disclaimers-content, .disclaimers-unmarked-content, .disclaimers-static-content { font-family: inherit; font-style: normal; font-weight: 300; color: #666; } dl.disclaimers-content p, .disclaimers-unmarked-content p, .disclaimers-static-content p { font-size: 0.8rem; } h4, .modal-title { font-size: 16px; font-size: 1rem; line-height: 1.5; color: #333333; margin: 0 0 15px 0; } h4--lowercase, .modal-title--lowercase, .card-title--lowercase { font-size: 14px; font-size: 0.875rem; font-weight: 600; margin: 0 0 30px 0; } .card-title { margin-bottom: 10px; color: var(--primary-color-black); } ol, ul, dl { margin: 0 0 20px; font-size: 18px; } .assetlist > ul { padding: 0; margin: 0 0 20px; list-style-type: none; } .assetlist > ul > li { font-weight: 100; line-height: 1.75; padding-left: 20px; position: relative; } .assetlist > ul > li::before { content: ""; font-weight: 100; color: var(--primary-color-dark-grey); position: absolute; top: 5px; left: 0; } .assetlist > ul > li.pdf::before { content: ""; } .assetlist > ul > li.word::before { content: ""; } .assetlist > ul > li.email::before { content: ""; } .assetlist > ul > li.powerpoint::before { content: ""; } .assetlist > ul > li.excel::before { content: ""; } .assetlist > ul > li.locked::after, .assetlist > ul > li.unlocked::after { margin-left: 7px; vertical-align: baseline; } .assetlist > ul > li.locked::after { content: ""; } .assetlist > ul > li.unlocked::after { content: ""; } .assetlist > ul > li > article { display: inline-block; } .assetlist > ul > li > article a { color: var(--primary-color-blue) !important; text-decoration: none; } .assetlist > ul > li > article a .cmp-list__item-title { font-weight: 600; color: var(--primary-color-blue) !important; } .assetlist > ul > li > article a:hover { text-decoration: underline; } .assetlist > ul > li > article a:visited { color: var(--primary-color-blue); text-decoration: none; } .breadcrumb { padding: 0; } .breadcrumb > .breadcrumb__container { width: 100%; max-width: 1440px; margin: 0 auto; } .breadcrumb .breadcrumb-homepage-link { font-size: 12px; font-size: 0.80rem; font-weight: 500; color: var(--primary-color-blue); margin-right: 5px; position: relative; top: -1px; left: 0; } .breadcrumb > .container > .breadcrumb-item { font-size: 13px; font-size: 0.8125rem; font-weight: 400; letter-spacing: 0; color: var(--primary-color-blue); text-decoration: none; display: inline-block; padding: 0 0 0 14px; position: relative; } .breadcrumb > .container > .breadcrumb-item.active { color: #333333; } .breadcrumb > .container > .breadcrumb-item.active:hover { text-decoration: none; } .breadcrumb > .container > .breadcrumb-item:hover { text-decoration: underline; } .breadcrumb > .container > .breadcrumb-item:visited { color: var(--primary-color-blue); text-decoration: none; } .breadcrumb > .container > .breadcrumb-item::before { font-size: 6px; font-size: 0.375rem; content: ""; font-weight: 100; color: #333333; position: absolute; left: 0; top: 6px; } .footer-big-picture .cmp-breadcrumb .container .cmp-breadcrumb__item-link::before { top: 10px; } .text-heading { font-size: 36px; font-size: 2.25rem; font-weight: 900; line-height: 1; color: var(--primary-color-blue); margin: 0 0 50px 0; } .text-subhead { color: #444444; font-size: 1rem; font-weight: 800; line-height: 1rem; } .text-author { font-size: 16px; font-size: 1rem; font-weight: 900; margin: 0 0 30px 0; } .text-author-sub-copy { font-size: 12px; font-size: 0.75rem; font-weight: 100; } .text-author-link { color: var(--primary-color-blue); text-decoration: none; } .text-author-link:hover { text-decoration: underline; } .text-author-link:visited { color: var(--primary-color-blue); text-decoration: none; } .text-lead { font-size: 1.125rem; font-weight: 650; margin: 0 0 30px 0; color: #666666; } .text-caption { font-size: 13px; font-size: 0.8125rem; font-weight: 100; } .text-pullquote { font-size: 24px; font-size: 1.5rem; color: var(--primary-color-dark-grey); padding: 7px 0px 14px; position: relative; } .text-pullquote::before, .text-pullquote::after { content: ""; width: 100%; height: 3px; background: var(--primary-color-light-grey); display: block; position: relative; left: 0; } .text-pullquote::before { top: 0; } .text-pullquote::after { bottom: 0; } .text-blockquote { font-size: 16px; font-size: 1rem; color: var(--primary-color-blue); padding-left: 21px; position: relative; } .text-blockquote::before { content: ""; width: 7px; height: 100%; background: var(--primary-color-blue); display: block; position: absolute; top: 0; left: 0; } .list-breadcrumb-items, .list-ordered-items, .list-unordered-items, .list-autocomplete-items, .list-icon-items { padding: 0; margin: 0 0 20px; } .list-breadcrumb-item, .list-ordered-item, .list-unordered-item, .list-autocomplete-item, .list-icon-item { font-weight: 100; line-height: 1.75; } .list-breadcrumb-link, .list-ordered-link, .list-unordered-link, .list-autocomplete-link, .list-icon-link { font-weight: 600; color: var(--primary-color-blue); text-decoration: none; } .list-breadcrumb-link:hover, .list-ordered-link:hover, .list-unordered-link:hover, .list-autocomplete-link:hover, .list-icon-link:hover { text-decoration: underline; } .list-breadcrumb-link:visited, .list-ordered-link:visited, .list-unordered-link:visited, .list-autocomplete-link:visited, .list-icon-link:visited { color: var(--primary-color-blue); text-decoration: none; } .list-breadcrumb-items { list-style-type: none; } .list-breadcrumb-items:before { content: ""; font-size: 12px; font-size: 0.75rem; color: var(--primary-color-blue); position: relative; top: -2px; left: 0; } .list-breadcrumb-item { font-size: 13px; font-size: 0.8125rem; font-weight: 100; display: inline-block; padding: 0 0 0 8px; position: relative; } .list-breadcrumb-item:before { font-size: 6px; font-size: 0.375rem; content: ""; position: absolute; left: 0; top: 5px; } .list-ordered-items { list-style-type: decimal; padding-inline-start: 20px; } .list-ordered-item:first-of-type { display: inline-block; position: relative; left: -17px; } .list-unordered-items { list-style-type: none; } .list-autocomplete-items { list-style-type: none; } .list-autocomplete-link:visited { color: #999999; } .list-autocomplete-link:visited span { color: var(--primary-color-blue); } .list-autocomplete-link.show-all { font-weight: 100; color: var(--primary-color-blue); } .list-icon-items { list-style-type: none; } .list-icon-item.pdf::before, .list-icon-item.word::before, .list-icon-item.email::before, .list-icon-item.powerpoint::before, .list-icon-item.excel::before { color: var(--primary-color-dark-grey); margin-right: 7px; vertical-align: baseline; } .list-icon-item.pdf::before { content: ""; } .list-icon-item.word::before { content: ""; } .list-icon-item.email::before { content: ""; } .list-icon-item.powerpoint::before { content: ""; } .list-icon-item.excel::before { content: ""; } .list-icon-item.locked::after, .list-icon-item.unlocked::after { margin-left: 7px; vertical-align: baseline; } .list-icon-item.locked::after { content: ""; } .list-icon-item.unlocked::after { content: ""; } .btn { font-size: 14px; font-size: 0.875rem; font-weight: 600; text-align: center; padding: 12px 50px; border-radius: 0; position: relative; white-space: normal; transition: all 100ms ease; } .btn.btn-primary.disabled:hover::after, .btn.btn-outline-primary.disabled:hover::after { content: ""; right: 36px; } .btn.btn-primary.btn-sm, .btn.btn-outline-primary.btn-sm { padding: 6px 24px; } .btn.btn-primary.btn-sm.disabled:hover::after, .btn.btn-primary.btn-sm::after, .btn.btn-outline-primary.btn-sm.disabled:hover::after, .btn.btn-outline-primary.btn-sm::after { right: 12px; } .btn.btn-primary.btn-sm:hover::after, .btn.btn-primary.btn-sm:focus::after, .btn.btn-outline-primary.btn-sm:hover::after, .btn.btn-outline-primary.btn-sm:focus::after { right: 8px; } .btn.btn-primary.btn-sm.disabled, .btn.btn-primary.btn-sm.disabled:hover, .btn.btn-outline-primary.btn-sm.disabled, .btn.btn-outline-primary.btn-sm.disabled:hover { background: #C2C6CA; background-color: #C2C6CA !important; border-color: #C2C6CA; color: #ffffff; } /* .btn.btn-primary { color: #ffffff; background: #016DFF; background-color: #016DFF !important; border-color: #016DFF; } */ /* .btn.btn-primary:focus { background: #0C395A; background-color: #0C395A !important; color: #2CD7FF; } .btn.btn-primary:active { background: #0C395A; background-color: #0C395A !important; color: #2CD7FF !important; } */ /* .btn.btn-primary.disabled, .btn.btn-primary.disabled:hover { background: #C2C6CA; background-color: #C2C6CA !important; border-color: #C2C6CA; color: #ffffff; } */ .btn.btn-outline-primary { color: #333333; background: #ffffff; background-color: #ffffff !important; border-color: #CCCCCC; } .btn.btn-outline-primary:hover { color: #0081A0; border-color: var(--primary-color-blue); } .btn.btn-outline-primary:focus { background: #ffffff; background-color: #ffffff !important; border-color: var(--primary-color-blue); color: var(--primary-color-blue); } .btn.btn-outline-primary.disabled, .btn.btn-outline-primary.disabled:hover { background: #ffffff; background-color: #ffffff !important; border-color: #C2C6CA; color: #C2C6CA; } .btn-group .btn.btn-outline-primary::after { content: ""; } .btn-group .btn.btn-outline-primary.icon-bookmark::before { content: ""; font-size: 12px; font-size: 0.75rem; left: 36px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .btn-group .btn.btn-outline-primary:hover { color: #2CD7FF; background: var(--primary-color-blue); background-color: var(--primary-color-blue) !important; border-color: var(--primary-color-blue); } .btn-group .btn.btn-outline-primary:focus { color: #2CD7FF; background: #0C395A; background-color: #0C395A !important; border-color: var(--primary-color-blue); } .btn-group .btn.btn-outline-primary.disabled, .btn-group .btn.btn-outline-primary.disabled:hover { background: #ffffff; background-color: #ffffff !important; border-color: #C2C6CA; color: #C2C6CA; } .btn-group .btn.btn-outline-primary.disabled::after, .btn-group .btn.btn-outline-primary.disabled:hover::after { content: ""; } .btn-group .btn.btn-outline-primary.btn-sm { padding: 1px 11px; } .form-group label, .form-group-label, .control-group label, .control-group-label { display: block; margin: 5px 0 0px 0; padding-left: 8px; border-color: #999; text-transform: uppercase; } .form-group input, .form-group .form-control, .control-group input, .control-group .form-control { display: block; padding: 10px 8px 11px 8px; margin: 5px 0 20px 0; border: 1px solid; font-size: 14px; font-size: 0.875rem; font-weight: 600; border-radius: 0; font-size: 0.875rem; border-color: var(--primary-color-dark-grey); } .form-group input::placeholder, .form-group .form-control::placeholder, .control-group input::placeholder, .control-group .form-control::placeholder { color: #aaaaaa; } #formTCalculator .custom-control-input[type='radio']:focus + label::before, #formTCalculator .custom-control-input[type='radio']:active + label::before, .acc_modal .custom-control-input[type=checkbox]+label::before, .acc_modal .custom-control-input[type=checkbox]+label::after, .acc_modal .custom-control-input:focus+label::before, .acc_modal .custom-control-input:active+label::before { top: 4px !important; left: -24px !important; } .input-group-text { border: none; background-color: #fff; } .input-group-append { position: absolute; right: 1px; top: 14px; } .card { margin-bottom: 30px; border-radius: 0; } .card-image-wrap { position: relative; } .card-image-tag { font-size: 10px; font-size: 0.625rem; font-weight: 600; line-height: 1.25; color: #ffffff; padding: 3px 6px; background: #0C395A; background-color: #0C395A !important; position: absolute; bottom: 18px; left: 12px; cursor: pointer; } .card-image-tag .video::before { content: ""; font-size: 8px; font-size: 0.5rem; margin-right: 12px; } .card .card-img { border-radius: 0; } .card .card-body { padding: 27px 16px 27px; font-weight: 650 !important; } .card .card-body.links { padding-bottom: 0; } .card .card-body .card-link { font-size: 12px; font-size: 0.75rem; font-weight: 900; text-align: center; color: var(--primary-color-blue); padding: 8px; margin: 0; position: relative; transition: all 200ms ease; } .card .card-body .card-link:hover { background: rgba(216, 216, 216, 0.3); } .card .card-body .card-link::after { content: ""; width: 1px; height: 100%; background: #C2C6CA; background-color: #C2C6CA !important; position: absolute; top: 0; right: 0; } .card .card-body .card-link:last-of-type::after { background: transparent; background-color: transparent !important; } @media screen and (min-width: 768px) { .alert { padding: 12px 0; } } .alert svg { margin-right: 5px; } .alert-warning, .alert-danger, .alert-info, .alert-dark { border: solid 1px transparent; } .alert-warning a, .alert-warning a:visited, .alert-danger a, .alert-danger a:visited, .alert-info a, .alert-info a:visited, .alert-dark a, .alert-dark a:visited { font-weight: 600; text-decoration: underline; } .alert-warning a:hover, .alert-warning a:visited:hover, .alert-danger a:hover, .alert-danger a:visited:hover, .alert-info a:hover, .alert-info a:visited:hover, .alert-dark a:hover, .alert-dark a:visited:hover { text-decoration: none; } .alert-warning { color: #856404; border-color: #ffeeba; background: #FFF3CD; background-color: #FFF3CD !important; } .alert-warning a, .alert-warning a:visited { color: #533F03; } .alert-danger { color: var(--primary-color-black); background-color: var(--error-message-bg-color); padding: 10px; } .alert-danger a, .alert-danger a:visited { color: #59161C; } .alert-info { color: var(--primary-color-blue); border-color: #cfdfe6; background: #DBECF3; background-color: #DBECF3 !important; } .alert-info a, .alert-info a:visited { color: #0F466E; } .alert-dark { color: #426600; border-color: #d2e0af; background: #D9E8B5; background-color: #D9E8B5 !important; } .alert-dark a, .alert-dark a:visited { color: #314D00; } .alert-dismissible .close { position: absolute; top: -1px; padding: 8px; } .navbar { z-index: 100000; /* .order-md-last.pt-md-2 { position: relative; top: -5px; } */ } .navbar .navbar-brand { background-size: 500%; background-position: -550px -157px; } @media screen and (min-width: 1024px) { .navbar .navbar-brand { background-size: 300%; background-position: -19px -92px; } } .navbar .navbar-btn { cursor: pointer; padding-right: 1rem; } .page__container .text > .cmp-text, .page__container .title > .cmp-title, .page__container .assetlist .icon-list, .page__container .button, .page__container .accordion > .cmp-accordion { margin: 0; padding: 0; } .page__container .accordion { margin-bottom: 1rem; } .page__container .accordion .cmp-accordion__button { font-size: 16px; font-size: 1rem; font-weight: 900; line-height: 1.25; color: #333333; padding: 10px 0 15px; margin-bottom: 8px; border-bottom: 1px solid #CCCCCC; transition: all 300ms ease; } .page__container .accordion .cmp-accordion__button::after { content: ""; font-size: 14px; font-size: 0.875rem; font-weight: 900; color: #333333; position: absolute; top: 12px; right: 0; transition: all 150ms ease; transform: rotate(0deg); display: none; } .page__container .accordion .cmp-accordion__button.cmp-accordion__button--expanded::after { transform: rotate(45deg); } .page__container .accordion .cmp-accordion__button:hover { border-bottom-color: #333333; } .page__container .accordion .cmp-accordion__panel.cmp-accordion__panel--hidden { display: block; } .page__container .we-tabs { margin-bottom: 1rem; } .page__container .we-tabs .cmp-tabs__tablist { position: relative; margin: 0; } @media (min-width: 1024px) { .page__container .we-tabs .cmp-tabs__tablist { margin: 0 20px 0 0; } } .page__container .we-tabs .cmp-tabs__tablist::after { content: ""; width: 100%; height: 2px; background-color: #C2C6CA; display: block; position: absolute; bottom: 0; } .page__container .we-tabs .cmp-tabs__tablist > .cmp-tabs__tab { font-size: 16px; font-size: 1rem; font-weight: 600; text-align: center; line-height: 1.5; color: #C2C6CA; padding: 7px 45px; margin: 0; transition: all 250ms ease; position: relative; cursor: pointer; } .page__container .we-tabs .cmp-tabs__tablist > .cmp-tabs__tab::after { content: ""; width: 100%; height: 0px; display: block; background-color: #0081A0; position: absolute; bottom: 0; left: 0; transition: all 200ms ease; opacity: 0; } .page__container .we-tabs .cmp-tabs__tablist > .cmp-tabs__tab.cmp-tabs__tab--active { color: #333333; opacity: 1; visibility: visible; } .page__container .we-tabs .cmp-tabs__tablist > .cmp-tabs__tab.cmp-tabs__tab--active::after { height: 3px; opacity: 1; } .page__container .we-tabs .cmp-tabs__tablist > .cmp-tabs__tab:hover { color: #333333; } .page__container .we-tabs .cmp-tabs__tablist > .cmp-tabs__tab:hover::after { height: 5px; opacity: 1; } .page__container .we-tabs .cmp-tabs__tabpanel { display: block !important; overflow: hidden; transition: all 500ms ease; height: 0; opacity: 0; visibility: hidden; } .page__container .we-tabs .cmp-tabs__tabpanel.cmp-tabs__tabpanel--active { height: auto; opacity: 1; visibility: visible; } #advisor-unlock-step2 { display: none; } h5.modal-title span { color: grey; font-weight: 500; } .modal-title { line-height: 1.25rem; margin-bottom: 0; } .modal-header { background-color: #f7f7f7; border-top-left-radius: 0; border-top-right-radius: 0; } #lbl_msg { color: #666; font-size: 0.875rem; line-height: 1rem; font-weight: 500; padding: 10px; } .modal-backdrop { background: rgba(0, 0, 0, 0.5) !important; } .modal-backdrop.show { opacity: 1 !important; -webkit-backdrop-filter: blur(5px) !important; } .page-header .action-wrapper { position: relative; } .page-header .action-wrapper .text-subhead { color: #444; font-weight: 800; font-size: 1rem; line-height: 1rem; } .acc_table_wrapper.table-responsive { overflow-x: inherit; } /* change double arrow to single arrow: DYNAMICDAS-4850*/ /*data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%2523343a40'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E*/ /*data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%2523343a40'%20d='M0%202L2%205L4%202z'/%3E%3C/svg%3E*/ .custom-select { display: inline-block; width: 100%; height: 3rem; padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.5; color: var(--primary-color-dark-grey); vertical-align: middle; background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%2523343a40'%20d='M0%202L2%205L4%202z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; appearance: none; } /* Bootstrap5 css adjustments */ .pl-2, .px-2 { padding-left: 0.5rem !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .float-left { float: left !important; } .float-right { float: right !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .pl-0, .px-0 { padding-left: 0 !important; } .ml-auto, .mx-auto { margin-left: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50%; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top } .custom-control-label::before { position: absolute; top: .25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px } .custom-control-label::after { position: absolute; top: .25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50% } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5rem; margin-bottom: 0.125rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } /* add spacing between fields */ .form-row>.col,.form-row>[class*="col-"] { padding-right: 5px; padding-left: 5px } .cmp-image.en a.navbar-brand.cmp-image__link { display: inline-block; } .card-deck { display: flex; flex-direction: column; } .card-deck .dynamic-card { border: none; } /*.card-deck .dynamic-card:hover { box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.10); } */ .card-deck .dynamic-card h3 { font-weight: 500; } .card-deck .dynamic-card p { font-size: 14px; line-height: 1.5; } .dynamic-card .card-body div { color: var(--primary-color-dark-grey); font-size: 14px; line-height: 1.5; font-weight: 400; } @media only screen and (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -13px !important; margin-left: -10px !important; } } @media (min-width: 1400px) { #mainMenu .container, #searchPanel .container, .page-footer .container, .page-header .container, .container-fluid .container { max-width: 1264px !important; padding: inherit !important; } } @media (min-width: 768px) { ul.mega-menu .dropdown-menu { left: 0; } } .dropdown-toggle::after { display: none; } #mainMenu a:focus-visible, #mainMenu a:focus { outline: none; color: #b2c9d9; } #mainMenu a:focus:not(:focus-visible) { outline: 0; box-shadow: none !important; } #mainMenu a:hover { color: #FFFFFF; } .row.acc_search_wrapper.px-3 { padding-left: 0px !important; padding-right: 0px !important; } label { margin-bottom: 0.5rem; } .lbl_row_freeunits .row { margin-bottom: 15px; } .close { font-size: 1.5rem; font-weight: 700; color: #000; line-height: 1; opacity: 0; text-shadow: 0 1px 0 #fff; } #signOutModal .row, #signOutModal .row button{ width: 100%; } #signOutModal .close{ opacity: 1; } #signOutModal .modal-footer .row > div { width: 50% } .modal-header { justify-content: space-between; } div#Transaction_search_details .modal-content .modal-body .row > h3 { margin-left: 0px !important; line-height: 1.25rem; } #RedemptionFeeCalculatorStep_1 .custom-checkbox { padding-left: 26px; } .table th { border-top: 1px solid #dee2e6; } .acc_table_wrapper .table td.row_actions .btn_icon_trash { z-index: 1; } :root { --bs-btn-hover-bg: #016DFF; } .table { --bs-table-bg: var(--primary-color-light-grey); --bs-table-color: var(--primary-color-black); border-color: var(--primary-color-light-grey) } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (min-width: 768px) { #mainMenu .mega-menu li.nav-item.show ul.navbar-nav li.nav-item { border-bottom: none; } } .education-zone .text-banner { position: relative; } .education-zone .card-back .content-text span, .html-component .education-zone .btn-outline-secondary { color: var(--primary-color-black); } .html-component .education-zone .card-back * { color: var(--primary-color-dark-grey); } .html-component .education-zone .card-front { background: var(--primary-color-black); } .html-component .close__btn:hover { background-color: inherit; } /* Forcing CSS with !important to override inline css*/ .cpm-intro { border-radius: 0px !important; box-shadow: none !important; } .cpm-intro .subtitle { color: var(--primary-color-black) !important } .slider__container .swiper-button-prev, .slider__container .swiper-button-next { color: var(--primary-color-black) !important; } .slider__container .subtitle { color: var(--primary-color-black); } .slider__container h4 { color: var(--primary-color-black) !important; } .slider__container p { font-size: 14px !important; } /* .slider__container p a { border-bottom: none; } .slider__container p a:hover { border-bottom: 1px solid var(--primary-color-blue) !important; } */ .swiper-pagination-bullet-active { background-color: var(--primary-color-black) !important; } /* Negative margin utility class support */ .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } /* Spinner styles - START */ #spinner, #spinnerRPL, #loader { position:fixed; width:100%; left:0;right:0;top:0;bottom:0; background-color: rgba(255,255,255,0.7); z-index:9999; display:none; } @-webkit-keyframes spin { from {-webkit-transform:rotate(0deg);} to {-webkit-transform:rotate(360deg);} } @keyframes spin { from {transform:rotate(0deg);} to {transform:rotate(360deg);} } #spinner::after, #spinnerRPL::after, #loader::after { content: ''; display: block; position: absolute; left: 48%; top: 40%; width: 50px; height: 50px; border-style: solid; border: 7px solid var(--primary-color-blue); border-top-color: var(--secondary-color-black-shade1); border-radius: 50%; -webkit-animation: spin .9s infinite ease-in-out; animation: spin .9s infinite ease-in-out; } p svg { color: var(--primary-color-blue); } table svg { color: var(--primary-color-dark-grey); } .chart_table_wrapper { margin-bottom: 5px; } .chart_table_wrapper table tbody td { background-color: var(--primary-color-white) !important; } /* Spinner styles - ENDS */ /*# sourceMappingURL=main.css.map */ .html-component section.bottom-banner p { color: var(--primary-color-white); } .html-component section.bottom-banner { background-color: var(--primary-color-blue); } .html-component .EFT-page .cpm-intro h2.title { color: #161616 !important; line-height: 3.5rem; font-size: 3rem !important; margin-bottom: 0; } .button.float-left { margin-right: 5px; } a.btn-primary:hover, a.btn-secondary:hover{ border: 0.0625rem solid var(--primary-color-black); } button#btnResendConfirmEmail { margin-top: 18px; } .cmp-text p.small.mb-5 { font-size: 1rem; margin-top: 1rem; } .cmp-text p i { font-size: 18px; } .KJEAllContentDefinition .cmp-accordion__item[data-cmp-expanded] { border-bottom: none; } div#KJECalculatorDescID p { font-size: 1.0rem; line-height: normal; color: #161616; } .cmp_roles__advisor .button { margin-bottom: 32px; } .page__container .literature .literature-filter-input-container { padding-left: unset; padding-right: unset; } .text div#info-banner .container-fluid { padding-left: 12px; padding-right: 12px; } /* * ADOBE CONFIDENTIAL * * Copyright 2015 Adobe Systems Incorporated * All Rights Reserved. * * NOTICE: All information contained herein is, and remains * the property of Adobe Systems Incorporated and its suppliers, * if any. The intellectual and technical concepts contained * herein are proprietary to Adobe Systems Incorporated and its * suppliers and may be covered by U.S. and Foreign Patents, * patents in process, and are protected by trade secret or copyright law. * Dissemination of this information or reproduction of this material * is strictly forbidden unless prior written permission is obtained * from Adobe Systems Incorporated. */ /* grid component */ .aem-Grid { display: block; width: 100%; } .aem-Grid::before, .aem-Grid::after { display: table; content: " "; } .aem-Grid::after { clear: both; } /* placeholder for new components */ .aem-Grid-newComponent { clear: both; margin: 0; } /* column of a grid */ .aem-GridColumn { box-sizing: border-box; clear: both; } /* force showing hidden */ .aem-GridShowHidden > .aem-Grid > .aem-GridColumn { display: block !important; } /* Generates all the rules for the grid columns up to the given amount of column */ /* Generates all the rules for the grid column offset up to the given amount of column */ /* Generates all the rules for the grid and columns for the given break point and total of columns */ /* Generates all the rules for the grids and columns */ /* API function to be called to generate a grid config */ .responsivegrid.aem-GridColumn.aem-GridColumn--default--12 { float: none !important; } .root.responsivegrid .page-header .cmp-title__text { font-size: 2rem; text-align: left; font-weight: 500; } .page__container { /* max-width: 1140px; */ width: 100%; padding: 0 5.1875rem 30px; margin: 25px auto 0px auto; float: none !important; } .page__container > .aem-Grid .component, .page__container > .aem-Grid .title, .page__container > .aem-Grid .text, .page__container > .aem-Grid .list, .page__container > .aem-Grid .image { padding: 0 15px 0 0; } .page__container > .aem-Grid .component h4, .page__container > .aem-Grid .title h4, .page__container > .aem-Grid .text h4, .page__container > .aem-Grid .list h4, .page__container > .aem-Grid .image h4 { font-size: 1rem; font-weight: 800; line-height: 1rem; margin-bottom: 0.5rem; } .page__container > .aem-Grid .brightcove-video h4 { margin: 0.5rem 0; } .page__container > .aem-Grid .card-deck .card.w-67 { margin-top: 0; border: 1px solid #ccc; /* why does this exist? causes first card of 1-card-per-row deck to disappear */ /* &:first-of-type { display: none; } */ } .page__container > .aem-Grid > .responsivegrid { padding-right: 15px; } .page__container > .aem-Grid > .responsivegrid:last-of-type { padding: 0; } .aem-Grid { display: block; width: 100%; } /* default breakpoint */ .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 { margin-left: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 { margin-left: 100%; } .aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 100%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 50%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 100%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 100%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 25%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 50%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 75%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 100%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 20%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 40%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 60%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 80%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 100%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 50%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 100%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 100%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 25%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 50%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 75%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 100%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 100%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 10%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 20%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 30%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 40%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 50%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 60%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 70%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 80%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 90%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 100%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 { margin-left: 100%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 25%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 50%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 75%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 { margin-left: 100%; } .aem-Grid > .aem-GridColumn.aem-GridColumn--default--newline { /* newline behavior */ display: block; clear: both !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--default--none { /* none behavior */ display: block; clear: none !important; float: left; } .aem-Grid > .aem-GridColumn.aem-GridColumn--default--hide { /* hide behavior */ display: none; } @media (max-width: 576px) { .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--xs--0 { margin-left: 0%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--xs--1 { margin-left: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--xs--0 { margin-left: 0%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--xs--1 { margin-left: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--xs--2 { margin-left: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--xs--0 { margin-left: 0%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--xs--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--xs--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--xs--3 { margin-left: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--xs--0 { margin-left: 0%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--xs--1 { margin-left: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--xs--2 { margin-left: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--xs--3 { margin-left: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--xs--4 { margin-left: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--xs--0 { margin-left: 0%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--xs--1 { margin-left: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--xs--2 { margin-left: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--xs--3 { margin-left: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--xs--4 { margin-left: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--xs--5 { margin-left: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xs--0 { margin-left: 0%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xs--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xs--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xs--3 { margin-left: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xs--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xs--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--xs--6 { margin-left: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xs--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xs--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xs--0 { margin-left: 0%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xs--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xs--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xs--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xs--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xs--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xs--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--xs--7 { margin-left: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xs--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xs--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xs--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xs--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xs--0 { margin-left: 0%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xs--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xs--2 { margin-left: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xs--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xs--4 { margin-left: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xs--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xs--6 { margin-left: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xs--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--xs--8 { margin-left: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xs--0 { margin-left: 0%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xs--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xs--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xs--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xs--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xs--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xs--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xs--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xs--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--xs--9 { margin-left: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xs--0 { margin-left: 0%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xs--1 { margin-left: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xs--2 { margin-left: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xs--3 { margin-left: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xs--4 { margin-left: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xs--5 { margin-left: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xs--6 { margin-left: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xs--7 { margin-left: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xs--8 { margin-left: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xs--9 { margin-left: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--xs--10 { margin-left: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xs--0 { margin-left: 0%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xs--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xs--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xs--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xs--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xs--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xs--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xs--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xs--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xs--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xs--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--xs--11 { margin-left: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xs--0 { margin-left: 0%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xs--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xs--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xs--3 { margin-left: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xs--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xs--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xs--6 { margin-left: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xs--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xs--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xs--9 { margin-left: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xs--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xs--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--xs--12 { margin-left: 100%; } .aem-Grid.aem-Grid--xs--1 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--xs--1 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--xs--1 > .aem-GridColumn.aem-GridColumn--offset--xs--0 { margin-left: 0%; } .aem-Grid.aem-Grid--xs--1 > .aem-GridColumn.aem-GridColumn--offset--xs--1 { margin-left: 100%; } .aem-Grid.aem-Grid--xs--2 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--xs--2 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--xs--2 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--xs--2 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--xs--2 > .aem-GridColumn.aem-GridColumn--offset--xs--0 { margin-left: 0%; } .aem-Grid.aem-Grid--xs--2 > .aem-GridColumn.aem-GridColumn--offset--xs--1 { margin-left: 50%; } .aem-Grid.aem-Grid--xs--2 > .aem-GridColumn.aem-GridColumn--offset--xs--2 { margin-left: 100%; } .aem-Grid.aem-Grid--xs--3 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--xs--3 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--xs--3 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--xs--3 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--xs--3 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--xs--3 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--xs--3 > .aem-GridColumn.aem-GridColumn--offset--xs--0 { margin-left: 0%; } .aem-Grid.aem-Grid--xs--3 > .aem-GridColumn.aem-GridColumn--offset--xs--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--xs--3 > .aem-GridColumn.aem-GridColumn--offset--xs--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--xs--3 > .aem-GridColumn.aem-GridColumn--offset--xs--3 { margin-left: 100%; } .aem-Grid.aem-Grid--xs--4 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--xs--4 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--xs--4 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--xs--4 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--xs--4 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--xs--4 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--xs--4 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--xs--4 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--xs--4 > .aem-GridColumn.aem-GridColumn--offset--xs--0 { margin-left: 0%; } .aem-Grid.aem-Grid--xs--4 > .aem-GridColumn.aem-GridColumn--offset--xs--1 { margin-left: 25%; } .aem-Grid.aem-Grid--xs--4 > .aem-GridColumn.aem-GridColumn--offset--xs--2 { margin-left: 50%; } .aem-Grid.aem-Grid--xs--4 > .aem-GridColumn.aem-GridColumn--offset--xs--3 { margin-left: 75%; } .aem-Grid.aem-Grid--xs--4 > .aem-GridColumn.aem-GridColumn--offset--xs--4 { margin-left: 100%; } .aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--offset--xs--0 { margin-left: 0%; } .aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--offset--xs--1 { margin-left: 20%; } .aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--offset--xs--2 { margin-left: 40%; } .aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--offset--xs--3 { margin-left: 60%; } .aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--offset--xs--4 { margin-left: 80%; } .aem-Grid.aem-Grid--xs--5 > .aem-GridColumn.aem-GridColumn--offset--xs--5 { margin-left: 100%; } .aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--offset--xs--0 { margin-left: 0%; } .aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--offset--xs--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--offset--xs--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--offset--xs--3 { margin-left: 50%; } .aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--offset--xs--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--offset--xs--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--xs--6 > .aem-GridColumn.aem-GridColumn--offset--xs--6 { margin-left: 100%; } .aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--xs--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--xs--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--offset--xs--0 { margin-left: 0%; } .aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--offset--xs--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--offset--xs--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--offset--xs--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--offset--xs--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--offset--xs--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--offset--xs--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--xs--7 > .aem-GridColumn.aem-GridColumn--offset--xs--7 { margin-left: 100%; } .aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--xs--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--xs--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--xs--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--xs--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--offset--xs--0 { margin-left: 0%; } .aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--offset--xs--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--offset--xs--2 { margin-left: 25%; } .aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--offset--xs--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--offset--xs--4 { margin-left: 50%; } .aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--offset--xs--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--offset--xs--6 { margin-left: 75%; } .aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--offset--xs--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--xs--8 > .aem-GridColumn.aem-GridColumn--offset--xs--8 { margin-left: 100%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--offset--xs--0 { margin-left: 0%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--offset--xs--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--offset--xs--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--offset--xs--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--offset--xs--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--offset--xs--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--offset--xs--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--offset--xs--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--offset--xs--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--xs--9 > .aem-GridColumn.aem-GridColumn--offset--xs--9 { margin-left: 100%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--offset--xs--0 { margin-left: 0%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--offset--xs--1 { margin-left: 10%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--offset--xs--2 { margin-left: 20%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--offset--xs--3 { margin-left: 30%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--offset--xs--4 { margin-left: 40%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--offset--xs--5 { margin-left: 50%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--offset--xs--6 { margin-left: 60%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--offset--xs--7 { margin-left: 70%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--offset--xs--8 { margin-left: 80%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--offset--xs--9 { margin-left: 90%; } .aem-Grid.aem-Grid--xs--10 > .aem-GridColumn.aem-GridColumn--offset--xs--10 { margin-left: 100%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--offset--xs--0 { margin-left: 0%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--offset--xs--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--offset--xs--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--offset--xs--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--offset--xs--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--offset--xs--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--offset--xs--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--offset--xs--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--offset--xs--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--offset--xs--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--offset--xs--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--xs--11 > .aem-GridColumn.aem-GridColumn--offset--xs--11 { margin-left: 100%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--xs--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--offset--xs--0 { margin-left: 0%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--offset--xs--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--offset--xs--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--offset--xs--3 { margin-left: 25%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--offset--xs--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--offset--xs--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--offset--xs--6 { margin-left: 50%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--offset--xs--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--offset--xs--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--offset--xs--9 { margin-left: 75%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--offset--xs--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--offset--xs--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--xs--12 > .aem-GridColumn.aem-GridColumn--offset--xs--12 { margin-left: 100%; } .aem-Grid > .aem-GridColumn.aem-GridColumn--xs--newline { /* newline behavior */ display: block; clear: both !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--xs--none { /* none behavior */ display: block; clear: none !important; float: left; } .aem-Grid > .aem-GridColumn.aem-GridColumn--xs--hide { /* hide behavior */ display: none; } } @media (min-width: 577px) and (max-width: 768px) { .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--sm--0 { margin-left: 0%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--sm--1 { margin-left: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--sm--0 { margin-left: 0%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--sm--1 { margin-left: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--sm--2 { margin-left: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--sm--0 { margin-left: 0%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--sm--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--sm--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--sm--3 { margin-left: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--sm--0 { margin-left: 0%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--sm--1 { margin-left: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--sm--2 { margin-left: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--sm--3 { margin-left: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--sm--4 { margin-left: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--sm--0 { margin-left: 0%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--sm--1 { margin-left: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--sm--2 { margin-left: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--sm--3 { margin-left: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--sm--4 { margin-left: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--sm--5 { margin-left: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--sm--0 { margin-left: 0%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--sm--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--sm--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--sm--3 { margin-left: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--sm--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--sm--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--sm--6 { margin-left: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--sm--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--sm--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--sm--0 { margin-left: 0%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--sm--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--sm--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--sm--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--sm--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--sm--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--sm--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--sm--7 { margin-left: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--sm--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--sm--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--sm--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--sm--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--sm--0 { margin-left: 0%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--sm--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--sm--2 { margin-left: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--sm--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--sm--4 { margin-left: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--sm--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--sm--6 { margin-left: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--sm--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--sm--8 { margin-left: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--sm--0 { margin-left: 0%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--sm--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--sm--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--sm--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--sm--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--sm--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--sm--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--sm--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--sm--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--sm--9 { margin-left: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--sm--0 { margin-left: 0%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--sm--1 { margin-left: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--sm--2 { margin-left: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--sm--3 { margin-left: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--sm--4 { margin-left: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--sm--5 { margin-left: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--sm--6 { margin-left: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--sm--7 { margin-left: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--sm--8 { margin-left: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--sm--9 { margin-left: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--sm--10 { margin-left: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--sm--0 { margin-left: 0%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--sm--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--sm--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--sm--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--sm--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--sm--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--sm--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--sm--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--sm--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--sm--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--sm--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--sm--11 { margin-left: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--sm--0 { margin-left: 0%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--sm--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--sm--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--sm--3 { margin-left: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--sm--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--sm--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--sm--6 { margin-left: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--sm--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--sm--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--sm--9 { margin-left: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--sm--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--sm--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--sm--12 { margin-left: 100%; } .aem-Grid.aem-Grid--sm--1 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--sm--1 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--sm--1 > .aem-GridColumn.aem-GridColumn--offset--sm--0 { margin-left: 0%; } .aem-Grid.aem-Grid--sm--1 > .aem-GridColumn.aem-GridColumn--offset--sm--1 { margin-left: 100%; } .aem-Grid.aem-Grid--sm--2 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--sm--2 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--sm--2 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--sm--2 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--sm--2 > .aem-GridColumn.aem-GridColumn--offset--sm--0 { margin-left: 0%; } .aem-Grid.aem-Grid--sm--2 > .aem-GridColumn.aem-GridColumn--offset--sm--1 { margin-left: 50%; } .aem-Grid.aem-Grid--sm--2 > .aem-GridColumn.aem-GridColumn--offset--sm--2 { margin-left: 100%; } .aem-Grid.aem-Grid--sm--3 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--sm--3 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--sm--3 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--sm--3 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--sm--3 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--sm--3 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--sm--3 > .aem-GridColumn.aem-GridColumn--offset--sm--0 { margin-left: 0%; } .aem-Grid.aem-Grid--sm--3 > .aem-GridColumn.aem-GridColumn--offset--sm--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--sm--3 > .aem-GridColumn.aem-GridColumn--offset--sm--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--sm--3 > .aem-GridColumn.aem-GridColumn--offset--sm--3 { margin-left: 100%; } .aem-Grid.aem-Grid--sm--4 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--sm--4 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--sm--4 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--sm--4 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--sm--4 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--sm--4 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--sm--4 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--sm--4 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--sm--4 > .aem-GridColumn.aem-GridColumn--offset--sm--0 { margin-left: 0%; } .aem-Grid.aem-Grid--sm--4 > .aem-GridColumn.aem-GridColumn--offset--sm--1 { margin-left: 25%; } .aem-Grid.aem-Grid--sm--4 > .aem-GridColumn.aem-GridColumn--offset--sm--2 { margin-left: 50%; } .aem-Grid.aem-Grid--sm--4 > .aem-GridColumn.aem-GridColumn--offset--sm--3 { margin-left: 75%; } .aem-Grid.aem-Grid--sm--4 > .aem-GridColumn.aem-GridColumn--offset--sm--4 { margin-left: 100%; } .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--offset--sm--0 { margin-left: 0%; } .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--offset--sm--1 { margin-left: 20%; } .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--offset--sm--2 { margin-left: 40%; } .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--offset--sm--3 { margin-left: 60%; } .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--offset--sm--4 { margin-left: 80%; } .aem-Grid.aem-Grid--sm--5 > .aem-GridColumn.aem-GridColumn--offset--sm--5 { margin-left: 100%; } .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--offset--sm--0 { margin-left: 0%; } .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--offset--sm--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--offset--sm--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--offset--sm--3 { margin-left: 50%; } .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--offset--sm--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--offset--sm--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--sm--6 > .aem-GridColumn.aem-GridColumn--offset--sm--6 { margin-left: 100%; } .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--sm--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--sm--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--offset--sm--0 { margin-left: 0%; } .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--offset--sm--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--offset--sm--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--offset--sm--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--offset--sm--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--offset--sm--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--offset--sm--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--sm--7 > .aem-GridColumn.aem-GridColumn--offset--sm--7 { margin-left: 100%; } .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--sm--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--sm--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--sm--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--sm--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--offset--sm--0 { margin-left: 0%; } .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--offset--sm--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--offset--sm--2 { margin-left: 25%; } .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--offset--sm--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--offset--sm--4 { margin-left: 50%; } .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--offset--sm--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--offset--sm--6 { margin-left: 75%; } .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--offset--sm--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--sm--8 > .aem-GridColumn.aem-GridColumn--offset--sm--8 { margin-left: 100%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--offset--sm--0 { margin-left: 0%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--offset--sm--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--offset--sm--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--offset--sm--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--offset--sm--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--offset--sm--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--offset--sm--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--offset--sm--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--offset--sm--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--sm--9 > .aem-GridColumn.aem-GridColumn--offset--sm--9 { margin-left: 100%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--offset--sm--0 { margin-left: 0%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--offset--sm--1 { margin-left: 10%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--offset--sm--2 { margin-left: 20%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--offset--sm--3 { margin-left: 30%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--offset--sm--4 { margin-left: 40%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--offset--sm--5 { margin-left: 50%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--offset--sm--6 { margin-left: 60%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--offset--sm--7 { margin-left: 70%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--offset--sm--8 { margin-left: 80%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--offset--sm--9 { margin-left: 90%; } .aem-Grid.aem-Grid--sm--10 > .aem-GridColumn.aem-GridColumn--offset--sm--10 { margin-left: 100%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--offset--sm--0 { margin-left: 0%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--offset--sm--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--offset--sm--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--offset--sm--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--offset--sm--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--offset--sm--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--offset--sm--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--offset--sm--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--offset--sm--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--offset--sm--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--offset--sm--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--sm--11 > .aem-GridColumn.aem-GridColumn--offset--sm--11 { margin-left: 100%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--sm--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--offset--sm--0 { margin-left: 0%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--offset--sm--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--offset--sm--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--offset--sm--3 { margin-left: 25%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--offset--sm--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--offset--sm--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--offset--sm--6 { margin-left: 50%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--offset--sm--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--offset--sm--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--offset--sm--9 { margin-left: 75%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--offset--sm--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--offset--sm--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--sm--12 > .aem-GridColumn.aem-GridColumn--offset--sm--12 { margin-left: 100%; } .aem-Grid > .aem-GridColumn.aem-GridColumn--sm--newline { /* newline behavior */ display: block; clear: both !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--sm--none { /* none behavior */ display: block; clear: none !important; float: left; } .aem-Grid > .aem-GridColumn.aem-GridColumn--sm--hide { /* hide behavior */ display: none; } } @media (min-width: 768px) and (max-width: 992px) { .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--md--0 { margin-left: 0%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--md--1 { margin-left: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--md--0 { margin-left: 0%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--md--1 { margin-left: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--md--2 { margin-left: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--md--0 { margin-left: 0%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--md--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--md--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--md--3 { margin-left: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--md--0 { margin-left: 0%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--md--1 { margin-left: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--md--2 { margin-left: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--md--3 { margin-left: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--md--4 { margin-left: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--md--0 { margin-left: 0%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--md--1 { margin-left: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--md--2 { margin-left: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--md--3 { margin-left: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--md--4 { margin-left: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--md--5 { margin-left: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--md--0 { margin-left: 0%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--md--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--md--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--md--3 { margin-left: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--md--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--md--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--md--6 { margin-left: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--md--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--md--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--md--0 { margin-left: 0%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--md--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--md--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--md--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--md--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--md--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--md--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--md--7 { margin-left: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--md--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--md--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--md--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--md--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--md--0 { margin-left: 0%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--md--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--md--2 { margin-left: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--md--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--md--4 { margin-left: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--md--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--md--6 { margin-left: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--md--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--md--8 { margin-left: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--md--0 { margin-left: 0%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--md--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--md--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--md--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--md--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--md--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--md--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--md--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--md--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--md--9 { margin-left: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--md--0 { margin-left: 0%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--md--1 { margin-left: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--md--2 { margin-left: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--md--3 { margin-left: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--md--4 { margin-left: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--md--5 { margin-left: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--md--6 { margin-left: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--md--7 { margin-left: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--md--8 { margin-left: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--md--9 { margin-left: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--md--10 { margin-left: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--md--0 { margin-left: 0%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--md--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--md--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--md--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--md--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--md--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--md--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--md--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--md--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--md--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--md--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--md--11 { margin-left: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--md--0 { margin-left: 0%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--md--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--md--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--md--3 { margin-left: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--md--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--md--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--md--6 { margin-left: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--md--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--md--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--md--9 { margin-left: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--md--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--md--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--md--12 { margin-left: 100%; } .aem-Grid.aem-Grid--md--1 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--md--1 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--md--1 > .aem-GridColumn.aem-GridColumn--offset--md--0 { margin-left: 0%; } .aem-Grid.aem-Grid--md--1 > .aem-GridColumn.aem-GridColumn--offset--md--1 { margin-left: 100%; } .aem-Grid.aem-Grid--md--2 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--md--2 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--md--2 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--md--2 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--md--2 > .aem-GridColumn.aem-GridColumn--offset--md--0 { margin-left: 0%; } .aem-Grid.aem-Grid--md--2 > .aem-GridColumn.aem-GridColumn--offset--md--1 { margin-left: 50%; } .aem-Grid.aem-Grid--md--2 > .aem-GridColumn.aem-GridColumn--offset--md--2 { margin-left: 100%; } .aem-Grid.aem-Grid--md--3 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--md--3 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--md--3 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--md--3 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--md--3 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--md--3 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--md--3 > .aem-GridColumn.aem-GridColumn--offset--md--0 { margin-left: 0%; } .aem-Grid.aem-Grid--md--3 > .aem-GridColumn.aem-GridColumn--offset--md--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--md--3 > .aem-GridColumn.aem-GridColumn--offset--md--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--md--3 > .aem-GridColumn.aem-GridColumn--offset--md--3 { margin-left: 100%; } .aem-Grid.aem-Grid--md--4 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--md--4 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--md--4 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--md--4 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--md--4 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--md--4 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--md--4 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--md--4 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--md--4 > .aem-GridColumn.aem-GridColumn--offset--md--0 { margin-left: 0%; } .aem-Grid.aem-Grid--md--4 > .aem-GridColumn.aem-GridColumn--offset--md--1 { margin-left: 25%; } .aem-Grid.aem-Grid--md--4 > .aem-GridColumn.aem-GridColumn--offset--md--2 { margin-left: 50%; } .aem-Grid.aem-Grid--md--4 > .aem-GridColumn.aem-GridColumn--offset--md--3 { margin-left: 75%; } .aem-Grid.aem-Grid--md--4 > .aem-GridColumn.aem-GridColumn--offset--md--4 { margin-left: 100%; } .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--offset--md--0 { margin-left: 0%; } .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--offset--md--1 { margin-left: 20%; } .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--offset--md--2 { margin-left: 40%; } .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--offset--md--3 { margin-left: 60%; } .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--offset--md--4 { margin-left: 80%; } .aem-Grid.aem-Grid--md--5 > .aem-GridColumn.aem-GridColumn--offset--md--5 { margin-left: 100%; } .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--offset--md--0 { margin-left: 0%; } .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--offset--md--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--offset--md--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--offset--md--3 { margin-left: 50%; } .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--offset--md--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--offset--md--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--md--6 > .aem-GridColumn.aem-GridColumn--offset--md--6 { margin-left: 100%; } .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--md--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--md--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--offset--md--0 { margin-left: 0%; } .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--offset--md--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--offset--md--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--offset--md--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--offset--md--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--offset--md--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--offset--md--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--md--7 > .aem-GridColumn.aem-GridColumn--offset--md--7 { margin-left: 100%; } .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--md--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--md--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--md--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--md--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--offset--md--0 { margin-left: 0%; } .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--offset--md--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--offset--md--2 { margin-left: 25%; } .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--offset--md--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--offset--md--4 { margin-left: 50%; } .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--offset--md--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--offset--md--6 { margin-left: 75%; } .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--offset--md--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--md--8 > .aem-GridColumn.aem-GridColumn--offset--md--8 { margin-left: 100%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--offset--md--0 { margin-left: 0%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--offset--md--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--offset--md--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--offset--md--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--offset--md--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--offset--md--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--offset--md--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--offset--md--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--offset--md--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--md--9 > .aem-GridColumn.aem-GridColumn--offset--md--9 { margin-left: 100%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--offset--md--0 { margin-left: 0%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--offset--md--1 { margin-left: 10%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--offset--md--2 { margin-left: 20%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--offset--md--3 { margin-left: 30%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--offset--md--4 { margin-left: 40%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--offset--md--5 { margin-left: 50%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--offset--md--6 { margin-left: 60%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--offset--md--7 { margin-left: 70%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--offset--md--8 { margin-left: 80%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--offset--md--9 { margin-left: 90%; } .aem-Grid.aem-Grid--md--10 > .aem-GridColumn.aem-GridColumn--offset--md--10 { margin-left: 100%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--offset--md--0 { margin-left: 0%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--offset--md--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--offset--md--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--offset--md--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--offset--md--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--offset--md--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--offset--md--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--offset--md--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--offset--md--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--offset--md--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--offset--md--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--md--11 > .aem-GridColumn.aem-GridColumn--offset--md--11 { margin-left: 100%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--md--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--offset--md--0 { margin-left: 0%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--offset--md--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--offset--md--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--offset--md--3 { margin-left: 25%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--offset--md--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--offset--md--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--offset--md--6 { margin-left: 50%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--offset--md--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--offset--md--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--offset--md--9 { margin-left: 75%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--offset--md--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--offset--md--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--md--12 > .aem-GridColumn.aem-GridColumn--offset--md--12 { margin-left: 100%; } .aem-Grid > .aem-GridColumn.aem-GridColumn--md--newline { /* newline behavior */ display: block; clear: both !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--md--none { /* none behavior */ display: block; clear: none !important; float: left; } .aem-Grid > .aem-GridColumn.aem-GridColumn--md--hide { /* hide behavior */ display: none; } } @media (min-width: 993px) and (max-width: 1200px) { .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--lg--0 { margin-left: 0%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--lg--1 { margin-left: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--lg--0 { margin-left: 0%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--lg--1 { margin-left: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--lg--2 { margin-left: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--lg--0 { margin-left: 0%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--lg--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--lg--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--lg--3 { margin-left: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--lg--0 { margin-left: 0%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--lg--1 { margin-left: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--lg--2 { margin-left: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--lg--3 { margin-left: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--lg--4 { margin-left: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--lg--0 { margin-left: 0%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--lg--1 { margin-left: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--lg--2 { margin-left: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--lg--3 { margin-left: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--lg--4 { margin-left: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--lg--5 { margin-left: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--lg--0 { margin-left: 0%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--lg--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--lg--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--lg--3 { margin-left: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--lg--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--lg--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--lg--6 { margin-left: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--lg--0 { margin-left: 0%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--lg--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--lg--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--lg--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--lg--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--lg--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--lg--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--lg--7 { margin-left: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg--0 { margin-left: 0%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg--2 { margin-left: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg--4 { margin-left: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg--6 { margin-left: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--lg--8 { margin-left: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg--0 { margin-left: 0%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--lg--9 { margin-left: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg--0 { margin-left: 0%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg--1 { margin-left: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg--2 { margin-left: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg--3 { margin-left: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg--4 { margin-left: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg--5 { margin-left: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg--6 { margin-left: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg--7 { margin-left: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg--8 { margin-left: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg--9 { margin-left: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--lg--10 { margin-left: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg--0 { margin-left: 0%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--lg--11 { margin-left: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg--0 { margin-left: 0%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg--3 { margin-left: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg--6 { margin-left: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg--9 { margin-left: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--lg--12 { margin-left: 100%; } .aem-Grid.aem-Grid--lg--1 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--lg--1 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--lg--1 > .aem-GridColumn.aem-GridColumn--offset--lg--0 { margin-left: 0%; } .aem-Grid.aem-Grid--lg--1 > .aem-GridColumn.aem-GridColumn--offset--lg--1 { margin-left: 100%; } .aem-Grid.aem-Grid--lg--2 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--lg--2 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--lg--2 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--lg--2 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--lg--2 > .aem-GridColumn.aem-GridColumn--offset--lg--0 { margin-left: 0%; } .aem-Grid.aem-Grid--lg--2 > .aem-GridColumn.aem-GridColumn--offset--lg--1 { margin-left: 50%; } .aem-Grid.aem-Grid--lg--2 > .aem-GridColumn.aem-GridColumn--offset--lg--2 { margin-left: 100%; } .aem-Grid.aem-Grid--lg--3 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--lg--3 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--lg--3 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--lg--3 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--lg--3 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--lg--3 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--lg--3 > .aem-GridColumn.aem-GridColumn--offset--lg--0 { margin-left: 0%; } .aem-Grid.aem-Grid--lg--3 > .aem-GridColumn.aem-GridColumn--offset--lg--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--lg--3 > .aem-GridColumn.aem-GridColumn--offset--lg--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--lg--3 > .aem-GridColumn.aem-GridColumn--offset--lg--3 { margin-left: 100%; } .aem-Grid.aem-Grid--lg--4 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--lg--4 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--lg--4 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--lg--4 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--lg--4 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--lg--4 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--lg--4 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--lg--4 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--lg--4 > .aem-GridColumn.aem-GridColumn--offset--lg--0 { margin-left: 0%; } .aem-Grid.aem-Grid--lg--4 > .aem-GridColumn.aem-GridColumn--offset--lg--1 { margin-left: 25%; } .aem-Grid.aem-Grid--lg--4 > .aem-GridColumn.aem-GridColumn--offset--lg--2 { margin-left: 50%; } .aem-Grid.aem-Grid--lg--4 > .aem-GridColumn.aem-GridColumn--offset--lg--3 { margin-left: 75%; } .aem-Grid.aem-Grid--lg--4 > .aem-GridColumn.aem-GridColumn--offset--lg--4 { margin-left: 100%; } .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--offset--lg--0 { margin-left: 0%; } .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--offset--lg--1 { margin-left: 20%; } .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--offset--lg--2 { margin-left: 40%; } .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--offset--lg--3 { margin-left: 60%; } .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--offset--lg--4 { margin-left: 80%; } .aem-Grid.aem-Grid--lg--5 > .aem-GridColumn.aem-GridColumn--offset--lg--5 { margin-left: 100%; } .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--offset--lg--0 { margin-left: 0%; } .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--offset--lg--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--offset--lg--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--offset--lg--3 { margin-left: 50%; } .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--offset--lg--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--offset--lg--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--lg--6 > .aem-GridColumn.aem-GridColumn--offset--lg--6 { margin-left: 100%; } .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--lg--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--lg--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--offset--lg--0 { margin-left: 0%; } .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--offset--lg--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--offset--lg--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--offset--lg--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--offset--lg--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--offset--lg--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--offset--lg--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--lg--7 > .aem-GridColumn.aem-GridColumn--offset--lg--7 { margin-left: 100%; } .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--lg--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--lg--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--lg--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--lg--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--offset--lg--0 { margin-left: 0%; } .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--offset--lg--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--offset--lg--2 { margin-left: 25%; } .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--offset--lg--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--offset--lg--4 { margin-left: 50%; } .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--offset--lg--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--offset--lg--6 { margin-left: 75%; } .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--offset--lg--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--lg--8 > .aem-GridColumn.aem-GridColumn--offset--lg--8 { margin-left: 100%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--offset--lg--0 { margin-left: 0%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--offset--lg--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--offset--lg--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--offset--lg--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--offset--lg--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--offset--lg--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--offset--lg--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--offset--lg--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--offset--lg--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--lg--9 > .aem-GridColumn.aem-GridColumn--offset--lg--9 { margin-left: 100%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--offset--lg--0 { margin-left: 0%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--offset--lg--1 { margin-left: 10%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--offset--lg--2 { margin-left: 20%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--offset--lg--3 { margin-left: 30%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--offset--lg--4 { margin-left: 40%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--offset--lg--5 { margin-left: 50%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--offset--lg--6 { margin-left: 60%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--offset--lg--7 { margin-left: 70%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--offset--lg--8 { margin-left: 80%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--offset--lg--9 { margin-left: 90%; } .aem-Grid.aem-Grid--lg--10 > .aem-GridColumn.aem-GridColumn--offset--lg--10 { margin-left: 100%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--offset--lg--0 { margin-left: 0%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--offset--lg--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--offset--lg--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--offset--lg--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--offset--lg--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--offset--lg--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--offset--lg--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--offset--lg--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--offset--lg--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--offset--lg--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--offset--lg--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--lg--11 > .aem-GridColumn.aem-GridColumn--offset--lg--11 { margin-left: 100%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--lg--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--offset--lg--0 { margin-left: 0%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--offset--lg--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--offset--lg--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--offset--lg--3 { margin-left: 25%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--offset--lg--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--offset--lg--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--offset--lg--6 { margin-left: 50%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--offset--lg--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--offset--lg--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--offset--lg--9 { margin-left: 75%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--offset--lg--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--offset--lg--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--lg--12 > .aem-GridColumn.aem-GridColumn--offset--lg--12 { margin-left: 100%; } .aem-Grid > .aem-GridColumn.aem-GridColumn--lg--newline { /* newline behavior */ display: block; clear: both !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--lg--none { /* none behavior */ display: block; clear: none !important; float: left; } .aem-Grid > .aem-GridColumn.aem-GridColumn--lg--hide { /* hide behavior */ display: none; } } /* RESPONSIVE MIXIN */ .page__container .accordion { margin-bottom: 1rem; } .page__container .accordion .cmp-accordion__button { font-size: 1rem; font-weight: 800; line-height: 1rem; color: var(--primary-color-black); padding: 10px 0 15px; margin-bottom: 0.5rem; border-bottom: 1px solid #ccc; transition: all 300ms ease; } .page__container .accordion .cmp-accordion__button:hover { border-bottom-color: var(--primary-color-black); } .page__container .accordion .cmp-accordion__panel.cmp-accordion__panel--hidden { display: block; } .page__container .we-tabs { margin-bottom: 1rem; } .page__container .we-tabs .cmp-tabs__tablist { position: relative; margin: 0; } @media (min-width: 1024px) { .page__container .we-tabs .cmp-tabs__tablist { margin: 0 20px 0 0; } } .page__container .we-tabs .cmp-tabs__tablist::after { content: ''; width: 100%; height: 2px; background-color: #c2c6ca; display: block; position: absolute; bottom: 0; } .page__container .we-tabs .cmp-tabs__tablist > .cmp-tabs__tab { font-size: 16px; font-weight: 600; text-align: center; line-height: 1.5; color: #666666; padding: 7px 45px; margin: 0; transition: all 250ms ease; position: relative; cursor: pointer; } .page__container .we-tabs .cmp-tabs__tablist > .cmp-tabs__tab::after { content: ''; width: 100%; height: 0px; display: block; background-color: #00b1db; position: absolute; bottom: 0; left: 0; transition: all 200ms ease; opacity: 0; } .page__container .we-tabs .cmp-tabs__tablist > .cmp-tabs__tab.cmp-tabs__tab--active { color: #333333; opacity: 1; visibility: visible; } .page__container .we-tabs .cmp-tabs__tablist > .cmp-tabs__tab.cmp-tabs__tab--active::after { height: 3px; opacity: 1; } .page__container .we-tabs .cmp-tabs__tablist > .cmp-tabs__tab:hover::after { height: 5px; opacity: 1; } .page__container .we-tabs .cmp-tabs__tabpanel { display: block !important; overflow: hidden; transition: all 500ms ease; height: 0; opacity: 0; visibility: hidden; } .page__container .we-tabs .cmp-tabs__tabpanel.cmp-tabs__tabpanel--active { height: auto; opacity: 1; visibility: visible; } .page__container .cmp-tabs__tabpanel { padding-top: 2rem; } .page__container .assetlist > ul { padding: 0; margin-bottom: 1rem; } .page__container .assetlist > ul > li > article { display: inline-block; } .page__container .assetlist > ul > li > article .cmp-list__item-link { color: #232323; padding-left: 15px; } .page__container .assetlist > ul > li > article .cmp-list__item-link .cmp-list__item-title { color: #232323 !important; } .page__container .assetlist > ul > li > article .cmp-list__item-description { font-size: 0.8rem; } .layout-bleed-top { margin-top: 0 !important; } .layout-bleed-bottom { margin-bottom: 0 !important; } .brightcove-video .brightcove-video-overlay { position: relative; } .brightcove-video .brightcove-video-overlay.locked { position: relative; padding: 0; } .brightcove-video .brightcove-video-overlay .lock-icon { display: none; } .brightcove-video .brightcove-video-overlay.locked .lock-icon { display: block; position: absolute; right: 1rem; bottom: 1rem; z-index: 10; color:#000; } .brightcove-video .video-js:not(.vjs-has-started) .vjs-dock-text { display: none; } .brightcove-video .brightcove-video-overlay .vjs-big-play-button { background: none; /* bottom: 15px; */ font-size: 1rem; line-height: 2em; height: 2em; left: 18px; margin: 0 0 0 .1rem; bottom: auto; right: 1rem; width: 2em; z-index: 1; } /* jasons fix ends */ .brightcove-video .vjs-big-play-button .vjs-icon-placeholder { padding: 0 !important; } .brightcove-video .vjs-big-play-button .vjs-icon-placeholder:before { display: block; height: auto; margin: 0; position: relative; width: auto; } .brightcove-video .video-js:not(.vjs-has-started) .vjs-control-bar { display: block; position: static; } .brightcove-video .video-js:not(.vjs-has-started) .vjs-duration { background: rgba(0, 0, 0, 0.625); border-radius: 5px; bottom: 13px; display: block; font-family: "Gotham SSm 5r", "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: .7rem; font-weight: 400; height: auto; left: 15px; line-height: 1.25rem; padding: 0 .4rem 0 1.5rem; position: absolute; color: #ffffff; } /* jasons fix ends */ .brightcove-video .video-js:not(.vjs-has-started) .vjs-control-bar > *:not(.vjs-duration) { display: none; } .vjs-has-started { z-index: 1; } /* Developer CSS This css should be replaced by the UX team. It has been added by a developer to solve a problem and may not be an ideal or approved solution */ /* Styling for page areas: Sub-header: full-bleed section just below the header. Uses bootstrap's container-fluid class Main: has gutters. Uses bootstrap's container class Super-footer: full-bleed section just above the footer. Uses bootstrap's container-fluid class */ div.root div.responsivegrid.sub-header { margin-top: 0; margin-bottom: 0; } div.root div.responsivegrid.super-footer { margin-top: 15px; margin-bottom: 0; } div.root div.responsivegrid.container { clear: both !important; float: inherit !important; margin-left: auto !important; margin-right: auto; margin-top: 15px; padding-left: 0px; padding-right: 0px; } div.root div.cmp-text { margin-top: 10px; } div.root div.cmp-text .cmp-text__styles--allCaps { text-transform: uppercase; } div.root div.text.blue-zebra-table table tbody tr { border-top: 1px solid #e9eaea; } div.root div.text.blue-zebra-table table tbody { border-left: 1px solid #e9eaea; border-right: 1px solid #e9eaea; } div.root div.text.blue-zebra-table tr:nth-child(even) { background-color: #ebf9f6; } div.root div.text.grey-zebra-table table tbody tr { border-top: 1px solid #e9eaea; } div.root div.text.grey-zebra-table table tbody { border-left: 1px solid #e9eaea; border-right: 1px solid #e9eaea; } div.root div.text.grey-zebra-table tr:nth-child(even) { background-color: #f9f9f9; } div.root div.cmp_read-more__body--hidden, div.root .cmp_read-more__button--hidden { display: none; } [v-cloak] { display: none; } .editable-card .card { width: 100% !important; } .edc-w-100 { width: 100%; } .edc-w-100 .card { width: 100% !important; } .edc-w-50 { width: 50%; } .edc-w-50 .card { width: 100% !important; } .edc-w-33 { width: 33%; } .edc-w-33 .card { width: 100% !important; } .edc-w-25 { width: 25%; } .edc-w-25 .card { width: 100% !important; } div.content-section { padding-left: 0px; padding-right: 0px; } div.xf-content-height { margin: 0px; min-height: 0px; } /* Disclaimers */ #mb-pnl .srch-pnl label, #mb-pnl h3, #wb-bc h2, #wb-glb-mn h2, #wb-info h2, #wb-lng .curr span, #wb-lng h2, #wb-sec h2, #wb-sm h2, #wb-srch h2, #wb-srch label, .wb-calevt-cal .cal-days td ul, .wb-fnote dt, .wb-inv, .wb-invisible, .wb-show-onfocus, .wb-sl { clip: rect(1px,1px,1px,1px); height: 1px; margin: 0; overflow: hidden; position: absolute; width: 1px; } .disclaimers-content dd { position: relative; display: flex; justify-content: flex-end; flex-direction: row-reverse; } .disclaimers-content dd p.fn-rtn { margin: 0 0.5em 0 0; float: left; } /* ███████████████████████████████████████ ███ ███ ███ DAS Account ███ ███ ███ ███████████████████████████████████████ */ code { font-size: 14px !important; } tr.tobeDeleted th, tr.tobeDeleted td { text-decoration: line-through; background-color: red; color: #fff; } /* ███████████████████████████████████████ ███ Client Name & Account # ███ ███████████████████████████████████████ */ .acc_client_wrapper { margin: .5rem 0; /*font-size: 1.2rem; */ font-size: 1rem; font-weight: 500; } .acc_client_wrapper a { display: inline-block; width: auto !important; padding-left: 2rem; overflow: hidden; } .acc_client_wrapper .client_name::before, .acc_client_wrapper .client_account::after { display: inline-block; width: 1.25rem; font-family:"Font Awesome 5 Pro"; content: ""; /* background-color: orange; */ color: var(--primary-color-blue); font-weight: 600; } .acc_client_wrapper .client_name::before { margin-left: -2rem; content: "\f2bd"; } .acc_client_wrapper .client_account::after { padding-right: 2rem; margin-right: -2rem; content: "\f05a"; text-align: right; } .acc_client_wrapper .client_name, .acc_client_wrapper .client_account { white-space: normal !important; } .acc_client_wrapper a .client_name::after { display: inline-block; width: 0.75rem; text-align: right; content: "/"; } .acc_client_wrapper .client_account { font-weight: 500; } /* ----- Client Name & Account # - end ----- */ /* ███████████████████████████████████████ ███ Page Heading ███ ███████████████████████████████████████ */ .acc_wrapper h2, .acc_wrapper h3 { margin: 3rem 0 2rem; } /* ----- Page Heading - end ----- */ /* ███████████████████████████████████████ ███ Account Details (panels) ███ ███████████████████████████████████████ */ .acc_panel { background-color: var(--primary-color-light-grey); border-radius: 10px; padding: 15px; } .acc_panel_row:first-child { margin-bottom: 15px; } .acc_panel_col { /* border: 1px solid red; */ flex-direction: column; width: 50%; } .acc_panel_row .acc_panel_col:first-child { padding-right: 7px; } .acc_panel_row .acc_panel_col:last-child { padding-left: 7px; } .acc_panel dl { margin-bottom: 0; } .acc_panel .acc_lbl { font-size: 14px; color: var(--primary-color-dark-grey); font-weight: 500; line-height: 1.5 } .acc_panel .data { font-size: 1.125rem; line-height: 1.2; font-weight: 500; color: var(--primary-color-black); } /* .acc_panel_mobile .data, .acc_panel .btn { font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B"; font-size: .8rem !important; font-size: 1rem !important; font-style: normal; line-height: 110%; margin-top: 4px; font-weight: 500; } */ @media screen and (max-width: 500px){ } @media screen and (max-width: 992px){ .acc_panel_mobile { border-radius: 10px; background-color: #fff; padding-bottom: 15px; } .acc_panel { padding-bottom: 0; } } @media screen and (max-width: 992px){ .acc_panel .acc_lbl { font-size: 14px; } .acc_panel .data { font-size: .8rem; } } /* ----- Account Details (panels) - end ----- */ /* ██████████████████████████████████████████████████ ███ MY PROFILE > REGISTRATION (panels) ███ ██████████████████████████████████████████████████ */ .acc_panel_col.panel_registration { display: inline-block; width: auto; margin-right: 1rem; } @media screen and (min-width:769px) { .acc_panel_col.panel_registration:nth-child(n+6){ /*width: 22%;*/ } } .acc_panel_row .acc_panel_col.panel_registration { padding: 0; } .acc_panel_col.panel_registration .acc_lbl { padding-bottom: 0.625rem; } /* ----- MY PROFILE > REGISTRATION (panels) - end ----- */ /* ███████████████████████████████████████ ███ Account Page Menu ███ ███████████████████████████████████████ */ .acc_page_nav { width: 100%; /*margin: 20px 0; */ margin: 0; } .acc_page_nav nav { display: table; width: 99%; height: 50px; } .acc_page_nav nav .nav-link { position: relative; display: table-cell; text-align: center; white-space: nowrap; font-size: 18px; color: var(----primary-color-black); padding: 1rem .5rem; font-weight: 400; background: var(--primary-color-light-grey) } .acc_page_nav nav .nav-link.active { font-weight: 650; border-bottom: 4px solid var(--primary-color-blue); cursor: default; color:var(--primary-color-black); } .acc_page_nav nav .nav-link:hover { border-bottom: 4px solid var(--primary-color-blue); color: var(--primary-color-blue); } .tabmenu .acc_page_nav nav .nav-link { font-weight: 650; } .acc_page_nav nav .nav-link:focus { -webkit-box-shadow: none !important; box-shadow: none !important; outline: none !important; border-bottom: 4px solid var(--primary-color-blue); } .acc_page_nav nav .nav-link:hover::after, .acc_page_nav nav .nav-link:focus::after { position: absolute; content: ""; left: 4px; right: 4px; bottom: -4px; width: 100%; height: 4px; background-color: var(--primary-color-blue); } .acc_page_nav .nav-link.nav_icon::before { padding-right: .2rem; font-family:"Font Awesome 5 Pro"; content: ""; font-weight: 800; text-align: left; color: #c2c6ca; } .acc_page_nav .nav-link.active.nav_icon::before { color: var(--primary-color-blue); } .acc_page_nav .nav-link.icon_details::before { content: "\f2bb"; } .acc_page_nav .nav-link.icon_holding::before { content: "\f64e"; } .acc_page_nav .nav-link.icon_sysplans::before { content: "\f363"; } .acc_page_nav .nav-link.icon_transactions::before { content: "\f249"; } .acc_page_nav .nav-link.icon_dsc::before { content: "\f64c"; } .acc_page_nav .nav-link.icon_tax::before { content: "\f65b"; } .acc_page_nav .nav-link.icon_marquis::before { content: ""; } @media screen and (max-width:500px) { .acc_page_nav { width: calc(100% + 30px); margin-left: -15px; padding-left: 15px; } } @media screen and (min-width:501px) and (max-width: 768px){ .acc_page_nav { width: calc(100% + 70px); margin-left: -35px; padding-left: 35px; } } /* ----- Account Page Menu - end ----- */ /* ███████████████████████████████████████ ███ FORM ███ ███████████████████████████████████████ */ #btnManageMyBook { height: calc(2.25rem + 12px); } @media screen and (max-width:767px) { .mmb_select_wrapper { margin-bottom: 1rem; } #btnManageMyBook { margin-top: 0 !important; width: 100%; } } @media screen and (min-width:768px) { .manage_my_book_wrapper div:first-child .mmb_select_wrapper { text-align: right; } .mmb_select_wrapper select { width: auto !important; } #btnManageMyBook { margin-top: auto !important; /* margin-bottom: 1rem; */ } } @media screen and (min-width:768px) and (max-width: 992px) { #mmbDR { width: 100% !important; } #btnManageMyBook { margin-top: calc(2.25rem - 4px) !important; } } @media screen and (min-width:1024px) { #mmbDR { width: 50% !important; } } /* ----- FORM - end ----- */ /* ███████████████████████████████████████ ███ FOOTNOTES ███ ███████████████████████████████████████ */ .footnote_wrapper { margin-top: .8rem; margin-bottom: .8rem; } .footnote_wrapper * { font-size: .875rem; color: #666666; line-height: 1.4; } sup.fnRef { top: -.3rem !important; } sup.fnRef * { font-size: inherit; font-size: 81.25%; } sup.fnRef a::before { content: "["; font-weight: normal; } sup.fnRef a::after { content: "]"; font-weight: normal; position:relative; } .footnote_wrapper ul { display: block; position: relative; padding-left: 0; list-style: none; /* padding-top: 1rem; */ } .footnote_wrapper div { padding-top: 0; } .footnote_wrapper.add_divider ul::before { display: block; position: absolute; width: 100px; height: 1px; top: -.7rem; background-color: #6C6F70; content: ""; } .footnote_wrapper li { position: relative; margin-top: 0; margin-bottom: 0.4rem; margin-left: 1.4rem; line-height: 1.1; } .footnote_wrapper li:last-child { margin-bottom: 0; } .footnote_wrapper li::before { position: absolute; top: 0; font-size: 81.25%; display: inline-block; width: 1.4rem; margin-left: -1.4rem; content: attr(data-fnReference); } a[aria-label="Back to content"] { width: 1rem; height: auto; /* background-color: red; */ } a[aria-label="Back to content"]::before { display: inline-block; text-align: center; width: 1rem; height: .5rem; font-family:"Font Awesome 5 Pro"; font-weight: 900; font-size: 80%; content: "\f3e5"; -moz-transform: scale(1, -1); -webkit-transform: scale(1, -1); -o-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } [data-fnReference]:focus { border: 1px solid red; } /* FOOTNOTES - end */ /* ███████████████████████████████████████ ███ TABLES - foundation ███ ███████████████████████████████████████ */ .acc_table_wrapper { margin: 2rem 0 1rem; } .acc_table_wrapper * { font-size: 1rem !important; } .acc_table_wrapper table { position: relative; margin-bottom: 0; line-height: 1.2; } .acc_table_wrapper caption { caption-side: top; font-size: 18px !important; line-height: 36px; font-weight: 650; color: var(--primary-color-dark-grey); padding: 1rem .5rem .3rem; background-color: var(--primary-color-light-grey); border-top: 1px solid var(--primary-color-dark-grey); } .acc_table_wrapper .table thead th { vertical-align: middle; color: var(--primary-color-dark-grey); border-bottom-color: var(--primary-color-dark-grey); } .acc_table_wrapper .table tbody th { color: var(--primary-color-dark-grey); } .acc_table_wrapper .table tbody tr:nth-child(odd) td{ background-color: var(--primary-color-white) !important; } .acc_table_wrapper .table tbody tr:nth-child(even) td{ background-color: var(--primary-color-light-grey) !important; } .acc_table_wrapper .table td, .acc_table_wrapper .table th { padding: .65rem .5rem; vertical-align: middle; } .acc_table_wrapper th { font-weight: 500; } .acc_table_wrapper thead th { border-top: none; background-color: var(--primary-color-light-grey); border-bottom: 1px solid var(--primary-color-dark-grey); } .acc_table_wrapper table.freeze_column caption { position: sticky !important; left: 0; } .acc_table_wrapper table.freeze_column tr th:nth-child(1) { position: sticky; z-index: 1000; left: 0; height: 100%; background-color: var(--primary-color-light-grey); /* border-right: 1px solid #ccc; */ } .acc_table_wrapper table.freeze_header thead { position: sticky; top: 0; z-index: 1001; } .acc_table_wrapper table.freeze_header thead th { position: sticky; top: 0; height: 100%; background-color: var(--primary-color-light-grey); /* border-right: 1px solid #ccc; */ } .acc_table_wrapper table.freeze_column thead tr th:nth-child(1) { left: 0; z-index: 2; } .acc_table_wrapper table.freeze_column thead tr th { z-index: 1; } .acc_table_wrapper table.freeze_column tbody tr th { z-index: 0; } .acc_table_wrapper table thead tr th { position: relative; } .acc_table_wrapper thead th.sort_active { color: var(--primary-color-dark-grey); } .acc_table_wrapper thead th[aria-sort="ascending"], .acc_table_wrapper thead th[aria-sort="descending"], .acc_table_wrapper thead th[aria-sort="none"] { white-space: normal; } .acc_table_wrapper thead th[aria-sort="ascending"] span:first-child, .acc_table_wrapper thead th[aria-sort="descending"] span:first-child, .acc_table_wrapper thead th[aria-sort="none"] span:first-child { display: inline-block; } .acc_table_wrapper button.sortable { position: relative; width: 15px; height: 15px; /* border: 1px solid #c2c6ca; */ background-color: transparent; border-radius: 1px; margin-top: -4px; margin-left: .5rem; line-height: 1.6 } .acc_table_wrapper button.sortable::after { position: absolute; display: inline-block; width: 15px; height: 15px; left: -2px; font-family:"Font Awesome 5 Pro"; content: ""; font-weight: 800; text-align: center; line-height: 0.4; margin-left: 1px; } .acc_table_wrapper thead th[aria-sort="ascending"] span:first-child, .acc_table_wrapper thead th[aria-sort="descending"] span:first-child, .acc_table_wrapper thead th[aria-sort="none"] span:first-child, .acc_table_wrapper button.sortable { cursor: pointer; } .acc_table_wrapper button.sortable { padding: 0 !important; margin-left: 5px; } .acc_table_wrapper thead th[aria-sort="ascending"] button.sortable::after { content: "\f0dd"; top: 2px; } .acc_table_wrapper thead th[aria-sort="descending"] button.sortable::after { content: "\f0de"; top: 8px; } .acc_table_wrapper thead th[aria-sort="none"] button.sortable::after { content: "\f0dc"; color: #b1b1b1; top: 5px; } .acc_table_wrapper .col_legend, .acc_table_wrapper span.legend { hyphens: auto; padding-left: 1.6rem !important; } .acc_table_wrapper tbody span.legend::before { display: inline-block; width: 1.6rem; margin-left: -3.2rem; text-align: center; font-family:"Font Awesome 5 Pro"; font-weight: 900; content: "\f111"; /* background-color: orange; */ } .acc_table_wrapper .acc_num { hyphens: none; } .acc_table_wrapper .acc_num.col_sortable { font-variant-numeric: tabular-nums; text-align: right; padding-right: 35px !important; } .no_records { position: relative; display: block; margin-left: 1rem; } .no_records:before { position: absolute; left: -1rem; top: 0; width: 1rem; height: 1rem; font-family:"Font Awesome 5 Pro"; font-weight: 800; line-height: inherit; color: #ccc; content: "\f06a"; /* exclamation circle */ content: "\f071"; /* exclamation triangle */ } .acc_table_wrapper .btn-link.icon_delete { padding: 0 !important; font-weight: normal !important; font-size: inherit !important; } /* ----- TABLES - foundation - end ----- */ .btn_link { border: none !important; min-height: 1rem; min-width: 30px; margin-top: -0.45rem; background-color: transparent !important; position: relative; } .btn_link:hover, .btn_link:focus { /* box-shadow: none !important; text-decoration: underline !important;*/ } .btn_icon_pre { padding-left: 1.3rem !important; } .btn_icon_pre::before { position: absolute; left: 0; width: 1rem; height: 1rem; font-family:"Font Awesome 5 Pro"; line-height: inherit; content: ""; font-weight: 800; text-align: left; } .icon_lock::before {content: "\f13e";} .icon_edit::before {content: "\f044";} /* ███████████████████████████████████████ ███ ICONS ███ ███████████████████████████████████████ */ .action-buttons { display: flex; justify-content: center; align-items: center; min-width: 192px; } td.row_actions { position: relative; } td:last-child.row_actions { /* text-align: right; */ } td:last-child.row_actions { text-align: right; } td.row_actions, td.row_actions button { white-space: nowrap; } td.row_actions button { min-height: 1rem; min-width: 30px; background-color: transparent !important; text-decoration: underline; text-underline-offset: 0.25rem; } td.row_actions button:hover { text-decoration: none; } td.row_actions button.btn_icon.btn_icon_pre.no_label::before { /* top: .3rem; */ left: .6rem; } td.row_actions .btn_icon::before { /* display: inline-block; */ position: absolute; width: 1.3rem; height: 1rem; font-family:"Font Awesome 5 Pro"; content: ""; font-weight: 600; color:var(--primary-color-dark-grey); /* background: orange; */ } td.row_actions .btn_icon.btn_icon_pre::before { left: .5rem; text-align: left; } td.row_actions .btn_icon.btn_icon_pre.btn_icon_edit::before { left: .3rem; } td.row_actions .btn_icon.btn_icon_pre .btn_label { color: var(--primary-color-black); } td.row_actions .btn_icon.btn_icon_aft::before { right: .5rem; text-align: right; } td.row_actions .btn_icon.btn_icon_aft .btn_label { padding-right: 1rem; } td.row_actions .btn.btn_link { padding-left: 0 !important; font-weight: 400 !important; font-size: 1rem !important; } td.row_actions .btn.btn_link:hover { text-decoration: underline; } td.row_actions a { display: inline; } td.row_actions a.a_icon.a_icon_aft::after { display: inline; width: 1.3rem; height: 1rem; font-family:"Font Awesome 5 Pro"; line-height: inherit; content: ""; font-weight: 800; color: var(--primary-color-blue); /* background: orange; */ text-align: right; padding-left: 0.4rem; } /* td.row_actions a.a_icon.a_icon_aft::before { right: 1rem; text-align: right; } */ /* td.row_actions a.a_icon.a_icon_aft .a_label { padding-right: 1rem; } */ td.row_actions .btn_icon.btn_icon_edit::before { content:"\f044" !important} td.row_actions .btn_icon.btn_icon_info::before { content:"\f05a"; } td.row_actions .btn_icon.btn_icon_trash::before { content:"\f2ed"; } td.row_actions .btn_icon.btn_icon_pdf::before { content:"\f1c1"; color: var(--primary-color-dark-grey); } td.row_actions .a_icon.a_icon_aft.a_icon_pdf::after { content:"\f1c1"; color: var(--primary-color-dark-grey); } td.row_actions .btn_icon.btn_icon_filex::before { content:"\f317"; } td.row_actions .btn_icon.btn_icon_word::before { content:"\f1c2"; } td.row_actions .btn_icon.btn_icon_ban::before { content:"\f05e"; } @media screen and (max-width: 500px){ td.row_actions .btn_icon .btn_label { /* same as .sr-only */ position: absolute; clip: rect(0,0,0,0); border: 0; margin: -1px; overflow: hidden; padding: 0; } } /* ----- ICONS - end ----- */ /* ███████████████████████████████████████ ███ Table Pagination ███ ███████████████████████████████████████ */ .pagination_wrapper * { font-size: .85rem; } .pagination_wrapper .custom-select { width: auto; } .pagination_wrapper .custom-select option:checked, .pagination_wrapper .custom-select option:hover, .pagination_wrapper .custom-select option:active, .pagination_wrapper .custom-select option:focus { background-color: var(--primary-color-blue) !important; color: #fff !important; } .pagination_wrapper button { line-height: 1; width: 30px; height: 30px; text-align: center; border: none; background-color: transparent; } .pagination_wrapper button:disabled { color: var(--primary-color-blue); } @media print { .pagination_wrapper { display: none; } } @media screen and (max-width: 500px){ .pgn_controls { display: block !important; margin: .5rem auto; } #btnSearchAccInquires { width: 100%; margin-top: 1rem !important; margin-bottom: 1rem !important; } .rows_per_table { margin-bottom: 20px; } .layout_mobile label { width: calc(40% - 15px); margin-top: 1rem; text-align: right; line-height: 1.2; } .layout_mobile label[for="siPhoneNumber"] { width: 100%; text-align: left !important; } .layout_mobile select { width: calc(60% - 15px); margin-top: 1rem; float: right; } } @media screen and (max-width: 767px){ .layout_mobile label { margin-top: 1rem; } .layout_mobile label[for="clientInfoYes"], .layout_mobile label[for="clientInfoNo"] { margin-top: 0 !important; } .layout_mobile label span { display: inline-block !important; } #btnSearchAccInquires { width: 100% !important; margin-top: 1rem; height: 38px; } } @media screen and (min-width: 768px){ #btnSearchAccInquires { width: 100%; padding: 3px 3px 8px 3px; height: 3rem; float: right; top: calc(100% - 3rem); } } /* ----- Table Pagination - end ----- */ /* ███████████████████████████████████████ ███ CHARTS ███ ███████████████████████████████████████ */ .acc_chart_wrapper { margin: 3rem 0 1rem; font-size: .8rem; } /* ███████████████████████████████████████ ███ MODALS ███ ███████████████████████████████████████ */ /* ╔═════════════════════════════════════════════════╗ â•‘ MODALS - modal_scroll â•‘ ╚═════════════════════════════════════════════════╝ use this for modals where dynamically injected content may exceed any device screen */ .acc_modal.modal_scroll .modal-dialog { margin: 2.5vh auto !important; } /* .acc_modal.modal_scroll .modal-content { max-height: 90vh !important; } */ .acc_modal.modal_scroll .modal-body { max-height: calc(90vh - 60px) !important; } @media screen and (max-width: 500px){ .acc_modal.modal_scroll .modal-body { max-height: calc(90vh - 100px) !important; } } /* MODALS - modal_scroll - end */ .acc_modal .modal-header .modal-title { font-size: 1.125rem; } .modal-footer { position: relative; border: none; } .modal.acc_modal h4, .modal.acc_modal h4 * { font-size: .9375rem !important; font-weight: 600; } .acc_modal hr { border-top: 1px solid #161616; } .acc_modal_lg { margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .acc_modal_lg { max-width: calc(100% - 30px) !important; width: calc(100% - 30px) !important; } .acc_modal_md { max-width: calc(100% - 30px) !important; width: calc(100% - 30px) !important; } } @media (min-width: 768px) { .acc_modal_lg { max-width: calc(720px - 30px) !important; width: calc(720px - 30px) !important; } .acc_modal_md { max-width: calc(570px) !important; width: calc(570px) !important; } } @media (min-width: 992px) { .acc_modal_lg { max-width: calc(960px - 30px) !important; width: calc(960px - 30px) !important; } } @media (min-width: 1200px) { .acc_modal_lg { max-width: calc(1140px - 30px) !important; width: calc(1140px - 30px) !important; } } /* ----- MODALS - end ----- */ /* ███████████████████████████████████████ ███ FORMS - GENERIC ███ ███████████████████████████████████████ */ /* ╔═════════════════════════════════════╗ â•‘ *_combo_input_wrapper â•‘ ╚═════════════════════════════════════╝ Replacement for bootstrap prepend / append. This reduce and simplify HTML and allows easy switch from English -> French */ [class*="_combo_input_wrapper"].input_unit { position: relative; display: inline-block; } div[class*="_combo_input_wrapper"].input_unit::before { position: absolute; display: block; background-color: #fff; content: "x"; z-index: 4; width: 32px; height: 32px; border-style: solid; border-color: #cdcdcd; border-width: 0; padding: 6px 10px; } div[class*="_combo_input_wrapper"].input_unit input { position: relative; z-index: 0; } /* *_combo_input_wrapper - end */ /* ╔═════════════════════════════════════════════════╗ â•‘ *_combo_input_wrapper .unit_dollar â•‘ ╚═════════════════════════════════════════════════╝ */ div[class*="_combo_input_wrapper"].input_unit.unit_dollar input { padding-left: 37px; padding-right: 10px; } .fr div[class*="_combo_input_wrapper"].input_unit.unit_dollar input { padding-left: 5px; padding-right: 37px; text-align: right } div[class*="_combo_input_wrapper"].input_unit.unit_dollar::before { top: 1px; left: 1px; width: 30px; height: 30px; border-right-width: 1px; padding: 7px 11px; content: "$"; } .fr div[class*="_combo_input_wrapper"].input_unit.unit_dollar::before { left: auto; right: 1px; border-right-width: 0; border-left-width: 1px; } /* *_combo_input_wrapper .unit_dollar - end */ /* ╔═════════════════════════════════════════════════╗ â•‘ *_combo_input_wrapper .unit_units â•‘ ╚═════════════════════════════════════════════════╝ */ div[class*="_combo_input_wrapper"].input_unit.unit_units input { padding-right: 57px; padding-left: 10px; text-align: right; } .fr div[class*="_combo_input_wrapper"].input_unit.unit_units input { padding-left: 5px; padding-right: 50px; /* ???? */ } div[class*="_combo_input_wrapper"].input_unit.unit_units::before { top: 1px; right: 1px; width: 50px; height: 30px; border-left-width: 1px; padding: 7px 11px; content: "Units"; } html[lang="fr"] div[class*="_combo_input_wrapper"].input_unit.unit_units::before { top: 1px; right: 1px; width: 50px; height: 30px; border-left-width: 1px; padding: 7px 11px; content: "Titres"; } /* *_combo_input_wrapper .unit_units - end */ /* ███████████████████████████████████████ ███ FORMS in MODALS ███ ███████████████████████████████████████ */ .acc_modal .modal-body .label_data_wrapper { font-size: 14px; line-height: 18px; color: var(--primary-color-dark-grey); } .acc_modal .modal-body .label_data_wrapper .data { color: var(--primary-color-black); } .acc_modal .modal-body .label_data_wrapper .row { margin-bottom: 0.5rem; } .acc_modal .modal-body .label_data_wrapper .label { font-weight: 500; } .acc_modal .custom-control-input[type=checkbox]:focus+label::before { box-shadow: 0 0 0 0.2rem var(--primary-color-blue) !important; } .acc_modal .custom-control-input[type=checkbox]:not(:checked)+label::before { border: 1px solid #868E96 !important; border-radius: 0; } .acc_modal .custom-control-input[type=checkbox]+label::before, .acc_modal .custom-control-input[type=checkbox]+label::after, .acc_modal .custom-control-input:focus+label::before, .acc_modal .custom-control-input:active+label::before { top: 3px; left: 0; width: 16px; height: 16px; border-radius: 0; } .acc_modal .custom-control-input[type=checkbox]:checked+label::after { top: 1px; left: 1px; } .acc_modal .custom-control-label { font-weight: 400; line-height:1.35rem } .acc_modal fieldset { padding-left: 0; padding-right: 0; } .acc_modal .custom-radio .custom-control-input:checked~.custom-control-label::before { background-color: var(--primary-color-blue); } .acc_modal .custom-control-input[type=radio]:checked+label { border-bottom-color: var(--primary-color-blue); } .acc_modal .custom-control-input[type=radio]:not(:checked)+label { border-bottom-color: transparent; } .acc_modal .custom-control-input[type=radio]+label::before, .acc_modal .custom-control-input[type=radio]+label::after { border: 1px solid #777; border-radius: 50%; } .acc_modal .custom-control-input[type=radio]:focus+label::before { box-shadow: 0 0 0 0.2rem var(--primary-color-blue) !important; } .acc_modal .custom-radio .custom-control-input:checked~.custom-control-label::after { background-image: none; } .acc_modal .custom-control-input[type=radio]:checked+label { border-bottom-color: var(--primary-color-blue); } .acc_modal .custom-control-input[type=radio]:checked+label::before { border-width: .25rem !important; border-color: var(--primary-color-blue) !important; } .acc_modal .input-group { border: 1px solid #ccc; border-bottom-color: #595959 !important; } .acc_modal .custom-control.custom-radio { padding-left: 0.625rem !important; } #RedemptionFeeCalculatorStep_2 div[role="radiogroup"] { display: inline-block; } #RedemptionFeeCalculatorStep_2 .input-group { display: inline-flex; } .rfc_units input { z-index: 0;} .rfc_units .input-group-append { z-index: 4;} /* ----- FORMS in MODALS - end ----- */ .f_details { white-space: nowrap; padding-left: 1rem; } @media (max-width: 500px) { .f_details { display: block; padding-left: 0; } } input[id^="rg_fund_"] { position: relative; padding-left: 30px; } input[id^="rg_fund_"]::before { display: block; position: absolute; top: 1px; left: 1px; background-color: transparent; width: 30px; height: 30px; content: "$"; border: 1px solid red; } .rfc_combo_input_wrapper input { max-width: 150px; } [class*="error_rfc_input"] { display: inline-block; position: relative; } @media (min-width: 500px) { [class*="error_rfc_input"] { float: right; } } /* **************************** */ /* LISTS */ /* **************************** */ .plain-list, .icon-list { margin-top: .5rem; margin-bottom: 1rem; } .icon-list { border-bottom: 1px solid #717171; margin-bottom: 1rem; } .plain-list ul, .icon-list ul { padding-left: 0 !important; margin-bottom: 0; } .plain-list ul { list-style: disc !important; } .icon-list ul { list-style: none; } .plain-list li, .icon-list li { position: relative; margin-left: 1rem; font-size: .9rem; line-height: .9rem !important; } .icon-list li:before { position: absolute; left: -1rem; top: 0; width: .9rem; height: .9rem; font-family: "Font Awesome 5 Pro"; font-size: .9rem; content: ""; /* background-color: red; */ } .icon-list li.icon_pdf:before { content: "\f1c1"; color: var(--primary-color-dark-grey); } .icon-list li.icon_word:before { content: "\f1c2"; color: #1c57b9; } .icon-list li.icon_xls:before { content: "\f1c3"; color: #14854d; } .icon-list li.icon_ppt:before { content: "\f1c4"; color: #c84a25; } .plain-list .list-notes, .icon-list .list-notes { padding: .5rem 0 .5rem; color: #717171; } /* List with icon (Document Type) */ /* **************************** */ /* SALES TEAM */ /* **************************** */ .sales_team { background-color: transparent; border: none; } .sales_team .sales_team_heading { display: block; width: 100%; padding: 2rem 0 1rem; font-weight: 800 !important; } .sales_team ul { padding-left: 0; list-style: none; } .sales_team li { margin-bottom: 25px; } .sales_team .sales_person_image { height: 90px; } .sales_team .sales_person_name { font-size: 1rem; font-weight: 600 !important; line-height: 1.15; color: var(--primary-color-blue); } .sales_team .sales_person_title { line-height: 1.1; margin: 0.25rem 0; color: var(--primary-color-dark-grey); font-size: 0.875rem; } .sales_team .sales_person_phone, .sales_team .sales_person_email b, .sales_team .sales_person_linkedin b { font-size: 0.875rem; color: var(--primary-color-black); font-weight:400; } .sales_team a { display: block; color: var(--primary-color-black); font-size: 0.875rem; } /* SALES TEAM - ends */ /* **************************** */ /* focus on Modal */ /* **************************** */ .modal-content:focus { outline: none; -webkit-box-shadow: 0px 0px 0px 4px #fff, 0px 0px 0px 6px var(--primary-color-blue), 0px 0px 0px 8px rgb(255 255 255 / 30%) !important; box-shadow: 0px 0px 0px 4px #fff, 0px 0px 0px 6px var(--primary-color-blue), 0px 0px 0px 8px rgb(255 255 255 / 30%) !important; border-radius: 0 !important; } /* focus on Modal - ends */ /* **************************** */ /* Sortable table headers */ /* **************************** */ .account_table th.sorting:focus { -webkit-box-shadow: inset 0px 0px 0px 2px var(--primary-color-light-violet); box-shadow: inset 0px 0px 0px 2px var(--primary-color-light-violet) !important; outline: none; } /* Sortable table headers - ends */ /* iOS blue color and drop down sharp edges fix -start */ /* update this block */ .dataTables_wrapper .dataTables_length select { border: 1px solid #aaa; border-radius: 0px; color: #000; margin-left: 5px; background-color: transparent; padding: 4px; width: auto; } /* add this block */ .dataTables_wrapper .dataTables_length select:focus, .dataTables_wrapper .dataTables_length select:hover { -webkit-box-shadow: 0 0 0 2px var(--primary-color-white),0 0 0 4px var(--primary-color-light-violet) !important; box-shadow: 0 0 0 2px var(--primary-color-white),0 0 0 4px var(--primary-color-light-violet) !important; outline: 0; } /* iOS blue color and drop down sharp edges fix -end */ /* floating element in iOS fix -start */ @media only screen and (min-device-width: 320px) and (max-device-width: 575px) { .pg-util{ display: none !important; } } .alert-success { background-color: #ECF5F3; color: var(--primary-color-black); } /* floating element in iOS fix -ends */ .report_lbl{ color: var(--primary-color-dark-grey); font-size: 14px; font-weight: 600 !important;} .lbl_row_freeunits label { color: var(--primary-color-dark-grey); font-size: 14px !important; font-weight: 600 !important; } .acc_modal .modal-header > .close, .acc_modal_lg .modal-header > .close { opacity: inherit; } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } /* █████████████████████████████████████████ ███ BOOTSTRAP ADJUSTMENTS & OVERRIDES ███ █████████████████████████████████████████ */ html, body { font-family: 'Gotham SSm 8r','Gotham SSm A','Gotham SSm B',Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif; } h1 { font-weight: 800; color: #000; } /* *:focus, #filterid1350:focus+label, #filterid1351:focus+label, #filterAccordion input:focus+label:before { box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 4px var(--primary-color-blue) !important; } */ a:hover { border-bottom: none; text-decoration: none; background-color: transparent; } /* *:focus, a:focus, .btn:focus, .custom-select:focus, .modal-title:focus, .modal-body h4:focus, .form_warning:focus { -webkit-box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 4px var(--primary-color-blue) !important; box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 4px var(--primary-color-blue) !important; outline: none; } */ table caption:focus { border: 2px solid #000; } th[role="button"]:focus { border: 1px solid red !important; } [role=button]:hover, [role=button]:focus { cursor: pointer ; } .btn-link { color: var(--primary-color-blue); } /* .btn, */ .btn-group-sm>.btn, .btn-sm { padding: .3rem .6rem !important; font-size: .875rem !important; line-height: 1.1; border-radius: 0 !important; } .form-group input { font-weight: 400 !important; padding: .375rem !important; font-size: 1rem !important; } .form-control { border: 1px solid var(--primary-color-light-grey); color: var(--primary-color-black); border-bottom-color: var(--primary-color-dark-grey); } .form-control, .custom-select { border-radius: 6px !important; border-color: var(--primary-color-dark-grey); color: var(--primary-color-black); font-size: 1.125rem; } .btn.btn-primary:not(:disabled):hover, .btn.btn-primary:not(:disabled):focus { color: var(--primary-color-white) !important; } label { font-weight: 500; } legend { font-size: 1rem; font-weight: 700; } input, button { border-radius: 0; } button.btn-primary { background-color: var(--primary-color-blue); color: var(--primary-color-white); } button.btn-light { background-color: transparent !important; border-color: #868E96; } button.btn-light:disabled { background-color: transparent; } .input-group-append { top: 1px !important; } .input-group-text { margin-top: 8px; } .custom-control-input[type=checkbox]:focus+label::before { -webkit-box-shadow: 0 0 0 0.2rem var(--primary-color-blue) !important; box-shadow: 0 0 0 0.2rem var(--primary-color-blue) !important; } .custom-control-input[type=checkbox]:not(:checked)+label::before { border: 1px solid #868E96 !important; } .custom-control-input[type=checkbox]+label::before, .custom-control-input[type=checkbox]+label::after, .custom-control-input:focus+label::before, .custom-control-input:active+label::before { top: 4px; left: 0; width: 16px; height: 16px; border-radius: 0; } .custom-control-input[type=checkbox]:checked+label::after { top: 0; left: 1px; } .custom-radio .custom-control-input:checked~.custom-control-label::before { background-color: var(--primary-color-blue); } .custom-control-input[type=radio]:checked+label { border-bottom-color: var(--primary-color-blue); } .custom-control-input[type=radio]:not(:checked)+label { border-bottom-color: transparent; } .custom-control-input[type=radio]+label::before, .custom-control-input[type=radio]+label::after { border: 1px solid #777; border-radius: 50%; } .custom-control-input[type=radio]:focus+label::before { box-shadow: 0 0 0 0.2rem var(--primary-color-blue) !important; } .custom-radio .custom-control-input:checked~.custom-control-label::after { background-image: none; } .custom-control-input[type=radio]:checked+label { border-bottom-color: var(--primary-color-blue); } .custom-control-input[type=radio]:checked+label::before { border-width: .25rem !important; border-color: var(--primary-color-blue); } /* **************************** */ /* UTILS */ /* **************************** */ .fw_normal { font-weight: 300 !important; } .w_auto { width: auto !important; } /* **************************** */ /* ERRORS */ /* **************************** */ .form_warning * { font-size: .94rem !important; } .form_warning { width: 100%; padding: 15px; background-color: var(--warning-message-bg-color); color: var(--primary-color-black); } .form_warning p, .error { position: relative; padding-left: 1.4rem; } .form_warning button { color:var(--primary-color-black); } .form_warning button:hover { color:var(--primary-color-black) !important; background-color: transparent; } .form_warning p::before, .error::before, .iconcheck::before { display: block; position: absolute; left: 0; color: var(--error-icon-color) ; /* red */ font-family:"Font Awesome 5 Pro"; content: "\f06a"; font-weight: 800; text-align: center; } input:not(.invalid) + div.error { display: none; } .form_warning p, div[id^="error"].error { display: inline-block; margin-top: .5rem; font-size: .94rem; line-height: 1; color: var(--error-message-text-color); } .focus_on_invalid_field { display: block; padding: 0; margin-left: 1.3rem; } input.error { border-color: var(--primary-color-black) !important; /* red */ } /* ERRORS - end */ /* MODALS **** this stiling block ONLY if not already covered in df.css */ .modal.show { z-index: 100000; display:flex!important; flex-direction:column; justify-content:center; align-content:center; align-items: flex-start; } .modal-header { background-color: var(--primary-color-light-grey) ; } .modal .modal-title { line-height: 1.5; } .modal { padding: 0 !important; } .modal .modal-dialog { height: 100%; padding-bottom: 50px; } .modal .modal-content { /* height: 100%; */ border-radius: 0; } .modal .modal-body { overflow-y: auto; } @media screen and (max-width: 500px){ .modal .modal-dialog { padding-bottom: 15px; } } /* MODALS - end */ .acc_page_nav .tabmenu { background-color: var(--primary-color-light-grey); border: 0; } .acc_page_nav .tabmenu__page { padding: 0; } .acc_page_nav nav .tabmenu__page--link:hover { border-bottom: 4px solid var(--primary-color-blue); color: var(--primary-color-blue); } .ui-progressbar .ui-progressbar-overlay { opacity: 0.5; background-color: var(--primary-color-light-grey); } /* RESPONSIVE MIXIN */ @font-face { font-family: 'Roobert'; src: url('../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/fonts/roobert/Roobert-Light.otf') format('opentype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roobert'; src: url('../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/fonts/roobert/Roobert-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Roobert'; src: url('../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/fonts/roobert/Roobert-Medium.otf') format('opentype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Roobert'; src: url('../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/fonts/roobert/Roobert-SemiBold.otf') format('opentype'); font-weight: 650; font-style: normal; } @font-face { font-family: 'Roobert'; src: url('../../../etc.clientlibs/dynamic/clientlibs/clientlib-base/resources/fonts/roobert/Roobert-Bold.otf') format('opentype'); font-weight: 750; font-style: normal; } /* RESPONSIVE MIXIN */ html, body { font-family: 'Roobert', Helvetica, Arial, sans-serif !important; font-weight: 400; font-size: 1rem; color: #161616; } body { padding-right: 0 !important; } body.modal-open { padding-right: 0; } html, body { scrollbar-gutter: stable ; } * { margin: 0; padding: 0; box-sizing: border-box; } h1 { font-weight: 500; font-size: 3.875rem; line-height: 4.25rem; color: #161616; margin: 0; } @media only screen and (max-width: 991px) { h1 { font-size: 2.5rem; line-height: 3rem; } } h2 { font-weight: 500; font-size: 3rem; line-height: 3.5rem; color: #161616; margin: 0; } @media only screen and (max-width: 991px) { h2 { font-size: 1.75rem; line-height: 2.25rem; } } h3 { font-weight: 650; font-size: 1.75rem; line-height: 2.25rem; color: #161616; margin: 0; } @media only screen and (max-width: 991px) { h3 { font-size: 1.375rem; line-height: 1.75rem; } } h4 { font-size: 1.25rem !important; font-weight: 500; } h5 { font-size: 1rem !important; font-weight: 500; } h6 { font-size: 0.625rem !important; font-weight: 500; } .bb-theme--light { background-color: #ffffff; color: #125687; } .bb-theme--light h1, .bb-theme--light a { color: inherit; } .bb-theme--dark { background-color: #125687; color: #ffffff; } .bb-theme--dark h1, .bb-theme--dark a { color: inherit; } .bb-theme--neutral { background-color: #f6f7fc; color: #125687; } .bb-theme--neutral h1, .bb-theme--neutral a { color: inherit; } .bb-text__blue h1, .bb-text__blue h2, .bb-text__blue h3, .bb-text__blue h4, .bb-text__blue h5, .bb-text__blue h6 { color: #125687; } .bb-text__white h1, .bb-text__white h2, .bb-text__white h3, .bb-text__white h4, .bb-text__white h5, .bb-text__white h6 { color: #ffffff; } .bb-bg__white { background-color: #ffffff; color: #125687; } .bb-bg__blue { background-color: #125687; color: #ffffff; } .bb-bg__grey { background-color: #f6f7fc; color: #125687; } .main-content { background-color: var(--primary-color-white); } .main-content .cmp-content { max-width: 1440px; margin: 0 auto; padding: 0 5.5rem; } @media only screen and (max-width: 991px) { .main-content .cmp-content { padding: 0 1.25rem; } } .main-content .cmp-content .cmp-content { padding: 0; } button, .btn { display: inline-flex; align-items: center; justify-content: center; border: none; border-radius: 8px; padding: 16px 32px; font-size: 1rem; font-weight: 700; text-decoration: none; cursor: pointer; transition: background-color 0.3s ease, transform 0.1s ease; } .btn-primary { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; height: 3rem; padding: 1rem 2rem; font-size: 1.125rem; line-height: 1.75rem; gap: 0.25rem; background-color: #016dff; color: #ffffff; border-radius: 6.25rem; border: 0.0625rem solid #016dff; } .btn-primary:hover { background-color: #161616; color: #ffffff; border-radius: 6.25rem; border-color: #161616; } .btn-primary:disabled { background-color: #f3f3f3; color: #666666; border-radius: 6.25rem; border: 0.0625rem solid #666666; cursor: not-allowed; } @media only screen and (max-width: 991px) { .btn-primary { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; font-size: 1rem; line-height: 1.5rem; min-height: 2.5rem; height: auto; padding: 0.35rem 1.5rem; } } .btn-secondary { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; height: 3rem; padding: 1rem 2rem; font-size: 1.125rem; line-height: 1.75rem; gap: 0.25rem; background-color: transparent; color: #161616; border-radius: 5rem; border: 0.0625rem solid #161616; } .btn-secondary:hover { background-color: #161616; color: #ffffff; border-radius: 5rem; } .btn-secondary.dark-theme { background-color: transparent; color: #ffffff; border-radius: 5rem; border-color: #ffffff; } .btn-secondary.dark-theme:hover { background-color: #ffffff; color: #161616; border-radius: 5rem; } .btn-secondary:disabled { background-color: #f3f3f3; color: #666666; border-radius: 5rem; border: 0.0625rem solid #666666; cursor: not-allowed; } @media only screen and (max-width: 991px) { .btn-secondary { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; font-size: 1rem; line-height: 1.5rem; min-height: 2.5rem; height: auto; padding: 0.35rem 1.5rem; } } .btn-tertiary { background-color: transparent; color: #125687; border: 0.0625rem solid #125687; } .btn-tertiary:hover { background-color: #125687; color: #ffffff; } .btn-icon { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; height: 3rem; padding: 1rem 2rem; font-size: 1.125rem; line-height: 1.75rem; gap: 0.25rem; background-color: #016dff; color: #ffffff; border-radius: 6.25rem; padding-left: 3.625rem; gap: 0.75rem; flex-shrink: 0; background-image: url(clientlib-site-v2/resources/img/play20.svg); background-repeat: no-repeat; background-size: 1.125rem 1.125rem; background-position: left 1.75rem center; } .btn-icon:hover { background-color: #161616; color: #ffffff; border-radius: 6.25rem; } .btn-icon:disabled { background-color: #f3f3f3; color: #666666; border-radius: 6.25rem; border: 0.0625rem solid #666666; cursor: not-allowed; background-image: url(clientlib-site-v2/resources/img/play20-dark-grey.svg); } @media only screen and (max-width: 991px) { .btn-icon { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; font-size: 1rem; line-height: 1.5rem; min-height: 2.5rem; height: auto; padding: 0.35rem 1.5rem; padding-left: 2.75rem; background-size: 1rem 1rem; background-position: left 1.25rem center; } } .primary-button__login { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; height: 3rem; padding: 1rem 2rem; font-size: 1.125rem; line-height: 1.75rem; gap: 0.25rem; background-color: #016dff; color: #ffffff; border-radius: 0.25rem; border: 0.0625rem solid #016dff; } .primary-button__login:hover { background-color: #ffffff; color: #016dff; border-radius: 0.25rem; border-color: #f3f3f3; } .primary-button__login:disabled { background-color: #f3f3f3; color: #666666; border-radius: 0.25rem; border: 0.0625rem solid #666666; cursor: not-allowed; } @media only screen and (max-width: 991px) { .primary-button__login { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; padding: 0.625rem 1.375rem; font-size: 1rem; line-height: 1.25rem; height: auto; } } .bg-black .btn-primary { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; height: 3rem; padding: 1rem 2rem; font-size: 1.125rem; line-height: 1.75rem; gap: 0.25rem; background-color: #016dff; color: #ffffff; border-radius: 6.25rem; border: 0.0625rem solid #016dff; } .bg-black .btn-primary:hover { background-color: #ffffff; color: #161616; border-radius: 6.25rem; border-color: #ffffff; color: #161616 !important; } @media only screen and (max-width: 991px) { .bg-black .btn-primary { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; font-size: 1rem; line-height: 1.5rem; min-height: 2.5rem; height: auto; padding: 0.35rem 1.5rem; } } .bg-blue .btn-primary { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; height: 3rem; padding: 1rem 2rem; font-size: 1.125rem; line-height: 1.75rem; gap: 0.25rem; background-color: #ffffff; color: #016dff; border-radius: 6.25rem; border: 0.0625rem solid #ffffff; } .bg-blue .btn-primary:hover { background-color: #161616; color: #ffffff; border-radius: 6.25rem; border-color: #161616; color: #ffffff !important; } @media only screen and (max-width: 991px) { .bg-blue .btn-primary { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; font-size: 1rem; line-height: 1.5rem; min-height: 2.5rem; height: auto; padding: 0.35rem 1.5rem; } } .bg-violet .btn-primary { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; height: 3rem; padding: 1rem 2rem; font-size: 1.125rem; line-height: 1.75rem; gap: 0.25rem; background-color: #ffffff; color: #016dff; border-radius: 6.25rem; border: 0.0625rem solid #ffffff; } .bg-violet .btn-primary:hover { background-color: #161616; color: #ffffff; border-radius: 6.25rem; border-color: #161616; color: #ffffff !important; } @media only screen and (max-width: 991px) { .bg-violet .btn-primary { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; font-size: 1rem; line-height: 1.5rem; min-height: 2.5rem; height: auto; padding: 0.35rem 1.5rem; } } .bg-black .btn-secondary, .bg-blue .btn-secondary, .bg-violet .btn-secondary { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; height: 3rem; padding: 1rem 2rem; font-size: 1.125rem; line-height: 1.75rem; gap: 0.25rem; background-color: transparent; color: #ffffff; border-radius: 5rem; border: 0.0625rem solid #ffffff; } .bg-black .btn-secondary:hover, .bg-blue .btn-secondary:hover, .bg-violet .btn-secondary:hover { background-color: #ffffff; color: #161616; border-radius: 5rem; } @media only screen and (max-width: 991px) { .bg-black .btn-secondary, .bg-blue .btn-secondary, .bg-violet .btn-secondary { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; font-size: 1rem; line-height: 1.5rem; min-height: 2.5rem; height: auto; padding: 0.35rem 1.5rem; } } .bg-black a, .bg-blue a, .bg-violet a { color: #ffffff; } .bg-black a:hover, .bg-blue a:hover, .bg-violet a:hover { text-decoration: none; } .bg-light-grey a:hover { text-decoration: none; } .bg-black .link__withlefticon, .bg-blue .link__withlefticon, .bg-violet .link__withlefticon { background-image: url(clientlib-site-v2/resources/img/chevron-left-white-big.svg); color: #ffffff; } .bg-light-grey .link__withlefticon { background-image: url(clientlib-site-v2/resources/img/chevron-left-black-big.svg); color: #161616; } input[type="text"] { height: 3rem; background-color: #ffffff; color: #161616; border-color: #666666; outline: 0; font-size: 18px; } .cmp-content *:focus, .cmp-content input:focus, .cmp-content button:focus, .cmp-content .form-control:focus, .cmp-hb a.cmp-cta__link:focus, *:focus, a:focus, input:focus, button:focus, .btn:focus, .auth_wrapper .form_info:focus, .auth_wrapper .form_warning:focus, .form-control:focus { outline: 0; box-shadow: none !important; -webkit-box-shadow: none !important; color: #FFFFF; } .form-control:disabled { background-color: var(--primary-color-light-grey); } .cmp-content *:focus-visible, .cmp-content input:focus-visible, .cmp-content button:focus-visible, .cmp-content .form-control:focus-visible, .cmp-hb a.cmp-cta__link:focus-visible, *:focus-visible, a:focus-visible, input:focus-visible, button:focus-visible, .btn:focus-visible, .auth_wrapper .form_info:focus-visible, .auth_wrapper .form_warning:focus-visible, .form-control:focus-visible, .cmp-accordion__button:focus-visible { outline: 0; box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #161616 !important; -webkit-box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #161616 !important; } div#onetrust-banner-sdk #onetrust-button-group-parent button:focus-visible, div#onetrust-banner-sdk a:focus-visible, div#onetrust-pc-sdk button:focus-visible, div#onetrust-banner-sdk #onetrust-button-group-parent button:focus, div#onetrust-banner-sdk a:focus, div#onetrust-pc-sdk button:focus { border-color: transparent !important; outline: 0 !important; box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #161616 !important; -webkit-box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #161616 !important; } .main-nav__item button { position: relative; } .main-nav__item button:focus-visible { box-shadow: none !important; -webkit-box-shadow: none !important; } .main-nav__item button:focus-visible::after { content: ""; position: absolute; top: 0.5rem; bottom: 0.4375rem; left: -0.3125rem; right: -0.3125rem; box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #161616; } .main-nav__item button:focus-visible::after { left: 0px; right: 0px; } .main-nav__item button[aria-expanded="true"]:focus-visible::after { top: 0.25rem; bottom: 0.3125rem; } .main-nav__utilities li > * { position: relative; } .main-nav__utilities li > *:focus-visible { box-shadow: none !important; -webkit-box-shadow: none !important; } .main-nav__utilities li > *:focus-visible::after { content: ""; position: absolute; top: 0.5rem; bottom: 0.4375rem; left: -0.3125rem; right: -0.3125rem; box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #161616; } .main-nav__hamburger { position: relative; position: absolute; } .main-nav__hamburger:focus-visible { box-shadow: none !important; -webkit-box-shadow: none !important; } .main-nav__hamburger:focus-visible::after { content: ""; position: absolute; top: 0.5rem; bottom: 0.4375rem; left: -0.3125rem; right: -0.3125rem; box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #161616; } .main-nav__hamburger:focus-visible::after { top: 0; bottom: 0; left: 0.5rem; right: -0.75rem; } p { font-weight: 400; font-size: 1.125rem; line-height: 1.75rem; color: #666666; margin: 0; } @media only screen and (max-width: 991px) { p { font-size: 1rem; line-height: 1.5rem; } } p b { font-weight: 750; } @media only screen and (max-width: 991px) { p b { font-size: 1rem; line-height: 1.5rem; font-weight: 650; } } p sup a { font-size: inherit; } p.small { font-size: 0.875rem; line-height: 1.25rem; } p.small-bold { font-weight: 650; font-size: 0.875rem; line-height: 1.25rem; } li { color: #666666; font-size: 1.125rem; } li b { color: #666666; } a { font-weight: 650; font-size: 1.125rem; line-height: 1.75rem; text-decoration: underline; text-underline-offset: 0.25rem; color: #016dff; } a:hover { text-decoration: none; } @media only screen and (max-width: 991px) { a { font-size: 1rem; line-height: 1.5rem; } } a:disabled { color: #666666; } a.semibold { font-weight: 650; } a.small-semibold { font-size: 0.875rem; font-weight: 650; line-height: 1.75rem; } a.nav-link, a.cmp-list__item-link { text-decoration: none; } a.link { font-size: 1.125rem; font-style: normal; font-weight: 650; line-height: 1.75rem; color: #016dff; background-image: url(clientlib-site-v2/resources/img/chevron-right-blue.svg); background-repeat: no-repeat; background-position: right center; padding-right: 1.75rem; text-decoration: none; } a.link:hover { text-decoration: underline; } @media only screen and (max-width: 991px) { a.link { font-size: 1rem; line-height: 1.5rem; padding-right: 1.25rem; background-image: url(clientlib-site-v2/resources/img/chevron-right-blue-mobile.svg); } } a.link:disabled { color: #666666; background-image: url(clientlib-site-v2/resources/img/chevron-right-grey.svg); } @media only screen and (max-width: 991px) { a.link:disabled { background-image: url(clientlib-site-v2/resources/img/chevron-right-grey-mobile.svg); } } a.link__withlefticon { font-size: 1.125rem; font-style: normal; font-weight: 650; line-height: 1.75rem; color: #016dff; background-image: url(clientlib-site-v2/resources/img/chevron-left-blue-big.svg); background-repeat: no-repeat; text-decoration: none; background-position: left center; padding-left: 1.75rem; padding-right: 0; } a.link__withlefticon:hover { text-decoration: underline; } .intro-text { font-weight: 300; font-size: 1.75rem; line-height: 2.5rem; color: #161616; } @media only screen and (max-width: 991px) { .intro-text { font-size: 1.25rem; line-height: 1.75rem; } } /* Auto Complete dropdown styles*/ input#fundCode:focus { border-color: var(--focus-indicator-color-violet); } .autocomplete-suggestions { border: 0.063em solid var(--primary-color-light-grey); background: #fff; cursor: default; overflow: auto; height: auto; display: none; position: absolute; z-index: 9999; white-space: normal; line-height: 1.15; width: 100%; text-align: left; left: 0; top: 48px; color: var(--primary-color-dark-grey); font-size: 0.875rem; padding: 0.688em !important; } .autocomplete-suggestions .autocompleteList { margin: 0px; padding-left: 0px; gap: 6px; } .autocomplete-suggestions .autocompleteList li, .autocomplete-suggestions .autocompleteList div { list-style-type: none; border-top: 0.063em solid transparent; font-weight: normal; } .autocomplete-suggestions .autocompleteList li:hover, .autocomplete-suggestions .autocompleteList div:hover, .autocomplete-suggestions .autocompleteList li.highligt, .autocomplete-suggestions .autocompleteList div.highligt { background: var(--primary-color-white); color: var(--primary-color-dark-grey); cursor: pointer; font-weight: 750; margin: 0px; padding: 0.438em 0.688em; text-decoration: underline; } .autocomplete-suggestions .autocompleteList div:first-child { border-top: none; } .autocomplete-suggestions .autocompleteList div:last-child { border-bottom: none; } .autocomplete-suggestions .autocompleteList div.highligt-next { border-top: none; } @media screen and (max-width: 767px) { .autocomplete-suggestion { padding: 0.375em 0px; margin: 0 0.438em; } .autocompleteList li:hover, .autocompleteList li.highligt, .autocompleteList div:hover, .autocompleteList div.highligt { padding: 0.438em; } } /* Table styles*/ table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) { font-size: 1.125rem; } table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) td, table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) th { padding: .65rem .5rem; vertical-align: middle; font-family: 'Roobert', Helvetica, Arial, sans-serif !important; font-size: 1.125rem !important; color: var(--primary-color-black) !important; } table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) th { font-size: 0.875rem !important; color: var(--primary-color-dark-grey) !important; } table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) caption { caption-side: top; line-height: 2.25rem; font-weight: 650; color: var(--primary-color-dark-grey); padding: 1rem .5rem .3rem; background-color: var(--primary-color-light-grey); border-top: 1px solid var(--primary-color-dark-grey); font-family: 'Roobert', Helvetica, Arial, sans-serif !important; } table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) thead th { vertical-align: middle; color: var(--primary-color-black); } table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) tbody tr:nth-child(odd) td { background-color: var(--primary-color-white); } table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) tbody tr:nth-child(even) td { background-color: var(--primary-color-light-grey); } table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) tbody tr:last-child td, table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) tbody tr:last-child th { border-bottom: 1px solid var(--primary-color-dark-grey); } table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) tbody tr th { color: var(--primary-color-black); } table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) tfoot tr:last-child th, table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) tfoot tr:last-child td { border-bottom: 1px solid var(--primary-color-dark-grey); border-top-color: var(--primary-color-dark-grey); } table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) a { color: var(--primary-color-black) !important; } .html-component table { font-family: 'Roobert', Helvetica, Arial, sans-serif; color: var(--primary-color-black) !important; margin-bottom: 32px; } .html-component table caption { color: var(--primary-color-dark-grey); padding: 0.3rem 0.5rem; } .html-component table thead tr td, .html-component table thead tr th { color: var(--primary-color-dark-grey) !important; border-top: 1px solid #666; border-bottom: 1px solid #666; } .html-component table thead tr th { font-weight: 650; } .html-component table thead tr th a { font-size: 0.875rem; line-height: 1.1; color: var(--primary-color-dark-grey) !important; } .html-component table tbody tr:nth-child(odd) td { background-color: var(--primary-color-white); } .html-component table tbody tr:nth-child(even) td { background-color: var(--primary-color-light-grey); } .html-component table tbody tr th { font-weight: 650; color: var(--primary-color-dark-grey) !important; } .html-component table tbody tr td a { color: var(--primary-color-black) !important; } .html-component table tfoot tr td { color: var(--primary-color-dark-grey) !important; } .html-component table tfoot tr td:last-child { font-size: 0.875rem !important; } /* Card styles */ .swiper .card a, .education-zone .card a { text-decoration: none; } .swiper .card a:hover, .education-zone .card a:hover { text-decoration: underline; text-decoration-color: var(--primary-color-black); } .swiper .card a:hover .card-title, .education-zone .card a:hover .card-title { text-decoration-color: var(--primary-color-black); text-decoration-thickness: from-font; text-decoration: underline; } .swiper .card a:hover p, .education-zone .card a:hover p { text-decoration-color: var(--primary-color-light-grey); text-decoration-thickness: from-font; text-decoration: underline; } .swiper .card a:hover > p, .education-zone .card a:hover > p { text-decoration: underline; text-decoration-color: var(--primary-color-blue); text-decoration-thickness: from-font; } .swiper .card .card-body .text-title .card-title, .education-zone .card .card-body .text-title .card-title { color: var(--primary-color-black); } .swiper .card .card-body .text-title p, .education-zone .card .card-body .text-title p { font-size: 14px !important; } .swiper .card .card-body > p, .education-zone .card .card-body > p { color: var(--primary-color-blue) !important; font-size: 1rem !important; } /* Nav Tabs styling for HTML component DYNAMICDAS-10174*/ .dynamic-live .cpm-intro h2.title { font-weight: 500; font-size: 3rem !important; line-height: 3.5rem; color: #161616 !important; margin-bottom: 1rem; } @media only screen and (max-width: 991px) { .dynamic-live .cpm-intro h2.title { font-size: 1.75rem !important; line-height: 2.25rem; } } .dynamic-live .cpm-intro p { margin-bottom: 0; } .dynamic-live .dynamic-locations .city { color: var(--primary-color-black); border-radius: 0; border-right: 1px solid var(--primary-color-light-grey); } .dynamic-live .dynamic-locations .city.active { color: var(--primary-color-blue); text-decoration: 1px solid var(--primary-color-black); } .dynamic-live .dynamic-locations .city:hover { text-decoration: none; } .dynamic-live .calendar-header { background: var(--primary-color-blue) !important; } .dynamic-live .calendar-body { background: var(--primary-color-light-grey) !important; } .dynamic-live .calendar-body .calendar-hour, .dynamic-live .calendar-body .calendar-description::before { border-color: var(--primary-color-blue) !important; } .dynamic-live .calendar-body .calendar-description::after { background: var(--primary-color-blue) !important; } .dynamic-live a.register-now { background-color: var(--primary-color-blue) !important; color: var(--primary-color-white) !important; } .dynamic-live a.register-now:hover { color: var(--primary-color-white) !important; border-color: var(--primary-color-black) !important; box-shadow: none; background-color: var(--primary-color-black) !important; } .dynamic-live .tab-pane h4 { margin-bottom: 6px; margin-top: 2rem; } #tabsContainer h3 { font-size: 18px; padding-right: 10px; line-height: 1.25; margin-bottom: 10px; } #tabsContainer .cityLocation-date { color: var(--primary-color-black); } #tabsContainer .cityLocation-date #city h4, #tabsContainer .cityLocation-date #date p { color: var(--primary-color-dark-grey); } #tabsContainer .nav-tabs { background-color: var(--primary-color-light-grey) !important; display: flex; list-style: none; max-width: 1440px; justify-content: space-between; align-items: center; padding: 0 3rem; --bs-nav-tabs-border-width: 0px; } #tabsContainer .nav-tabs li.nav-item { border-bottom: .25rem solid transparent; height: 5.8125rem; font-size: 1.125rem; font-weight: 650; line-height: 1.75rem; display: flex; justify-content: space-between; align-items: center; gap: 2.75rem; } #tabsContainer .nav-tabs li.nav-item .nav-link { color: var(--primary-color-black); font-size: inherit !important; height: inherit; border-bottom: .25rem solid transparent !important; font-weight: inherit; } #tabsContainer .nav-tabs li.nav-item .nav-link:hover { color: var(--primary-color-blue); } #tabsContainer .nav-tabs li.nav-item:has(.nav-link.active) { border-bottom: 0.25rem solid var(--primary-color-blue) !important; } #tabsContainer .nav-tabs li.nav-item:has(.nav-link:hover) { border-bottom: 0.25rem solid var(--primary-color-blue) !important; color: var(--primary-color-blue); } #tabsContainer .tab-content .presentations div .button.float-left.mr-2 { margin-right: 5px; margin-bottom: 5px; } #tabsContainer .tab-content .tab-pane #speakers .card, #tabsContainer .tab-content .tab-pane .presentations .card { background: transparent !important; border-bottom-color: transparent !important ; } #tabsContainer .tab-content .tab-pane #speakers .card .img-wraper, #tabsContainer .tab-content .tab-pane .presentations .card .img-wraper { border-color: var(--primary-color-white); } #tabsContainer .tab-content .tab-pane #speakers .card .card-title, #tabsContainer .tab-content .tab-pane .presentations .card .card-title { width: 100%; } #tabsContainer .tab-content .tab-pane #speakers .card .card-title a, #tabsContainer .tab-content .tab-pane .presentations .card .card-title a { color: var(--primary-color-black) !important; font-weight: 650; text-decoration: none; } #tabsContainer .tab-content .tab-pane #speakers .card .card-title a:not([href]), #tabsContainer .tab-content .tab-pane .presentations .card .card-title a:not([href]) { color: var(--primary-color-dark-grey); } #tabsContainer .tab-content .tab-pane #speakers .card .card-title a:not([href]):hover, #tabsContainer .tab-content .tab-pane .presentations .card .card-title a:not([href]):hover { text-decoration: none; } #tabsContainer .tab-content .tab-pane #speakers .card .card-title a:hover, #tabsContainer .tab-content .tab-pane .presentations .card .card-title a:hover { text-decoration: underline; } #tabsContainer .tab-content .tab-pane #speakers .card p.card-text, #tabsContainer .tab-content .tab-pane .presentations .card p.card-text { color: var(--primary-color-dark-grey); font-size: 1rem; } #tabsContainer .tab-content .assetlist { width: 100%; } #mainContent .list:not(.assetlist) li:before { color: #016DEF; } .right-small-panel:has(.assetlist) .assetlist { margin-bottom: 10px; } .btn-read-more { background-color: var(--primary-color-black); } .cmp-text h1, .cmp-text h2 { margin-bottom: 3rem; } @media only screen and (max-width: 991px) { .cmp-text h1, .cmp-text h2 { margin-bottom: 2rem; } } .cmp-text h3, .cmp-text p { margin-bottom: 2rem; font-family: 'Roobert', Helvetica, Arial, sans-serif !important; } @media only screen and (max-width: 991px) { .cmp-text h3, .cmp-text p { margin-bottom: 1.5rem; } } .cmp-text li p { margin-bottom: 0; } .bg-white { background-color: #ffffff; } .bg-light-grey { background-color: #f3f3f3; } .bg-light-grey .cmp-text a { color: #161616; border-bottom: 0.125rem solid #666666; } .bg-light-grey .cmp-text a:hover { border-bottom: none; } .bg-light-grey .contentcard .contentcard__contents--cta { color: #161616; } .bg-light-grey .contentcard a:hover .contentcard__contents--cta { text-decoration: none; } .checkbox-hidden { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; top: 2.6875rem; } .checkmark { height: 1.5rem; width: 1.5rem; background-color: #ffffff; border: 0.0625rem solid #666666; display: inline-block; vertical-align: middle; margin-right: 0.75rem; border-radius: 0.25rem; position: relative; } .checkbox-hidden:checked + .checkmark { background-color: #016dff; border-color: #016dff; } .checkmark:after { content: ""; position: absolute; display: none; background-image: url(clientlib-site-v2/resources/img/checkmark.svg); background-repeat: no-repeat; background-position: center; left: 0.375rem; top: 0.3125rem; width: 0.6875rem; height: 0.6875rem; } /* Show the checkmark when the input is checked */ .checkbox-hidden:checked + .checkmark:after { display: block; } .locked:after { all: unset; content: ""; display: inline-block; background: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-site-v2/resources/img/lock.svg") no-repeat center / contain; width: 1rem; height: 1rem; padding-left: 1rem; position: absolute; bottom: 0.25rem; aspect-ratio: 1; } @media only screen and (max-width: 991px) { .locked:after { width: 0.75rem; height: 0.75rem; } } sup:not(.info-wrapper > sup) { font-size: 0.33em !important; vertical-align: super; } sup:not(.info-wrapper > sup).reg { font-size: 0.66em !important; top: unset !important; } .tabmenu__page--link sup, .legal__content sup { font-size: 0.50em !important; vertical-align: super; } .tabmenu__page--link sup.reg, .legal__content sup.reg { font-size: 0.80em !important; top: unset !important; } .modal-backdrop { z-index: 1001; } .notification_box { z-index: 1002; } @supports (-webkit-touch-callout: none) { .filter-group__checkbox input:focus, .filter-group__checkbox input:focus-visible { outline: 0; box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #161616 !important; -webkit-box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #161616 !important; } } /* * Adding this base colors here to use them in any plain css file which is not part of less structure. */ :root { --primary-color-blue: #016DFF; --primary-color-black: #161616; --primary-color-white: #FFFFFF; --primary-color-violet: #5D36DA; --primary-color-coral: #FF5240; --primary-color-light-grey: #F3F3F3; --primary-color-dark-grey: #666666; --primary-color-base-black: #000000; --primary-color-light-violet: #9747ff; --bs-btn-hover-color: #FFFFFF; --secondary-color-black-shade1: #A1A1A1; --secondary-color-amber-shade1: #942C00; --old-primary-color-blue: #125687; --old-border-color: #c2c6ca; --warning-icon-color: #FB6330; --success-icon-color: #138468; --info-icon-color: #009DD6; --error-icon-color: #BE061B; --new-banner-icon-color: #7849B8; --info-banners-text-color: #333333; --warning-message-bg-color: #FDECED; --success-message-bg-color: #ECF5F3; --info-message-bg-color: #EBF7FC; --error-message-bg-color: #FDECED; --new-banner-bg-color: #F4F0F9; --error-message-text-color: #BE061B; --error-message-border-color: #BE061B; --error-icon-color-red: #BE061B; --focus-indicator-color-violet: #7B54F8; --focus-indicator-color-yellow: #FFFF75; } /* RESPONSIVE MIXIN */ #skip-to-content { text-align: center; } .skip-link { position: absolute; top: -4rem; left: 50%; transform: translateX(-50%); background: #016dff; color: #ffffff; padding: 0.5rem; text-decoration: none; border-radius: 0.25rem; z-index: 1000; } .skip-link:focus { top: 0.5rem; outline: 0; outline-offset: 0.1875rem; } @media only screen and (max-width: 991px) { .skip-link:focus { outline: 0; } } .skip-link:focus-visible { top: 1rem; z-index: 110000; } .skip-link:hover { background-color: #161616; } .top-header-v2 { background-color: #000000; padding: 1.5rem 5.5rem; width: 100%; transition: padding-bottom 0.3s ease; z-index: 10; } .top-header-v2 a:focus-visible, .top-header-v2 button:focus-visible { outline: 0; } .top-header-v2--scroll { margin-bottom: 5.1875rem; } .top-header-v2__content { display: flex; align-items: flex-start; justify-content: flex-end; } .top-header-v2__login-section { display: flex; gap: 2rem; } .top-header-v2__welcomemenu { display: inline-flex; align-items: center; gap: 0.5rem; text-decoration: unset; font-weight: 400; color: #ffffff; padding-left: 1rem; padding-right: 0.5rem; } .top-header-v2__welcomemenu:hover { text-decoration: underline; } @media only screen and (max-width: 991px) { .top-header-v2__welcomemenu { padding: 0.75rem 0; } } .top-header-v2__welcomemenu::before { content: ""; background: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-site-v2/resources/img/loggedIn-icon.svg") no-repeat center / contain; width: 1.125rem; height: 1.125rem; } @media only screen and (max-width: 991px) { .top-header-v2__welcomemenu::before { width: 1rem; height: 1rem; } } .top-header-v2__welcomemenu::after { content: ""; background: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-site-v2/resources/img/chevron-down-white.svg") no-repeat center / contain; width: 0.75rem; height: 0.75rem; margin-left: 0.5rem; transition: transform 0.2s ease-in-out; position: unset; } .top-header-v2__welcomemenu[aria-expanded="true"]::after { transform: rotate(180deg); } .top-header-v2__welcomemenu:focus { outline: none; box-shadow: none; } .top-header-v2 .navbar-nav { padding: 0.75rem 1.5rem; border: 0.0625rem solid #e2e8ee; background: #ffffff; box-shadow: 0 0.125rem 0.625rem 0 rgba(0, 34, 91, 0.11); } @media only screen and (max-width: 991px) { .top-header-v2 .navbar-nav { padding: 0.5rem 1.125rem; } } .top-header-v2 .navbar-nav .nav-item { font-weight: 650; } @media only screen and (max-width: 1199px) { .top-header-v2 .navbar-nav .nav-item { font-size: 1rem; } } .top-header-v2 .nav-link { font-weight: 650; } .top-header-v2 .nav-link:hover { text-decoration: underline; } @media only screen and (max-width: 991px) { .top-header-v2 .nav-link { font-size: 1rem; } } .top-header-v2__language { display: flex; align-items: center; } .top-header-v2__language-link { color: transparent; margin-top: 0.5rem; padding-left: 1rem; padding-right: 1rem; } @media only screen and (max-width: 1199px) { .top-header-v2__language-link { padding-left: unset; padding-right: unset; } } .top-header-v2__language-link:hover { text-decoration: none; } .top-header-v2__language-text { font-size: 1.125rem; font-weight: 400; color: #f3f3f3; position: relative; } .top-header-v2__language-text:hover { color: #ffffff; text-decoration: underline; } .top-header-v2__content { display: flex; gap: 2rem; } .top-header-v2__login-buttons, .top-header-v2__register-links { display: flex; flex-direction: column; gap: 1.375rem; } .top-header-v2__login-btn { background: #016dff; color: #ffffff; border: none; border-radius: 0.25rem; justify-content: center; align-items: center; display: flex; font-size: 1.125rem; font-weight: 650; height: 3rem; text-decoration: none; min-width: 11.5rem; } .top-header-v2__login-btn:hover { background: #016dff; } .top-header-v2__register-links { display: flex; align-items: center; } .top-header-v2__register-text { font-size: 0.875rem; font-weight: 400; color: #f3f3f3; white-space: nowrap; cursor: default; } .top-header-v2__register-link { font-size: 0.875rem; font-weight: 400; width: 11.5rem; color: #f3f3f3; white-space: nowrap; margin-left: 0.3125rem; font-weight: 750; text-decoration: underline; cursor: pointer; } .top-header-v2__register-link:hover { color: #f3f3f3; } .top-header-v2__register-link:focus { outline: none; outline-offset: none; } #mob-version { display: none; } @media (max-width: 1199px) { .top-header-v2 { margin-top: 4rem; padding: 1.5rem 1.25rem; } .top-header-v2 .container-fluid { padding: 0px; } .top-header-v2__language-link, .top-header-v2__register-links { display: none; } .top-header-v2__login-section { gap: 1.25rem; } #desktop-version { display: none; } #mob-version { display: block; } } @media (min-width: 1200px) { .container-fluid { max-width: 1440px; margin: 0 auto; padding: 0; } .container-fluid.content-section { max-width: 100%; } } @media (max-width: 1199px) { .top-header-v2__content { gap: 0; align-items: center; } .top-header-v2__login-section { width: 100%; } .top-header-v2__register-links { justify-content: flex-start; } .top-header-v2__login-buttons { flex-direction: row; gap: 1.25rem; width: 100%; } .top-header-v2__login-buttons a { width: 100%; } .top-header-v2__login-btn { font-size: 1rem; font-weight: 650; padding: 0.25rem; min-width: 100%; } .featured-content__title { font-size: 1.5rem; } .top-header-v2__register-section { display: none; } } .notification__btn { all: unset; cursor: pointer; position: relative; } .notification__btn:focus-visible { outline: 0; } .notification__btn--wrapper { display: flex; justify-content: center; align-items: center; width: 3rem; height: 3rem; } @media only screen and (max-width: 991px) { .notification__btn--wrapper { width: 2.5rem; height: 2.5rem; } } .notification__btn--bell_icn { width: 1.125rem; height: 1.125rem; display: inline-block; transform-origin: center; } .notification__btn--bell_icn:hover { animation: bellshake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97); } @keyframes bellshake { 0% { transform: rotate(0); } 15% { transform: rotate(10deg); } 30% { transform: rotate(-10deg); } 45% { transform: rotate(8deg); } 60% { transform: rotate(-8deg); } 75% { transform: rotate(4deg); } 85% { transform: rotate(-4deg); } 92% { transform: rotate(2deg); } 100% { transform: rotate(0); } } .notification__btn--counter { position: absolute; top: 0.25rem; left: 1.375rem; background-color: #016dff; width: 1.25rem; height: 1.25rem; aspect-ratio: 1; border-radius: 6.25rem; display: flex; justify-content: center; align-items: center; font-size: 0.75rem; color: #ffffff; font-weight: 650; line-height: 1.5; } @media only screen and (max-width: 991px) { .notification__btn--counter { top: 0; left: 1.1875rem; } } /* RESPONSIVE MIXIN */ .main-nav__link--dropdown[aria-expanded="true"] .main-nav__chevron, .main-nav__chevron-up { display: none; } .main-nav__link--dropdown[aria-expanded="true"] .main-nav__chevron-up { display: inline; height: 0.75rem; width: 0.75rem; } .main-nav__dropdown-backdrop { position: absolute; top: 14.063rem; left: 0; width: 100%; height: 100vh; background: #161616; opacity: 70%; z-index: 1199; pointer-events: auto; transition: top 0.3s; } .main-nav__dropdown-backdrop--sticky { top: 5rem !important; } .main-nav.loggedin-nav .main-nav__dropdown-backdrop { top: 10.938rem; } .main-nav__item { position: relative; } .main-nav__link--dropdown[aria-expanded="true"] { background: #000000; color: #ffffff; border-radius: 0; } .main-nav__dropdown { display: none; position: absolute; left: 0; top: 100%; background: #ffffff; box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.12); z-index: 1200; padding: 0; border: none; flex-direction: row; align-items: stretch; width: 1048px; } .main-nav__dropdown[aria-hidden="false"] { display: flex; } .main-nav__dropdown-section { margin-bottom: 0; } .main-nav__dropdown-list { list-style: none; margin: 0; padding: 0; margin-top: 1.25rem; } .main-nav__dropdown-list li:last-child .main-nav__dropdown-link { margin-bottom: 0; } .main-nav__dropdown-content, .main-nav__dropdown-featured { max-width: 524px; } .main-nav__dropdown-featured { flex: 1.2; background: #f3f3f3; padding: 3.875rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; height: 100%; } .main-nav__dropdown-featured-img { width: 100%; height: 12.5rem; object-fit: cover; margin-bottom: 1.5rem; } .main-nav__dropdown-featured-label { display: block; font-size: 0.875rem; color: #666666; margin-bottom: 1rem; line-height: 1.25rem; } .main-nav__dropdown-featured-title { font-size: 1.125rem; font-weight: 650; color: #000000; margin-bottom: 0.5rem; } .main-nav__dropdown-featured-desc { font-size: 0.875rem; color: #666666; margin-bottom: 1.5rem; } .main-nav__dropdown-featured-link { font-size: 1.5rem; text-decoration: none; font-weight: 700; } .main-nav__dropdown-featured-link:hover, .main-nav__dropdown-featured-link:focus { text-decoration: underline; } @media (max-width: 1199px) { .main-nav__dropdown { display: none !important; } } .main-nav { width: 100%; background-color: #ffffff; border-bottom: 0.0625rem solid #f3f3f3; padding: 0 5.5rem; z-index: 10; } .main-nav__chevron { height: 0.75rem; width: 0.75rem; } .main-nav--sticky { position: fixed; top: 0; z-index: 1000; } .main-nav--sticky .main-nav__dropdown { top: 5rem !important; } .main-nav__logo { display: flex; align-items: center; } .main-nav__logo-link { text-decoration: none; color: #016dff; font-size: 1.5rem; font-weight: 700; } .main-nav__logo-link:focus:not(:focus-visible) { outline: 0; } .main-nav__logo-text { color: #016dff; } .main-nav__menu { list-style: none; margin: 0; padding: 0 0 0 0; gap: 0; } .main-nav__item { position: relative; } .main-nav__item--active .main-nav__link { background-color: #f3f3f3; color: #016dff; } .main-nav__link { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.5rem; text-decoration: none; color: #161616; font-size: 1.125rem; font-weight: 400; background: none; border: none; border-radius: 0; cursor: pointer; } :root[lang|="en"] .main-nav__link { padding: 0.5rem 1rem; } .main-nav__link--dropdown { height: 5rem; } .main-nav__link:focus-visible { outline-offset: -0.1875rem; } .main-nav__link:hover { font-weight: 650; } .main-nav__caret { min-width: 0.75rem; font-size: 0.75rem; transition: transform 0.3s ease; } .main-nav__dropdown { position: fixed; top: 13.75rem; left: 0; right: 0; margin: auto; background: #ffffff; box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15); min-width: 18.75rem; opacity: 0; visibility: hidden; } .main-nav__dropdown[aria-hidden="false"] { opacity: 1; visibility: visible; } .main-nav__dropdown-content { flex: 2; padding: 3rem; display: flex; flex-direction: column; gap: 2.5rem; height: 60vh; margin-bottom: 1.4375rem; overflow: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } .main-nav__dropdown-section:last-child { margin-bottom: 0; } .main-nav__dropdown-titlelink { text-decoration: none; } .main-nav__dropdown-titlelink:hover { color: #161616; text-decoration: underline; } .main-nav__dropdown-titlelink:focus:not(:focus-visible) { outline: 0; } .main-nav__dropdown-title { font-size: 1.125rem; font-weight: 650; color: #161616; line-height: 1.75rem; } .main-nav__dropdown-title:focus:not(:focus-visible) { outline: 0; } .main-nav__dropdown-list { list-style: none; margin: 0; padding: 0; margin-top: 1.25rem; } .main-nav__dropdown-list li:last-child .main-nav__dropdown-link { margin-bottom: 0; } .main-nav__dropdown-link { font-size: 0.875rem; font-weight: 400; color: #666666; line-height: 1.25rem; letter-spacing: 0; padding: 0; margin-bottom: 1.25rem; display: block; text-decoration: none; } .main-nav__dropdown-link:hover { color: #666666; text-decoration: underline; } .main-nav__dropdown-link .lock-icn { width: 0.6875rem; height: 0.6875rem; margin-bottom: 0.0625rem; } .main-nav__utilities { display: flex; gap: 1rem; list-style: none; } .main-nav__utility-btn { display: flex; align-items: center; justify-content: center; gap: 0.5rem; background: none; border: none; border-radius: 0; color: #161616; cursor: pointer; padding: 0.5rem; outline: none; text-align: left; height: 5rem; } .main-nav__utility-icon { font-size: 1rem; } .main-nav__utility-text { font-size: 0.875rem; font-weight: 500; line-height: normal; } .main-nav__utility-text:hover { font-weight: 700; } .main-nav__hamburger { display: none; padding: 0; background: none; border: none; flex-direction: column; justify-content: center; align-items: center; width: 2rem; height: 2rem; cursor: pointer; z-index: 2100; position: absolute; margin-left: 1.25rem; } .main-nav__hamburger-icon { width: 1.75rem; height: 1.75rem; display: block; } .main-nav .container-fluid .row.align-items-center { display: flex; align-items: center; } .main-nav__logo-block { display: flex; align-items: center; flex: 0 0 auto; } .main-nav__spacer { flex: 1 1 auto; min-width: 0; } @media (max-width: 1199px) { .main-nav { padding: 0.5rem 0; position: fixed; top: 0; height: 4rem; display: flex; flex-direction: column-reverse; justify-content: center; z-index: 99999; } .main-nav__logo-img { height: 2rem; width: 8.55rem; } .main-nav__logo { justify-content: center; } .main-nav__logo-text { font-size: 1.25rem; } .main-nav__menu, .main-nav__utilities, .main-nav__dropdown { display: none !important; } .main-nav__hamburger { display: flex !important; } .main-nav__utility-text { display: none !important; } .main-nav__utilities { gap: 0.5rem; } __hamburger-icon { width: 2rem; height: 2rem; } } @media (min-width: 1200px) { .main-nav__menu { display: flex !important; } .main-nav__hamburger { display: none !important; } .main-nav__utility-text { display: inline !important; } .main-nav__utilities { gap: 1rem; } .cust-container { max-width: 1264px; margin: 0 auto; padding: 0; } } .mobile-nav { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 2200; } .mobile-nav--active { display: block; } .mobile-nav__action-text { font-weight: 400; } .mobile-nav__overlay { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 1; } .mobile-nav__panel { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; background: #ffffff; z-index: 2; display: flex; flex-direction: column; padding: 112px 0px 0px 0px; box-shadow: 0.125rem 0 1rem rgba(0, 0, 0, 0.08); border-left: 2.0625rem solid #000000; overflow-y: auto; } .mobile-nav__close, .mobile-nav__back-btn { position: absolute; top: 2rem; font-weight: 400; background: none; border: none; cursor: pointer; z-index: 3; } .mobile-nav__close:focus:not(:focus-visible), .mobile-nav__back-btn:focus:not(:focus-visible) { outline: 0; } .mobile-nav__close { right: 0px; padding: 0.5rem 1rem; margin: 0.5rem 1rem; } .mobile-nav__back-btn { padding-left: 0.75rem; left: 1.25rem; color: #016dff; gap: 0.5rem; font-size: 1rem; display: flex; align-items: center; } .mobile-nav__search-group { display: flex; align-items: center; background: #ffffff; border: 0.0625rem solid #cccccc; border-radius: 0.5rem; padding: 0 0.75rem; height: 2.75rem; } .mobile-nav__search-icon { margin-right: 0.5rem; } .mobile-nav__search-input { border: none; outline: none; font-size: 1rem; flex: 1; background: transparent; color: #161616; } .mobile-nav__search-input::placeholder { color: #161616; opacity: 1; } .mobile-nav__watchlist-btn { display: flex; align-items: center; background: none; border: none; color: #000000; font-size: 1rem; margin-bottom: 1.5rem; cursor: pointer; padding: 0; } .mobile-nav__watchlist-btn .mobile-nav__watchlist-icon { margin-right: 0.5rem; } .mobile-nav__menu, .mobile-nav__drilldown, .mobile-nav__search-results { display: none; opacity: 0; padding: 0; list-style: none; } .mobile-nav__menu { margin: 2.5rem 0 0 0; min-height: calc(100vh - 240px); display: flex; flex-direction: column; justify-content: space-between; } .mobile-nav__menu.active, .mobile-nav__drilldown.active, .mobile-nav__search-results.active { display: flex; opacity: 1; } .mobile-nav__search-results.active, .mobile-nav__search-form { padding: 0 1.25rem 0 2rem; } .mobile-nav__search-clear { background: transparent; border: none; } .mobile-nav__search-results-list { margin-top: 1.25rem !important; } .mobile-nav__search-results-title { margin-top: 2.5rem; font-size: 1rem; font-weight: 650; } .mobile-nav__item-caret { width: 0.75rem; height: 0.75rem; } .mobile-nav__item { font-size: 1rem; color: #000000; padding: 12.5px 0; display: flex; align-items: center; justify-content: space-between; cursor: pointer; } .mobile-nav__item:last-child { border-bottom: none; } .mobile-nav__item .mobile-nav__item-caret { width: 1.125rem; height: 1.125rem; } .mobile-nav__item--language { position: absolute; bottom: 2.5rem; padding: 0; } .mobile-nav__footer { margin-top: auto; padding-top: 1.5rem; text-align: left; } .mobile-nav__language-link { color: #000000; font-size: 1rem; text-decoration: underline; cursor: pointer; } .mobile-nav .top-header-v2__language { position: absolute; top: 2.6875rem; z-index: 3; } .mobile-nav .top-header-v2__language-link { display: block; } .mobile-nav .top-header-v2__language-text, .mobile-nav .top-header-v2__language-text:hover { color: #161616; font-size: 1rem; } .mobile-nav__action-btn { display: flex; align-items: center; gap: 0.75rem; background: none; border: none; color: #161616; cursor: pointer; padding: 0; margin-bottom: 2.5rem; border-radius: 0.25rem; outline: none; text-decoration: none; } .mobile-nav__action-btn:focus-visible { outline-offset: 0.4375rem; } .mobile-nav__dropdown-content, .mobile-nav__actions, .mobile-nav__menu { padding: 0 1.875rem 0 2rem; } .mobile-nav__drilldown-menu { min-height: calc(100vh - 112px); display: flex; flex-direction: column; justify-content: space-between; } .mobile-nav__dropdown-main-title, .mobile-nav__dropdown-title { color: #161616; } .mobile-nav__dropdown-main-title { font-weight: 650; font-size: 1.375rem; line-height: 1.75rem; margin-bottom: 2.5rem; } .mobile-nav__dropdown-section { margin-bottom: 2.5rem; } .mobile-nav__dropdown-titlelink { text-decoration: none; } .mobile-nav__dropdown-titlelink:hover { color: #161616; text-decoration: underline; } .mobile-nav__dropdown-titlelink:focus-visible { outline: 0; } .mobile-nav__dropdown-title { font-size: 1rem; font-weight: 650; margin-bottom: 1.25rem; } .mobile-nav__dropdown-title .lock-icn { margin-bottom: 0.15625rem; } .mobile-nav__dropdown-list { list-style: none; padding: 0; margin: 0; } .mobile-nav__dropdown-link { display: block; font-size: 0.875rem; color: #666666; text-decoration: none; margin-bottom: 1.25rem; } .mobile-nav__dropdown-link .lock-icn { width: 0.6875rem; height: 0.6875rem; margin-bottom: 0.0625rem; } .mobile-nav__dropdown-link:hover { color: #666666; text-decoration: underline; } .mobile-nav__dropdown-featured { background: #f3f3f3; border-radius: 0.5rem; padding: 2rem 2rem 3.25rem 2rem; margin-top: 2rem; display: flex; flex-direction: column; align-items: flex-start; flex-grow: 1; } .mobile-nav__dropdown-featured-img { width: 100%; margin-bottom: 1.75rem; } .mobile-nav__dropdown-featured-label { font-size: 0.875rem; color: #666666; font-weight: 400; margin-bottom: 0.625rem; display: block; } .mobile-nav__dropdown-featured-title { font-size: 1rem; font-weight: 600; margin-bottom: 1.75rem; color: #666666; } .mobile-nav__dropdown-featured-desc { font-size: 0.875rem; color: #666666; margin-bottom: 1rem; font-weight: 400; line-height: 1.25rem; } .mobile-nav__dropdown-featured-link { display: inline-block; color: #016dff; font-size: 1.25rem; text-decoration: none; } .mobile-nav__dropdown-featured-link img { vertical-align: middle; } .cursor-pointer { cursor: pointer; } #closeNotificationBox { margin: 1.25rem 0; border-radius: 0; } @media only screen and (max-width: 991px) { #closeNotificationBox { margin: 0.625rem 0; } } #signOutModal button { border-radius: 0; } .modal.fade.show { width: 100vw; } #signOutModal .signOutModal { min-width: 37.5rem; max-height: 23.5rem; border-radius: 0.25rem; background: #ffffff; box-shadow: 0.0625rem 0.0625rem 0.9375rem 0 rgba(0, 0, 0, 0.15); } @media only screen and (max-width: 767px) { #signOutModal .signOutModal { min-width: unset; width: 85%; margin-inline: auto; } } #signOutModal .signOutModal .modal-content { height: 100%; border: none; } #signOutModal .signOutModal .modal-header { border: none; background-color: #ffffff; } #signOutModal .signOutModal .modal-header .close { margin-left: auto; } #signOutModal .signOutModal .modal-body { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4.1875rem; } @media only screen and (max-width: 767px) { #signOutModal .signOutModal .modal-body { gap: 2rem; } } #signOutModal .signOutModal .modal-body-msg { color: #161616; font-size: 1.75rem; font-style: normal; font-weight: 650; line-height: 2.25rem; text-align: center; } @media only screen and (max-width: 767px) { #signOutModal .signOutModal .modal-body-msg { font-size: 1.375rem; line-height: 1.75rem; } } #signOutModal .signOutModal .modal-footer { padding: 0; } #signOutModal .signOutModal .modal-footer-container { padding: 0; margin: 0; gap: 2rem; display: flex; flex-direction: row; width: 100%; } @media only screen and (max-width: 767px) { #signOutModal .signOutModal .modal-footer-container { flex-direction: column; } } #signOutModal .signOutModal .modal-footer .btn-secondary { width: 12.5rem; height: 3rem; padding: 1rem 1.75rem; border-radius: 5rem; font-size: 1.125rem; font-weight: 650; line-height: 1.75rem; } /* RESPONSIVE MIXIN */ .site-footer { flex-shrink: 0; position: relative; left: 0; right: 0; bottom: 0; width: 100%; background: #ffffff; border-top: 0.25rem solid #f3f3f3; color: #161616; font-size: 0.875rem; display: flex; align-items: center; justify-content: center; margin-top: auto; } .site-footer a.site-footer__link { font-size: 0.875rem; font-weight: 400; font-style: normal; color: #161616; text-decoration: none; transition: color 160ms ease; } .site-footer a.site-footer__link:hover { text-decoration: underline; text-underline-offset: 0.25rem; } .site-footer a.site-footer__link:focus-visible { outline: 0; } .site-footer__inner { display: flex; flex-direction: row; align-items: center; justify-content: space-between; max-width: 1264px; width: 100%; margin: 2rem 5.5rem; } .site-footer__social { flex-shrink: 0; display: flex; align-items: center; justify-content: center; gap: 2rem; } .site-footer__social__shareBtn { background: none; padding: 0; margin: 0; border-radius: 0; } .site-footer__social__shareBtn--icon { width: 2.5rem; height: 2.5rem; aspect-ratio: 1; } @media only screen and (max-width: 991px) { .site-footer__social__shareBtn--icon { width: 1.5rem; height: 1.5rem; } } .site-footer__social--link img { width: 2.6875rem; height: 2.5rem; display: block; } .site-footer__social--link:focus-visible { outline: 0; } .site-footer__content { display: flex; flex-direction: column; justify-content: center; flex: 1; gap: 0.5rem; } .site-footer__content img.lock-icn { width: 1rem; height: 1rem; } @media only screen and (max-width: 991px) { .site-footer__content img.lock-icn { width: 0.75rem; height: 0.75rem; } } .site-footer__nav { width: 100%; } .site-footer__list { list-style: none; display: flex; flex-wrap: wrap; gap: 2rem; } .site-footer__item { flex: 0 0 auto; } .site-footer__brand { color: #666666; font-size: 0.875rem; white-space: nowrap; font-weight: 400; font-style: normal; } @media only screen and (max-width: 991px) { .site-footer__inner { flex-direction: column; align-items: flex-start; gap: 2rem; margin: 1.875rem 1.25rem; } .site-footer__content { width: 100%; gap: 2rem; } .site-footer__list { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem 2rem; } .site-footer__nav { padding: 0; } .site-footer__brand { text-align: left; white-space: normal; margin-top: 0; } .site-footer__social--link img { width: 1.625rem; height: 1.5rem; } } /* RESPONSIVE MIXIN */ .video-v3 { max-width: 1440px; margin: 0 auto; padding: 2.5rem 5.5rem 1rem; display: grid; grid-template-columns: minmax(0, 31.75rem) 1fr; grid-template-areas: "content player" "transcript transcript"; column-gap: 2.5rem; align-items: start; } @media only screen and (max-width: 1199px) { .video-v3 { row-gap: 2rem; column-gap: 0; } } .video-v3__content { grid-area: content; min-width: 0; max-width: 31.75rem; margin: 0; align-self: start; display: flex; flex-direction: column; height: 100%; gap: 2rem; } @media only screen and (max-width: 1199px) { .video-v3__content { gap: unset; } } .video-v3__player { grid-area: player; position: relative; width: 100%; max-width: none; align-self: start; min-width: 0; } .video-v3__player:focus-within { outline: 0; } .video-v3--reverse { grid-template-columns: 1fr minmax(0, 31.75rem); grid-template-areas: "player content" "transcript transcript"; } .video-v3__title { font-size: 3rem; color: #161616; font-weight: 500; line-height: 1.5; line-height: 3.5rem; } @media only screen and (max-width: 991px) { .video-v3__title { font-size: 1.75rem; color: #161616; font-weight: 500; line-height: 1.5; line-height: 2.25rem; margin-bottom: 2rem; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .video-v3__title { margin-bottom: 2rem; } } .video-v3__description { margin: 0 0 1.5rem 0; overflow-wrap: anywhere; word-break: break-word; hyphens: auto; white-space: normal; max-width: 28.25rem; } @media only screen and (max-width: 1199px) { .video-v3__description { max-width: none; margin-bottom: 0; } } .video-v3__description-desktop { font-size: 1.125rem; color: #666666; font-weight: 400; line-height: 1.5; line-height: 1.75rem; } @media only screen and (max-width: 1199px) { .video-v3__description-desktop { display: none; } } .video-v3-description-mobile { display: none; } @media only screen and (max-width: 1199px) { .video-v3-description-mobile { display: block; } } @media only screen and (max-width: 991px) { .video-v3-description-mobile .video-v3__description { font-size: 1rem; color: #666666; font-weight: 400; line-height: 1.5; line-height: 1.5rem; } } .video-v3__cta { text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; height: 3rem; padding: 1rem 2rem; font-size: 1.125rem; line-height: 1.75rem; gap: 0.25rem; background-color: #016dff; border-radius: 6.25rem; border: 0.0625rem solid #016dff; display: inline-flex; gap: 0.5rem; justify-content: center; align-items: center; width: fit-content; color: #ffffff; } .video-v3__cta:hover { background-color: #161616; color: #ffffff; border-radius: 6.25rem; border-color: #161616; } .video-v3__cta:disabled { background-color: #f3f3f3; color: #666666; border-radius: 6.25rem; border: 0.0625rem solid #666666; cursor: not-allowed; } @media only screen and (max-width: 991px) { .video-v3__cta { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; font-size: 1rem; line-height: 1.5rem; min-height: 2.5rem; height: auto; padding: 0.35rem 1.5rem; } } @media only screen and (max-width: 991px) { .video-v3__cta { padding: 0.75rem 1.5rem; } } .video-v3__cta:focus-visible { outline: 0; border-radius: 6.25rem; } .video-v3__cta .icon { display: inline-block; width: 1.125rem; height: 1.125rem; background: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-site-v2/resources/img/play20.svg") no-repeat center center; background-size: contain; aspect-ratio: 1; } @media only screen and (max-width: 991px) { .video-v3__cta .icon { width: 0.875rem; height: 0.875rem; } } .video-v3__cta.is-playing .icon { background-image: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-site-v2/resources/img/pause-icon-white.svg"); } .video-v3 .video-v3__dam-wrapper { position: relative; border: 0.0625rem solid #666666; } .video-v3__element:hover { cursor: pointer; } .video-v3 .video-big-play { position: absolute; bottom: 1.5rem; right: 1.5rem; border-radius: 50%; width: 7.25rem; height: 7.25rem; cursor: pointer; background: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-site-v2/resources/img/video-play-big.svg") no-repeat center; background-size: contain; } .video-v3 .video-big-play:hover { background: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-site-v2/resources/img/video-play-big-hover.svg") no-repeat center; } @media only screen and (max-width: 991px) { .video-v3 .video-big-play { width: 3.5rem; height: 3.5rem; bottom: 1rem; right: 1rem; } } .video-v3__dam-wrapper, .video-v3__brightcove-wrapper { position: relative; padding-top: 56.25%; background: #161616; overflow: hidden; border-radius: 0.25rem; } .video-v3__element, .video-v3 .video-js { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #161616; } .video-v3__transcript { grid-area: transcript; width: 100%; display: flex; justify-self: end; padding: 0; } .video-v3__transcript-toggle { display: inline-flex; align-items: center; gap: 0.375rem; cursor: pointer; border: none; border-radius: 0; background: none; margin-bottom: 1rem; text-decoration: underline; text-underline-offset: 0.3125rem; font-size: 1.125rem; color: #161616; font-weight: 650; line-height: 1.5; line-height: 1.75rem; padding: 0; } .video-v3__transcript-toggle[aria-expanded="true"] .video-v3__transcript-icon img { transform: rotate(180deg); transition: transform 0.3s ease; } @media only screen and (max-width: 1199px) { .video-v3__transcript-toggle { line-height: 1.375rem; font-size: 1rem; margin: 2rem 0 0.5rem 0; } } .video-v3__transcript-toggle:hover { text-decoration: none; } .video-v3__transcript-toggle:active, .video-v3__transcript-toggle:focus { outline: none; box-shadow: none; text-decoration: underline; } .video-v3__transcript-toggle:focus-visible { outline: 0; } .video-v3__transcript-icon img { display: inline-block; width: 1rem; height: 1rem; vertical-align: middle; transition: transform 0.25s ease; } .video-v3__transcript-icon img.rotated { transform: rotate(360deg); } .video-v3__transcript__wrapper { grid-column: -1; width: 100%; background: transparent; padding: 0; display: block; box-sizing: border-box; margin-bottom: 2rem; } @media only screen and (max-width: 1199px) { .video-v3__transcript__wrapper { display: none; } } .video-v3__transcript__wrapper-content { box-sizing: border-box; max-width: 1440px; margin: 0 auto; width: 100%; overflow: hidden; transition: max-height 0.35s ease, padding 0.25s ease; padding: 0; background: transparent; } .video-v3__transcript__wrapper-content[aria-hidden="false"] { padding-top: 0.3125rem; padding-bottom: 0.3125rem; display: block; } .video-v3__transcript__wrapper-content-inner { box-sizing: border-box; background: #f3f3f3; color: #161616; margin: 0 5.5rem; overflow-y: auto; max-height: none; max-height: 13.5rem; max-width: 100%; overflow-x: hidden; overflow-wrap: break-word; word-break: normal; white-space: normal; } @media only screen and (max-width: 1199px) { .video-v3__transcript__wrapper-content-inner { margin: 0; max-height: 6.25rem; } } .video-v3__transcript__wrapper-content-inner p { padding: 1rem 1.875rem; margin: 0; font-size: 1.75rem; color: #161616; font-weight: 300; line-height: 1.5; line-height: 2.5rem; } @media only screen and (max-width: 1199px) { .video-v3__transcript__wrapper-content-inner p { font-size: 1rem; line-height: 1.5rem; padding: 0; } } .video-v3__transcript__wrapper-content.active { max-height: 12.5rem; } @media only screen and (max-width: 1199px) { .video-v3__transcript__wrapper-content.active { max-height: 6.25rem; } } @media only screen and (max-width: 1199px) { .video-v3 { padding: 1.25rem 1.25rem 0.5rem; grid-template-columns: 1fr; row-gap: 2rem; grid-template-areas: "content" "player" "transcript"; } .video-v3__content, .video-v3__player { max-width: 100%; } .video-v3__transcript { justify-self: flex-start; padding: 0; } .video-v3__transcript__wrapper { margin: 0.75rem auto 0 auto; padding: 0; } .video-v3__transcript__wrapper-content-inner { padding-left: 1.25rem; padding-right: 1.25rem; } } .video-v3 + .video-v3__transcript { max-width: 1440px; margin: 0 auto; padding: 0 5.5rem; display: flex; justify-content: flex-end; } @media only screen and (max-width: 1199px) { .video-v3 + .video-v3__transcript { display: none; } } .video-v3.video-v3--reverse + .video-v3__transcript { justify-content: flex-start; padding-left: 5.5rem; } @media only screen and (max-width: 1199px) { .video-v3__transcript-mobile { max-width: 1440px; margin: 0 auto; display: flex; justify-content: flex-end; } .video-v3.video-v3--reverse + .video-v3__transcript { justify-content: flex-start; padding-left: 5.5rem; } } @media (min-width: 1200px) { .video-v3__transcript-mobile, .video-v3__transcript__wrapper-mobile { display: none; } } /* RESPONSIVE MIXIN */ .video { background: #ffffff; } /* Video component */ .video-component { position: relative; background-size: cover; background-position: center; } .video-component .video-element { width: 100%; height: 100%; object-fit: cover; } .video-component .play-pause-btn { position: absolute; bottom: 5%; right: 2%; width: 3.25rem; height: 3.25rem; padding: 0; border-radius: 50%; border: none; background: #ffffff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; color: #161616; } .video-component .play-pause-btn:hover { background-color: #016dff; } .video-component .play-pause-btn[aria-label="Watch video"] img, .video-component .play-pause-btn[aria-label="Visionner la vidéo"] img { margin-left: 0.1875rem; } .video-component .play-pause-btn img { width: 1.5rem; height: 1.5rem; display: block; } .video-component .play-pause-btn:focus-visible { outline: 0; } @media only screen and (max-width: 767px) { .video-component .play-pause-btn { bottom: 8%; } } /* Transcript wrapper */ .transcript__container { width: 100%; box-sizing: border-box; margin: 0; padding: 0; display: flex; justify-content: center; margin-top: 1.25rem; margin-bottom: 1.25rem; } .transcript__inner { max-width: 1440px; width: 100%; box-sizing: border-box; display: flex; flex-direction: column; gap: 1.25rem; margin-left: 5.5rem; margin-right: 5.5rem; } @media only screen and (max-width: 991px) { .transcript__inner { margin-left: 1.25rem; margin-right: 1.25rem; } } .transcript-toggle { display: inline-flex; align-items: center; gap: 0.5rem; background: transparent; border: none; padding: 0; cursor: pointer; text-decoration: underline; align-self: flex-start; } .transcript-toggle:focus-visible { outline: 0; } .transcript-toggle:hover { text-decoration: none; } .transcript-toggle__label { font-size: 1.125rem; font-style: normal; font-weight: 650; line-height: 1.75rem; text-decoration-line: none; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: 4%; color: #161616; text-underline-offset: 0.25rem; } .transcript-toggle__icon { display: inline-block; width: 1rem; height: 1rem; object-fit: contain; margin-left: 0.3125rem; } .transcript-container { width: 100%; box-sizing: border-box; height: 0; overflow: hidden; display: block; transition: height 200ms ease-in-out; } .transcript-container.active { height: 13.5rem; overflow: visible; } .transcript-container__content { width: 100%; height: 100%; box-sizing: border-box; background: #f3f3f3; color: #161616; font-size: 1.75rem; font-style: normal; font-weight: 300; line-height: 2.5rem; padding: 1.25rem; padding-left: 2rem; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: thin; /* scrollbars */ } .transcript-container__content p { margin: 0; font-size: 1.75rem; font-style: normal; font-weight: 300; line-height: 2.5rem; color: #161616; } .transcript-container__content::-webkit-scrollbar { width: 0.25rem; height: 0.5rem; } .transcript-container__content::-webkit-scrollbar-track { background: transparent; } .transcript-container__content::-webkit-scrollbar-thumb { background-color: #666666; border-radius: 0.125rem; border: none; } /* Accessibility */ .transcript-container[aria-hidden="true"] { pointer-events: none; } .accordion .columncontainer__v3--column .aem-Grid .aem-GridColumn .video-v3 { padding: 2.5rem 0 1rem; } .accordion .columncontainer__v3--column .aem-Grid .aem-GridColumn .video-v3__transcript { padding: 0; } .accordion .columncontainer__v3--column .aem-Grid .aem-GridColumn .video-v3__transcript__wrapper-content-inner { margin-right: 0px; margin-left: 0px; } /* RESPONSIVE MIXIN */ .cmp-th { background-color: #f6f7fc; display: flex; justify-content: space-between; align-items: center; padding: 1rem 2rem; } .cmp-th__left, .cmp-th__right { display: flex; align-items: center; gap: 1.5rem; } .cmp-th__section { display: flex; align-items: center; gap: 1.5rem; } .cmp-th__search { text-decoration: none; color: #125687; } .cmp-th__language_select { padding: 0.25rem; font-size: 1rem; } .cmp-th__login { padding: 0.5rem 1rem; border-radius: 4px; text-decoration: none; color: #ffffff; font-weight: bold; } .cmp-th__login--investor { background-color: #2CD7FF; } .cmp-th__login--adviser { background-color: #8DDB00; } /* RESPONSIVE MIXIN */ .cmp-title { max-width: 1440px; margin: 0 auto; padding: 0 5.5rem; } @media only screen and (max-width: 991px) { .cmp-title { padding: 2.5rem 1.25rem 0; } } .cmp-title__text { margin: 0 auto 2rem auto; } .cmp-title__link { color: inherit; text-decoration: underline; transition: color 0.3s ease; font-size: inherit; font-weight: inherit; } .cmp-title__link:hover { color: #016dff; text-decoration: underline; } /* RESPONSIVE MIXIN */ .cmp-tile { display: flex; flex-direction: column; overflow: hidden; } @media only screen and (max-width: 766px) { .cmp-tile { border: 0.0625rem solid #e2e8ee; } } @media only screen and (min-width: 767px) and (max-width: 990px) { .cmp-tile { border: 0.0625rem solid #e2e8ee; } } .cmp-tile__image img { width: 100%; height: 152px; display: block; object-fit: cover; background-position: center; max-width: unset; } .cmp-tile__content { padding: 2rem; background-color: #ffffff; height: 248px; display: flex; box-sizing: border-box; justify-content: space-between; flex-direction: column; } .cmp-tile__content h3 { font-size: 1.125rem !important; line-height: 1.75rem; font-weight: 700; text-decoration: 1px dotted #333333; margin-bottom: 0.9375rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .cmp-tile__content h3 a { border-bottom: 1px dotted; padding-bottom: 2px; color: #333333; } .cmp-tile__content h3 a:hover { border-bottom: unset; color: #333333; text-decoration: none; } .cmp-tile__content h3 a:focus { box-shadow: none !important; } .cmp-tile__content p { font-weight: 400; font-size: 0.875rem; line-height: 1.3125rem; text-shadow: none; color: #333333; } .cmp-tile__content .cmp-cta__link { margin-left: 0px; padding-top: 2px; } .cmp-tile__content .cmp-cta__linkText { padding-bottom: 0px; } .cmp-tile__content .cmp-cta__linkIcon svg { font-size: 0.875rem; } /* RESPONSIVE MIXIN */ .cmp-tl { padding: 4rem 0; } @media only screen and (max-width: 766px) { .cmp-tl { padding: 1.5rem 1.125rem !important; } } .cmp-tl__list { display: flex; flex-wrap: wrap; justify-content: center; } @media only screen and (max-width: 766px) { .cmp-tl__item { margin-bottom: 10px; } } .cmp-tl__item a { font-weight: 700; padding-right: 1.563rem; border-right: 1px solid; padding-left: 1.563rem; display: inline-flex; align-items: center; color: #125687; } @media only screen and (max-width: 766px) { .cmp-tl__item a { padding-right: 1rem; padding-left: 1rem; } } .cmp-tl__item a:hover { text-decoration: none; } .cmp-tl__item a:hover span { border-bottom-style: unset; } .cmp-tl__item a span { line-height: 1.313rem; border-bottom-style: dotted; border-bottom-width: thin; border-bottom-color: #007eab; } @media only screen and (max-width: 766px) { .cmp-tl__item a span { font-size: 1rem; } } .cmp-tl__item a i, .cmp-tl__item a svg { margin-left: 10px; } .cmp-tl__item:last-child a { border-right: unset; } .cmp-tl .cmp-text { margin-bottom: 1.25rem; max-width: 725px; margin-left: auto; margin-right: auto; } .cmp-tl .cmp-text p { font-size: 1.375rem; line-height: 2.25rem; margin-bottom: 0px; } @media only screen and (max-width: 766px) { .cmp-tl .cmp-text p { font-size: 1rem; line-height: 1.5rem; } } .text-links .cmp-tl__container .cmp-tl { padding: 4rem 0px; } /* RESPONSIVE MIXIN */ .cmp-text { max-width: 1440px; margin: 0 auto; padding: 0 5.5rem 2.5rem; } @media only screen and (max-width: 991px) { .cmp-text { padding: 0 1.25rem 0; } } .cmp-text__paragraph a { color: inherit; font-size: inherit; font-weight: inherit; text-decoration: underline; transition: color 0.3s ease; } .cmp-text__paragraph a:hover { color: #016dff; text-decoration: underline; } .cmp-text p b { font-weight: 650 !important; } .cmp-text p a:has(b):hover { border-bottom: none; } .text-dynamic { font-size: 1.75rem; line-height: 2.5rem; font-weight: 300; } @media only screen and (max-width: 991px) { .text-dynamic { font-size: 1.25rem; line-height: 1.75rem; } } /* RESPONSIVE MIXIN */ .cmp-tabs__navwrapper { background: #f3f3f3; } .cmp-tabs__navwrapper.sticky { position: sticky; top: 5.063rem; z-index: 1; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .cmp-tabs__navwrapper.sticky { top: 4rem; } } @media only screen and (max-width: 991px) { .cmp-tabs__navwrapper.sticky { top: 3.938rem; } } .cmp-tabs__tablist { display: flex; list-style: none; max-width: 1440px; justify-content: space-between; align-items: center; padding: 0 5.5rem; flex-wrap: nowrap; } .cmp-tabs__tab { border-bottom: 0.25rem solid transparent; height: 5.8125rem; font-size: 1.125rem; font-weight: 650; line-height: 1.75rem; color: #161616; display: flex; justify-content: space-between; align-items: center; gap: 2.75rem; } .cmp-tabs__tab--active { border-color: #016dff; } .cmp-tabs__tab:hover { border-bottom: 0.25rem solid #016dff; color: #016dff; } .cmp-tabs__tabpanel { display: none; } .cmp-tabs__tabpanel--active { display: block; } .container-fluid.content-section { max-width: 100%; width: 100%; } @media (max-width: 992px) { .cmp-tabs__navwrapper { padding: 0; } .cmp-tabs__tablist { display: none; } .cmp-tabs__select-wrapper::after { content: ""; top: 1.25rem; width: 1.125rem; height: 1.125rem; display: block; position: absolute; right: 1.25rem; background-image: url("clientlib-site-v2/resources/img/chevron-down.svg"); background-repeat: no-repeat; pointer-events: none; } .cmp-tabs__select-wrapper.active::after { background-image: url("clientlib-site-v2/resources/img/chevron-up-black.svg"); } .form-control.cmp-tabs__dropdown { display: block; width: 100%; height: auto; margin-bottom: 1rem; padding: 1.25rem !important; font-size: 1rem; font-weight: 650; background: #f3f3f3; position: relative; color: #161616; border-inline: none; border-top: none; border-bottom: 0.0625rem solid #666666; } .cmp-tabs__select-wrapper { margin-left: 0.25rem; margin-right: 0.25rem; } .cmp-tabs__select-wrapper .form-control { border-radius: 0 !important; } .cmp-tabs__icon { position: absolute; top: 1.5rem; right: 1.25rem; width: 1.125rem; height: 1.125rem; transform: rotate(180deg); } } /* RESPONSIVE MIXIN */ .tabmenu { border-bottom: 0.25rem solid #f3f3f3; background-color: #ffffff; } .tabmenu.sticky { position: sticky; top: 5.063rem; z-index: 6; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .tabmenu.sticky { top: 4rem; } } @media only screen and (max-width: 991px) { .tabmenu.sticky { top: 3.938rem; } } @media only screen and (max-width: 991px) { .tabmenu { border: 0 none; background-color: #f3f3f3; } } .tabmenu__page { max-width: 1440px; padding-left: 5.5rem; padding-right: 5.5rem; margin: 0 auto; } @media only screen and (max-width: 991px) { .tabmenu__page { padding-left: 1.25rem; padding-right: 1.25rem; } } @media only screen and (max-width: 991px) { .tabmenu__page { padding-left: 0; padding-right: 0; } } .tabmenu__page--nav { display: flex; } @media only screen and (max-width: 991px) { .tabmenu__page--nav { display: block; position: relative; height: 4rem; border-bottom: 0.0625rem solid #666666; } .tabmenu__page--nav::after { content: ""; top: 1.25rem; width: 1.125rem; height: 1.125rem; display: block; position: absolute; right: 1.25rem; background-image: url("clientlib-site-v2/resources/img/chevron-down.svg"); background-repeat: no-repeat; pointer-events: none; } .tabmenu__page--nav.active { height: auto; } .tabmenu__page--nav.active::after { background-image: url("clientlib-site-v2/resources/img/chevron-up-black.svg"); } } .tabmenu__page--nav.active .tabmenu__page--link { display: block; } .tabmenu__page--nav ul { list-style: none; display: flex; margin: 0; padding: 0; } @media only screen and (max-width: 991px) { .tabmenu__page--nav ul { display: none; } .tabmenu__page--nav ul.active { display: block; } } .tabmenu__page--link { padding: 2.25rem 1.5rem; font-weight: 650; color: #161616; text-decoration: none; display: block; height: 100%; } .tabmenu__page--link:focus-visible { position: relative; box-shadow: none !important; -webkit-box-shadow: none !important; } .tabmenu__page--link:focus-visible::after { content: ""; position: absolute; top: 0.3125rem; bottom: 0.0625rem; left: 0; right: 0; box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #161616; } @media only screen and (max-width: 991px) { .tabmenu__page--link { display: none; padding-top: 1.25rem; padding-bottom: 1.25rem; padding-right: 3.125rem; } .tabmenu__page--link:focus-visible::after { top: 0.25rem; bottom: 0.3125rem; left: 0.3125rem; right: 0.3125rem; } } .tabmenu__page--link:hover { background-color: #f3f3f3; } .tabmenu__page--link.active { background-color: #f3f3f3; z-index: -1; } @media only screen and (max-width: 991px) { .tabmenu__page--link.active { display: block; max-width: 100vw; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } } .tabmenu #showMobileDropdown { display: none; } @media only screen and (max-width: 991px) { .tabmenu #showMobileDropdown { display: block; max-width: 100vw; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 1.25rem 2.875rem 1.25rem 1.25rem; font-weight: 650; color: #161616; text-decoration: none; margin-left: 0.25rem; margin-right: 0.25rem; } .tabmenu #showMobileDropdown:focus-visible { outline: 0; box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #161616 !important; -webkit-box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #161616 !important; } } /* RESPONSIVE MIXIN */ .stickycontact__container { max-width: 1440px; margin: 0 auto; } @media (min-width: 1300px) { .stickycontact__signInUserModel { width: 1264px; } } @media (min-width: 1200px) { .stickycontact__signInUserModel { width: 1140px; } } .stickycontact__cta { position: fixed; right: 0; top: 80%; z-index: 50; padding: 0.875rem 1.25rem; border-radius: 4px 0 0 4px; border: 0.125rem solid #f3f3f3; background-color: #161616; display: flex; align-items: center; gap: 1rem; width: 4.5rem; height: auto; transition: all 0.5s; } @media only screen and (max-width: 991px) { .stickycontact__cta { width: 3.5rem; height: auto; padding: 0.5rem 1.125rem; top: 50%; } } .stickycontact__cta.active { width: 11.875rem; } @media only screen and (max-width: 991px) { .stickycontact__cta.active { width: 178px; } } .stickycontact__cta.active .stickycontact__cta--link { animation: slide-in 0.5s forwards; -webkit-animation: slide-in 0.5s forwards; display: block; } .stickycontact__cta--link { color: #f3f3f3; font-size: 1.125rem; font-weight: 500; line-height: 1.25rem; text-decoration: none; cursor: pointer; display: none; transform: translateX(100%); -webkit-transform: translateX(100%); animation: slide-out 0.5s forwards; -webkit-animation: slide-out 0.5s forwards; } @media only screen and (max-width: 991px) { .stickycontact__cta--link { font-size: 1rem; } } .stickycontact__cta--link:hover { text-decoration: underline; background-color: #161616; } .stickycontact__cta--icon { background-repeat: no-repeat; background-position: center; width: 1.5rem; height: 1.5rem; cursor: pointer; background-image: url(clientlib-site-v2/resources/img/chevron-left-white.svg); background-size: 10.8px 21px; background-color: transparent; padding: 0.3125rem; } @media only screen and (max-width: 991px) { .stickycontact__cta--icon { background-size: 8.1px 16.2px; } } .stickycontact__cta--icon.expanded { background-image: url(clientlib-site-v2/resources/img/chevron-right-white.svg); background-size: 10.5px 21px; } @media only screen and (max-width: 991px) { .stickycontact__cta--icon.expanded { background-size: 7.8px 15.8px; } } .stickycontact__modal--close { background-color: transparent; float: right; padding: 0; margin: 2rem 2rem 1rem; } @media only screen and (max-width: 991px) { .stickycontact__modal--close { width: 24px; height: 24px; } } .stickycontact__modal--body { padding-left: 0; padding-right: 0; } .stickycontact__modal--footercontent { padding: 2.5rem 2rem; border-top: 0.25rem solid #f3f3f3; text-align: center; margin-top: 4.125rem; } .stickycontact__modal--footercontent p a { white-space: nowrap; } .stickycontact__modal--loginContainer { display: flex; padding: 0 2rem; align-items: center; gap: 2rem; text-align: center; } @media only screen and (max-width: 991px) { .stickycontact__modal--loginContainer { display: block; } } .stickycontact__modal--loginNew { flex-grow: 1; flex-basis: 0; } .stickycontact__modal--loginRegistered { flex-grow: 1; flex-basis: 0; } .stickycontact__modal--loginRegistered ul { margin-bottom: 0; } .stickycontact__modal--loginRegistered ul li { font-size: 1.125rem; } @media only screen and (max-width: 991px) { .stickycontact__modal--loginRegistered ul li { font-size: 1rem; } } .stickycontact__modal--publicUserRegSubTitle { padding-bottom: 2rem; text-align: center; } @media only screen and (max-width: 991px) { .stickycontact__modal--publicUserRegSubTitle { padding-bottom: 1.0625rem; padding-top: 0; } } .stickycontact__modal--publicUserSignInSubTitle { padding-bottom: 2rem; text-align: center; } @media only screen and (max-width: 991px) { .stickycontact__modal--publicUserSignInSubTitle { padding-bottom: 1rem; margin-top: 53px; } } .stickycontact__modal--guestUserSubTitle { padding-bottom: 1.5rem; text-align: center; } @media only screen and (max-width: 991px) { .stickycontact__modal--guestUserSubTitle { padding-bottom: 1.5rem; } } .stickycontact__modal--fullyRegisteredSubTitle { padding-bottom: 51px; text-align: center; padding-left: 1rem; padding-right: 1rem; } @media only screen and (max-width: 991px) { .stickycontact__modal--fullyRegisteredSubTitle { padding-bottom: 32px; } } .stickycontact__modal--desc { padding-left: 2.625rem; padding-right: 2.625rem; } .stickycontact__modal--cta { margin-top: 1.6875rem; width: 250px; } @media only screen and (max-width: 991px) { .stickycontact__modal--cta { width: 220px; margin-top: 1.25rem; } } .stickycontact__modal--list { text-align: left; } .stickycontact__modal--guestUser { max-width: 33.125rem; margin: 0 auto; width: 100%; text-align: center; padding-top: 3.125rem; padding-bottom: 7.5rem; } @media only screen and (max-width: 991px) { .stickycontact__modal--guestUser { height: auto; padding: 0; } } .stickycontact__modal--loggedInUser__contents { display: flex; flex-direction: row; width: 100%; justify-content: center; gap: 2rem; flex-wrap: wrap; } @media only screen and (max-width: 991px) { .stickycontact__modal--loggedInUser__contents { flex-direction: column; gap: 3rem; } } .stickycontact__modal--loggedInUser__contents:has( > :last-child:nth-child(odd))::after { content: ""; visibility: hidden; width: 500px; } @media only screen and (max-width: 991px) { .stickycontact__modal--loggedInUser__contents:has( > :last-child:nth-child(odd))::after { content: none; } } .stickycontact__modal--userContainer { display: flex; width: 500px; justify-content: center; align-items: center; } @media only screen and (max-width: 991px) { .stickycontact__modal--userContainer { width: auto; } } .stickycontact__modal--user { display: flex; flex-direction: column; align-items: center; gap: 1rem; } .stickycontact__modal--userProfileDetails { display: flex; width: 18.25rem; flex-direction: column; align-items: flex-start; gap: 1rem; } @media only screen and (max-width: 991px) { .stickycontact__modal--userProfileDetails { gap: 1rem; } } .stickycontact__modal--userImage { height: 10.875rem; width: 100%; background-color: #f3f3f3; } .stickycontact__modal--userIcon { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; isolation: isolate; } .stickycontact__modal--userNameRole { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; font-size: 1.125rem; } @media only screen and (max-width: 991px) { .stickycontact__modal--userNameRole { font-size: 16px; gap: 1rem; } } .stickycontact__modal--userName { width: 100%; line-height: 1.75rem; font-weight: 650; color: #161616; } @media only screen and (max-width: 991px) { .stickycontact__modal--userName { line-height: 16px; } } .stickycontact__modal--userRole { line-height: 1.75rem; font-weight: 400; color: #666666; } @media only screen and (max-width: 991px) { .stickycontact__modal--userRole { line-height: 16px; } } .stickycontact__modal--userDetails { width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 11px; } @media only screen and (max-width: 991px) { .stickycontact__modal--userDetails { gap: 13px; } } .stickycontact__modal__user-personalDetails { font-size: 1.125rem; width: 100%; } @media only screen and (max-width: 991px) { .stickycontact__modal__user-personalDetails { font-size: 16px; } } .stickycontact__modal__user-personalDetails a { font-weight: 400; } .stickycontact__modal--userPhone { line-height: 1.75rem; font-weight: 400; color: #161616; } @media only screen and (max-width: 991px) { .stickycontact__modal--userPhone { line-height: 16px; } } .stickycontact__modal--userPhone a { color: #161616; } .stickycontact__modal--userPhone a span:hover { text-decoration: none; } .stickycontact__modal--userEmail { font-size: 1.125rem; line-height: 1.75rem; font-weight: 400; color: #161616; } @media only screen and (max-width: 991px) { .stickycontact__modal--userEmail { line-height: 16px; } } .stickycontact__modal--userEmail a { color: #161616; } .stickycontact__modal--userEmail a:hover { text-decoration: none; } .stickycontact__modal--userShare { width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; } @media only screen and (max-width: 991px) { .stickycontact__modal--userShare { width: 1.75rem; height: 1.75rem; } } .stickycontact__modal--userShare img { width: 1.5rem; height: 1.5rem; } @media only screen and (max-width: 991px) { .stickycontact__modal--userShare img { width: 1.3125rem; height: 1.3125rem; } } @keyframes slide-in { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(0%); } } @-webkit-keyframes slide-in { 0% { transform: translateX(100%); } 100% { transform: translateX(0%); } } @keyframes slide-out { 0% { transform: translateX(0%); } 100% { transform: translateX(100%); } } @-webkit-keyframes slide-out { 0% { -webkit-transform: translateX(0%); } 100% { -webkit-transform: translateX(100%); } } /* RESPONSIVE MIXIN */ .socialshare__image:hover { cursor: pointer; } .socialshare__modal.show { display: block!important; } .socialshare__modal--dialog { display: flex; justify-content: center; } @media only screen and (max-width: 991px) { .socialshare__modal--dialog { margin-left: auto; margin-right: auto; padding-bottom: 10px !important; } } @media only screen and (max-width: 767px) { .socialshare__modal--dialog { width: 96%; padding-bottom: 0; } } .socialshare__modal--content { width: 29rem; border-radius: 4px; background-color: #ffffff; box-shadow: 0.0625rem 0.0625rem 0.9375rem 0 rgba(0, 0, 0, 0.15); border: 0 none; padding: 4.25rem 3.875rem 4rem; } @media only screen and (max-width: 991px) { .socialshare__modal--content { width: 17.563rem; padding: 3.438rem 1.25rem 3.25rem; } } @media only screen and (max-width: 767px) { .socialshare__modal--content { width: 100%; } } .socialshare__modal--header { background-color: transparent !important; padding: 0; border: 0 none; } .socialshare__modal--title { font-size: 1.75rem !important; font-weight: 650 !important; line-height: 2.25rem !important; color: #161616; padding-bottom: 0.5rem; } @media only screen and (max-width: 991px) { .socialshare__modal--title { font-size: 1.375rem !important; line-height: 1.75rem !important; padding-bottom: 0; } } .socialshare__modal--close { position: absolute; right: 1rem; top: 1rem; padding: 0; background: transparent; width: 1.875rem; height: 1.875rem; } @media only screen and (max-width: 991px) { .socialshare__modal--close { width: 1.1875rem; height: 1.1875rem; } } .socialshare__modal--body { background-color: transparent !important; padding: 0; } .socialshare__modal--list { margin: 0 0.25rem; padding: 0 0 0.25rem 0; list-style-type: none; } .socialshare__modal--list_item { margin-top: 1.5rem; } @media only screen and (max-width: 991px) { .socialshare__modal--list_item { margin-top: 1.25rem; } } .socialshare__modal--link { padding: 1rem 2rem 1rem 1rem; display: block; border-radius: 0.25rem; border: 0.0625rem solid #161616; font-size: 1.125rem; line-height: 1.75rem; font-weight: 650; color: #161616; text-decoration: none; } .socialshare__modal--link:hover { border: 0.0625rem solid #161616 !important; } .socialshare__modal--label { padding-left: 1rem; } .socialshare__modal--tooltipPopup { position: absolute; visibility: none; background-color: #555; color: #fff; text-align: center; border-radius: 4px; padding: 8px 15px; z-index: 1; opacity: 0; transition: opacity 0.3s; right: 20px; } .socialshare__modal--tooltipPopup.show { visibility: visible; opacity: 1; } /* RESPONSIVE MIXIN */ .site-alert { padding: 0; margin: 0; position: relative; visibility: hidden; } .site-alert.error { background-color: #fdeced; } .site-alert.error::before { content: ""; } .site-alert.warning { background-color: #fff3ee; } .site-alert.success { background-color: #ecf5f3; } .site-alert.info { background-color: #ebf7fc; } .site-alert.new { background-color: #f4f0f9; } .site-alert__container { max-width: 1200px; margin: 0 auto; padding: 1.5rem 5.625rem 1.5rem 0; display: flex; gap: 0.75rem; position: relative; } @media only screen and (min-width: 1200px) and (max-width: 1439px) { .site-alert__container { padding-left: 1.125rem; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .site-alert__container { padding-left: 1.125rem; } } @media only screen and (max-width: 991px) { .site-alert__container { max-width: 100%; padding: 1.5rem 1.125rem; flex-direction: column; } } .site-alert__dismiss-x { position: absolute; right: 1.5rem; top: 1.5rem; } .site-alert__closeicon { width: 1.875rem; height: 1.875rem; display: block; pointer-events: none; } .site-alert__icon .icon-error { background-image: url(clientlib-site-v2/resources/img/error.svg); background-repeat: no-repeat; background-position: center; } .site-alert__icon .icon-warning { background-image: url(clientlib-site-v2/resources/img/warning.svg); background-repeat: no-repeat; background-position: center; } .site-alert__icon .icon-success { background-image: url(clientlib-site-v2/resources/img/success.svg); background-repeat: no-repeat; background-position: center; } .site-alert__icon .icon-info { background-image: url(clientlib-site-v2/resources/img/info.svg); background-repeat: no-repeat; background-position: center; } .site-alert__icon .icon-new { background-image: url(clientlib-site-v2/resources/img/new.svg); background-repeat: no-repeat; background-position: center; width: 2.625rem; display: block; height: 1.5rem; } .site-alert__hide { padding-top: 1.5rem; position: relative; } @media only screen and (max-width: 991px) { .site-alert__hide .site-alert__hideinner { display: block; text-align: center; } } .site-alert__close { margin-left: 15px; } @media only screen and (max-width: 991px) { .site-alert__close { margin: 0 auto; width: auto; display: block; margin-top: 1.5rem; } } .site-alert__close.btn-secondary { background-color: #ffffff; } @media only screen and (max-width: 991px) { .site-alert__close.btn-secondary { display: block; } } .site-alert__close.btn-secondary:disabled { color: #cccccc; border-color: #cccccc; background-color: rgba(255, 255, 255, 0.87); pointer-events: none; } @media only screen and (max-width: 991px) { .site-alert__closeicon { width: 1.5rem; height: 1.5rem; } } .site-alert__content p { font-size: 1rem; line-height: 1.5rem; color: #333333; } .site-alert__content p b { font-weight: 650; } .site-alert__dontshow { font-size: 1rem; line-height: 1.5rem; font-weight: 400; color: #333333; cursor: pointer; position: relative; } @media only screen and (max-width: 991px) { .site-alert__dontshow { display: inline; text-align: center; margin-bottom: 1.5rem; } } .site-alert__dontshow:before { content: ""; height: 1.5rem; width: 1.5rem; background-color: #ffffff; border: 0.0625rem solid #666666; display: inline-block; vertical-align: middle; margin-right: 0.75rem; border-radius: 0.25rem; position: relative; } .site-alert__message { display: inline; white-space: normal; max-width: 100%; min-width: 0; padding-right: 0; font-family: Roobert, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0; color: #333333; } .site-alert__message a { text-decoration-style: dotted; text-decoration-line: underline; border-bottom: none; color: #161616; } .site-alert__message a:hover { text-decoration-line: none; } .site-alert__message a:visited { color: #161616; } .site-alert__message.expanded { max-height: none; } .site-alert__message-full { display: none; } .site-alert__message-full * { font-family: Roobert, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0; color: #333333; } .site-alert__readmore { background: none; border: none; border-radius: 0; font-size: 1rem; font-weight: 750; cursor: pointer; color: #161616; padding-left: 0.375rem; display: inline; white-space: nowrap; padding: 0; text-decoration-style: dotted; text-decoration-line: underline; } .site-alert__readmore:hover { text-decoration-line: none; } .site-alert__readmore .expanded { display: inline; } .site-alert__chevron { width: 1.875rem; height: 1.875rem; border-radius: 0; background: none; border: none; padding: 0; cursor: pointer; } .site-alert__closebutton { display: none; padding: 0; border-radius: 0; background: transparent; } .checkbox-hidden:checked + .site-alert__dontshow:before { background-color: #016dff; border-color: #016dff; } .checkbox-hidden:checked + .site-alert__dontshow:after { content: ""; position: absolute; background-image: url(clientlib-site-v2/resources/img/checkmark.svg); background-repeat: no-repeat; background-position: center; left: 0.375rem; top: 0.5rem; width: 0.6875rem; height: 0.6875rem; } .checkbox-hidden:focus-visible + .site-alert__dontshow { outline: 0; box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #161616 !important; -webkit-box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #161616 !important; } @media only screen and (max-width: 991px) { .display-desktop { display: none; } } .display-mobile { display: none; } @media only screen and (max-width: 991px) { .display-mobile { display: block; } } html[lang^="fr"] .icon-new { background-image: url(clientlib-site-v2/resources/img/nouveau.png); width: 54px; height: 24px; } .search-box { display: none; position: fixed; left: 0; right: 0; top: 13.75rem; margin: 0 auto; z-index: 2000; justify-content: center; background: transparent; } .search-box--active { display: flex; pointer-events: auto; } .search-box__backdrop { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; background: #161616; opacity: 70%; z-index: 1999; pointer-events: auto; transition: background 0.2s; } .search-box__container { background: #ffffff; border-radius: 0; width: 100%; min-width: 320px; max-width: 1048px; margin: 0 auto; padding: 2rem 3rem 2rem 1.5rem; display: flex; flex-direction: column; align-items: stretch; position: relative; z-index: 2001; } .search-box__form { display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem; padding-left: 1.5rem; } .search-box__input-group { display: flex; align-items: center; flex: 1; background: #ffffff; border: 0.0625rem solid #666666; border-radius: 0.25rem; padding: 0 0 0 1rem; height: 3.5rem; } .search-box__icon { margin-right: 0.5rem; } .search-box__input { border: none; outline: none; font-size: 1.125rem; flex: 1; background: transparent; color: #161616; height: 100%; } .search-box__input::placeholder { color: #161616; opacity: 0.5; } .search-box__input:focus:not(:focus-visible) { outline: 0; } .search-box__input::-webkit-search-cancel-button { display: none !important; } .search-box__clear-input { margin-right: 1.5rem; margin-left: 0.625rem; } .search-box__cancel { background: none; border: none; border-radius: 0; color: #161616; font-size: 1.125rem; font-weight: 650; cursor: pointer; padding: 0 1rem; height: 3rem; text-decoration: underline; } .search-box__cancel:hover, .search-box__cancel:focus:not(:focus-visible) { outline: 0; } .search-box__results { color: #161616; font-size: 1.125rem; font-weight: 650; margin-bottom: 1rem; } .search-box__results:focus { outline: none; } .search-box__noresults { font-weight: 400; } .search-box__results-list { list-style: none; padding: 1.25rem 0 0 1.5rem; max-height: 40vh; overflow: auto; margin-bottom: 0; width: 100%; scroll-behavior: smooth; } .search-box__results-list:focus { outline: none; } .search-box__noresults { padding-left: 1.5rem; } .search-box__result-item a { font-size: 0.875rem; color: #666666; margin-bottom: 1.25rem; font-weight: 400; line-height: 1.6; letter-spacing: 0.01em; display: block; text-decoration: none; } .search-box__result-item a:hover { font-weight: 750; text-decoration: underline; } .search-box__result-item:first-child { scroll-margin-block-start: 8px; outline-offset: 2px; } .search-box__results-label { padding-left: 1.5rem; display: block; } @media (max-width: 1199px) { .search-box { top: 0px; display: block; position: relative; margin: 0; } .search-box__container { width: 100%; max-width: 100vw; padding: 0 1.875rem 0 2rem; } .search-box__results-list, .search-box__results-label, .search-box__form, .search-box__noresults { padding-left: 0; } .search-box__results-label { font-size: 1rem; } .search-box__cancel, .search-box__backdrop { display: none; } .search-box__icon { margin-right: 0; } .search-box__icon img { height: 1rem; width: 1rem; } .search-box__input { font-size: 0.875rem; } .search-box__clear-input { margin-right: 1rem; width: 1.125rem; height: 1.125rem; } .search-box__results { font-size: 1rem; } .main-nav + .search-box { display: none; } } #searchPanel .cmp-search__item--is-focused { box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #161616; outline: 0; margin-right: 1.5625rem; } #searchPanel .cmp-search__item--is-focused a { font-weight: 750; text-decoration: underline; } /* RESPONSIVE MIXIN */ .dynamic-numbers { width: 100%; background: #f3f3f3; padding: 4.5rem 5.5rem 6.25rem; } .dynamic-numbers__title { text-align: center; margin: 0; font-style: normal; color: #161616; } .dynamic-numbers__sub-title { text-align: center; color: #666666; margin-top: 0.5rem; font-size: 0.875rem; font-weight: 400; font-style: normal; line-height: 1.25rem; } .dynamic-numbers__cards { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 4.5rem; padding: 0; justify-content: center; gap: 1rem; max-width: 1264px; margin-left: auto; margin-right: auto; } .dynamic-numbers__card { background: transparent; color: #016dff; display: flex; flex-direction: column; align-items: center; text-align: center; box-shadow: none; gap: 0.75rem; min-width: 0; border: none; } .dynamic-numbers__lead { font-size: 1.75rem; font-weight: 650; margin: 0; line-height: 2.25rem; font-style: normal; color: #161616; } .dynamic-numbers__stat { display: flex; align-items: baseline; justify-content: center; white-space: nowrap; margin: 0; } .dynamic-numbers__prefix, .dynamic-numbers__digits, .dynamic-numbers__suffix { display: inline-block; vertical-align: bottom; font-size: 6rem; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; font-style: normal; } .dynamic-numbers__digits { display: flex; align-items: flex-end; height: 6rem; min-width: 0; } .dynamic-numbers__digits .digit { width: auto; height: 6rem; overflow: hidden; } .dynamic-numbers__digits .track p { font-size: 6rem; height: 6rem; line-height: 6rem; margin: 0; text-align: center; padding: 0; color: #016dff; } .dynamic-numbers__desc { font-size: 1.125rem; font-weight: 400; margin: 0; max-width: 13.75rem; text-align: center; line-height: 1.4; white-space: normal; color: #161616; } @media (max-width: 1199px) { .dynamic-numbers { padding: 4.5rem 1rem; } .dynamic-numbers__cards { grid-template-columns: 1fr; gap: 5rem; } .dynamic-numbers__card { gap: 1.5rem; } .dynamic-numbers__title { font-size: 1.75rem; line-height: 2.25rem; } .dynamic-numbers__sub-title { font-size: 0.875rem; } .dynamic-numbers__lead { font-size: 1.375rem; } .dynamic-numbers__prefix, .dynamic-numbers__digits, .dynamic-numbers__suffix { font-size: 5.5rem; font-weight: 400; line-height: 1; } .dynamic-numbers__digits { height: 5.5rem; } .dynamic-numbers__digits .digit { height: 5.5rem; } .dynamic-numbers__digits .track p { font-size: 5.5rem; height: 5.5rem; line-height: 5.5rem; } .dynamic-numbers__desc { font-size: 1rem; max-width: 16.25rem; } } div.cmp_roles { position: relative; } div.cmp_roles div.cmp_roles__preload { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f7f7f7; z-index: 9001; } div.cmp_roles div.cmp_roles--visible { display: block; } div.cmp_roles div.cmp_roles--hidden { display: none; } .auth_wrapper .resetPassword-description p { color: #666666; font-weight: 500; } html, body { font-family: 'Gotham SSm 8r','Gotham SSm A','Gotham SSm B',Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif; background-color:white; } /* *:focus, a:focus, .btn:focus, .auth_wrapper .form_warning:focus { -webkit-box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 4px #016DFF !important; box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 4px #016DFF !important; outline: none; } */ a[role="button"]{ cursor: pointer; } .auth_wrapper .custom-control-input[type=checkbox]:focus+label::before { box-shadow: 0 0 0 0.2rem #016DFF !important; } .auth_wrapper .custom-control-input[type=checkbox]:not(:checked)+label::before { border: 1px solid #868E96 !important; border-radius: 0; } .auth_wrapper { background-color: #fff; } .auth_wrapper .custom-control-label { font-weight: 400 !important; line-height:1.35rem } .auth_wrapper fieldset { padding-left: 0; padding-right: 0; } .auth_wrapper .custom-radio .custom-control-input:checked~.custom-control-label::before { background-color: #016DFF; } .auth_wrapper .custom-control-input[type=radio]:not(:checked)+label { border-bottom-color: transparent; } .auth_wrapper .custom-control-input[type=radio]+label::before, .auth_wrapper .custom-control-input[type=radio]+label::after { border: 1px solid #777; border-radius: 50%; } .auth_wrapper .custom-control-input[type=radio]:focus+label::before { box-shadow: 0 0 0 0.2rem #016DFF !important; } .auth_wrapper .custom-radio .custom-control-input:checked~.custom-control-label::after { background-image: none; } .auth_wrapper .custom-control-input[type=radio]:checked+label { border-bottom-color: #016DFF; } .auth_wrapper .custom-control-input[type=radio]:checked+label::before { border-width: .25rem !important; border-color: #016DFF !important; } .registration .form-control { padding: .375rem .75rem; } .registration #btnSubmitStep1, .registration #btnSubmitStep2 { gap: 5px; } /* ####################################### ### PROGRESSBAR ### ####################################### */ .reg_progressbar { width: 100%; height: 34px; padding: 0; counter-reset: step; } .reg_progressbar li { list-style-type: none; width: 33.33%; height: 30px; float: left; font-size: 12px; position: relative; text-align: center; color: #6F7780; } .reg_progressbar li:before { position: relative; z-index: 1; width: 30px; height: 30px; content: counter(step); counter-increment: step; line-height: 30px; border: 2px solid #6F7780; display: block; text-align: center; margin: 0 auto 0 auto; border-radius: 50%; background-color: #fff; font-family: 'Gotham SSm 8r','Gotham SSm A','Gotham SSm B',Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; } .reg_progressbar li:after { position: absolute; width: calc(100% - 15px); height: 2px; content: ''; background-color: #ccc; top: 15px; left: calc(-50% + 15px); z-index: -1; } .reg_progressbar li:first-child:after { content: none; } .reg_progressbar li { position: relative; z-index: 1; background-color: #fff; } .reg_progressbar li.step_current { color: #000000; } .reg_progressbar li.step_current:before { z-index: 1; border-color: #016DFF; font-weight: bold; } .reg_progressbar li.step_current + li:after { background-color: #6F7780; } .reg_progressbar li.step_completed { color: #6FF6C3; } .reg_progressbar li.step_completed:before { background-color: #00BD74; /* 125687 69a500 a9d64b */ color: #fff; font-family: "Font Awesome 5 Pro"; line-height: 1.6; font-weight: bold; content: "\f00c"; border-color: #00BD74; } /* PROGRESSBAR - end */ .auth_wrapper legend { font-size: 1rem; font-weight: 700; } .auth_wrapper .small-type { font-size: .8rem; line-height: 1.2; } .auth_wrapper span.small-type { margin-bottom: .5rem; } #btnEmailResend { font-size: 0.8rem; } .auth_wrapper button#btnBackToStep1:focus, .auth_wrapper button#btnBackToStep2:focus { box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 50%); } .auth_wrapper .form_warning p::before, .auth_wrapper .error::before, .auth_wrapper .iconcheck::before { display: block; position: absolute; left: 0; font-family:"Font Awesome 5 Pro"; content: "\f06a"; font-weight: 800; text-align: center; color: #BE061B; } .auth_wrapper input:not(.invalid) + div.error { display: none; } .auth_wrapper #errorUserName, .auth_wrapper #errorPassword { margin-top: 0; } .auth_wrapper [class$="criterias"] { color: #666666; margin-top: .3rem; margin-bottom: 0; padding-left: 0; list-style: none; font-size: .8rem; line-height: 1.2; } .auth_wrapper [class$="criterias"] li { position: relative; padding-left: 1.5rem; } .auth_wrapper .icon_pre::before { display: block; position: absolute; left: .2rem; top: -.2rem; width: 1.2rem; height: 1.2rem; background-color: inherit; font-family:"Font Awesome 5 Pro"; color: inherit; content: ""; padding-top: 0.2rem; font-weight: 800; } .auth_wrapper .icon_pre.icon_x::before { content: "\f00d"; color: #BE061B; } .auth_wrapper .icon_pre.icon_x.fail::before { content: "\f00d"; color: #BE061B ; } .auth_wrapper .icon_pre.icon_check::before { content: "\f058"; /* outline */ color: #868E96; /* gray */ } .auth_wrapper .icon_pre.icon_check.success::before { content: "\f00c"; /* \f00c <- no bckg, \f058 <- solid bckg */ color: #138468; /* green */ } .auth_wrapper .password_wrapper { position: relative; } .auth_wrapper #password, .auth_wrapper #password2, .auth_wrapper #siPassword, .auth_wrapper #RPLPassword, .auth_wrapper #resetPassword, .auth_wrapper #retypeResetPassword { padding-right: 40px !important; } .auth_wrapper .btn_show_password, #btnShowRetypeResetPassword { color:#666666; position: absolute; bottom: 4px; right: 4px; width: 30px; height: 30px; padding: 2px 5px; background-color: transparent; border: 2px solid transparent; } .auth_wrapper .btn_show_password .fa-eye { display: none; } .auth_wrapper .btn_show_password.visible .fa-eye { display: inline-block; } .auth_wrapper .btn_show_password .fa-eye-slash { display: inline-block; } .auth_wrapper .btn_show_password.visible .fa-eye-slash { display: none; } .auth_wrapper button[id$="Password"]:hover, .auth_wrapper button[id$="Password"]:focus { border-color: #161616 !important; } .auth_wrapper button[id$="Password"].visible { border: 1px dashed #666 !important; } .auth_wrapper #btnPrivacyPolicy:hover, .auth_wrapper #btnPrivacyPolicy:focus { cursor: pointer; } .auth_wrapper .registration_end p.ph1 { color: #016DFF; font-weight: 800; text-align: center; } .auth_wrapper .registration_end p.ph2 { font-size: 1.4rem; font-weight: 800; text-align: center; } .auth_wrapper .registration_end { padding-top: 60px; padding-bottom: 60px; } .auth_wrapper #vEM { white-space: nowrap; } .auth_wrapper .pLast { text-align: center; } .auth_wrapper #btnSubmitPhoneNumber { margin-top: -6px; } .codes_wrapper_fr{ height: 48px; width: 142px; } #focusOnInvalidRecaptcha1 { margin-left: 0.8rem !important; } #focusOnInvalidRecaptcha2 { margin-left: 0.8rem !important; } #focusOnInvalidRecaptcha3 { margin-left: 0.8rem !important; } #alreadyRegistered + p { text-align: unset !important; padding-bottom: 20px; } /* MODALS **** this styling block ONLY if not already covered in df.css */ .modal#modalPrivacy .modal-body { background-color: #fff; } .modal#modalPrivacy .modal-header, .modal#modalPrivacy .modal-footer { background-color: #F8F8F8 ; } .modal#modalPrivacy { padding: 0 !important; } .modal#modalPrivacy .modal-dialog { height: 100%; padding-bottom: 50px; } .modal#modalPrivacy .modal-content { height: 100%; } .modal#modalPrivacy .modal-body { overflow-y: auto; } @media screen and (max-width: 500px){ .modal#modalPrivacy .modal-dialog { padding-bottom: 15px; } } .auth_wrapper input.invalid_email_taken + div#errorEmail.error { display: inline-block !important; } div#phoneNumberError { color: var(--error-message-text-color); } /* MODALS - end */ button.btn_editAssistant::before, button.btn_removeAssitant::before { left: 0rem !important; margin-bottom: 6px; } /* RESPONSIVE MIXIN */ .quicklinks { background: #ffffff; color: #161616; padding: 3.75rem 5.5rem 5.125rem; max-width: 1440px; margin: 0 auto; } @media only screen and (max-width: 991px) { .quicklinks { padding: 4.5rem 1.25rem; } } .quicklinks__title { font-size: 1.75rem; color: #161616; font-weight: 650; line-height: 1.5; margin-bottom: 1.5rem; line-height: 2.25rem; font-style: normal; } .quicklinks__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.4375rem; width: 100%; border-radius: 0.25rem; } .quicklinks__item { width: 100%; max-width: 14.625rem; height: 6.0625rem; box-shadow: 0 0.25rem 0.625rem 0 rgba(0, 0, 0, 0.1); border: 1px solid #016dff; border-radius: 0.25rem; } .quicklinks__item:hover { background: #161616; border-color: #161616; } .quicklinks__item--link { display: flex; align-items: center; justify-content: space-between; gap: 1.625rem; width: 100%; height: 6.0625rem; padding: 0 0.75rem; background: #016dff; text-decoration: none; transition: background 160ms ease, transform 120ms ease; box-sizing: border-box; border-radius: 0.25rem; } .quicklinks__item--link:-webkit-any-link:focus-visible { outline-offset: 0.1875rem; } .quicklinks__item--label { font-size: 0.875rem; color: #ffffff; font-weight: 650; line-height: 1.5; text-align: left; display: block; white-space: normal; word-break: break-word; margin-right: 0.5rem; max-width: 14.625rem; } .quicklinks__item--icon { width: 4rem; height: 4rem; flex: 0 0 4rem; display: block; object-fit: contain; margin: 0; } @media only screen and (max-width: 991px) { .quicklinks__title { font-size: 1.375rem; color: #161616; font-weight: 650; line-height: 1.5; line-height: 1.75rem; font-style: normal; font-size: 1.375rem !important; } .quicklinks__list { grid-template-columns: 1fr; gap: 1.25rem; border-radius: 0.25rem; } .quicklinks__item { height: 100%; max-width: 100%; border-radius: 0.25rem; } .quicklinks__item--link { height: auto; padding: 1rem; } .quicklinks__item--label { max-width: 100%; font-size: 0.875rem; color: #ffffff; font-weight: 650; line-height: 1.5; line-height: 1.25rem; font-style: normal; } .quicklinks__item--icon { width: 3rem; height: 3rem; flex: 0 0 3rem; } } /* ############### pricing-list #################*/ /* Typography */ /* fonts */ .gotham-ss-light{ font-family: "Gotham SSm 3r", "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 300; } .gotham-ss-book{ font-family: "Gotham SSm 4r", "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; } .gotham-ss-book-italic{ font-family: "Gotham SSm 4i", "Gotham SSm A", "Gotham SSm B"; font-style: italic; font-weight: 400; } .gotham-ss-narrow-book{ font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B"; font-style: normal; font-weight: 400; } .gotham-ss-xnarrow-light{ font-family: "Gotham XNarrow SSm A", "Gotham XNarrow SSm B"; font-style: normal; font-weight: 300; } .gotham-ss-xnarrow-book{ font-family: "Gotham XNarrow SSm A", "Gotham XNarrow SSm B"; font-style: normal; font-weight: 400; } .gotham-ss-medium{ font-family: "Gotham SSm 5r", "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 500; } .gotham-ss-narrow-medium{ font-family: "Gotham XNarrow SSm A", "Gotham XNarrow SSm B"; font-style: normal; font-weight: 500; } .gotham-ss-bold{ font-family: "Gotham SSm 7r", "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 700; } .gotham-ss-black{ font-family: "Gotham SSm 8r", "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 800; } /* fonts ends */ /* responsive typography */ .pricing-page .text-sm-narrow{ font-family: "Gotham XNarrow SSm A", "Gotham XNarrow SSm B"; font-style: normal; font-weight: 400; } /* responsive typography ends */ span.big-screen-only {display: none;} @media (min-width: 576px) { span.big-screen-only {display: inline-block !important;} } .page-header-wrapper { top: 56px; padding-top: 10px; background-color: #f7f7f7; opacity:1; } /*** FILTER big ################ */ .pricing-filter { opacity: 1 !important; margin-top: 15px; font-size: .8rem; } .pricing-filter .custom-control-input[type=radio]:focus+label::before { box-shadow: none !important; } .pricing-search-input, .pricing-search-input-small { position: relative; } .pricing-search-input input { position: relative; font-size: .68rem; border-radius: 0; padding: 0.2rem .5rem; height: 30px; } /* .pricing-search-input input:after { position: absolute; right: 0; font-family: "Font Awesome 5 Pro"; content: "\f002" ; width: 1rem; height: 1rem; background-color: yellow; border: 1px solid red; } */ .filter-shortcuts { padding: .5rem 0; text-align: left; } .filter-shortcuts .btn { background-color: #fff; color: #6c6f70; font-size: .6rem; padding: .2rem .5rem; } .filter-shortcuts .btn.active { background-color: var(--primary-color-blue); color: #66d0e9; } .filter-accordion h5 button{ padding: 0; text-align: left; } .filter-accordion .card { width: 100%; } /*** FILTER big ends ########### */ /*** Filter small ############## */ .filter-small { position: relative; padding: 10px 0; height: 56px; } .pricing-search-input-small { float: left; width: calc(100% - 43px - 70px); transition: all .1s; } .pricing-search-input-small.focused { float: left; width: calc(100% - 43px); } .pricing-search-input-small.focused + span { display: none; } .pricing-search-input .form-group { margin: 0; } .filter-small .pricing-search-input { position: relative; z-index: 2; } .filter-small .pricing-search-input-small.active input{ z-index: 6; } .filter-small .pricing-search-input-small.active:before { position: fixed; content:""; background: rgba(0, 0, 0, .5); top: 0; left: 0; right: 0; bottom: 0; z-index: 5; } .filter-small input, .filter-small .btn-filter-small { height: 34px; } .btn-filter-small { float: left; margin-right: 5px; } .filter-small input { width: 100%; padding-right: 10px; border-radius: 0 !important; z-index: 100; } /* .filter-small button { z-index: 101; } */ .filter-small .btn-filter-small { padding: 5px 8px; border: 1px solid #999; } /* .filter-small .btn-search-x-small { border-left: none; background-color: #fff; font-size: 10px; width: 34px; } */ /*** Filter small ends ######### */ #noResultsDiv { text-align: center; padding-top: 40px; } .pricing-data { font-size: .8rem; background-color: transparent; color: #333; } .fund-name-wrapper, .series-data{ background-color: #eee; } .pricing-data .scroll-controlls { text-align: right; padding: 0 0 .5rem; } .scroll-controlls .btn { font-size: .625rem; line-height: 1; border: none; border-bottom: 1px solid #ddd; padding: .125rem .5rem .5rem; margin: 0; min-width: 4.5rem; color:#333; } @media (min-width: 768px) { .scroll-controlls .btn { border-bottom-width: 3px; } .scroll-controlls .btn:not(.active):hover { border-bottom: 3px solid var(--primary-color-blue)!important; } } .scroll-controlls .btn.active { border-bottom-color: #0081a0; } body.brand-pools .scroll-controlls .btn.active, body.brand-marquis .scroll-controlls .btn.active, body.brand-marquis-is .scroll-controlls .btn.active { border-bottom-color: #5e7a8f; } .scroll-controlls .btn:not(.active):hover { /*border-bottom: 2px solid rgba(0,177,219,.4);*/ border-bottom: 1px solid var(--primary-color-blue); } /*** PRICING TABLE ############# */ .pricing-data .table-wrapper { /* overflow: auto; */ } .table-header-wrapper th, .table-wrapper th, .table-wrapper td { min-width: 3.8rem; /*82.4px for container w=855px*/ } @media (min-width: 576px) { .table-header-wrapper th, .table-wrapper th, .table-wrapper td { min-width: 3.45rem; /*82.4px for container w=855px*/ } } @media (min-width: 992px) { .table-header-wrapper th, .table-wrapper th, .table-wrapper td { min-width: 4.25rem; /*82.4px for container w=855px*/ } } @media (min-width: 1200px) { .table-header-wrapper th, .table-wrapper th, .table-wrapper td { min-width: 5rem; /*82.4px for container w=855px*/ } } .table-header-wrapper th, .table-wrapper th, #facn * { font-weight: 500; } .pricing-data thead tr:first-child th { text-align: left; } .pricing-data thead tr:last-child th { text-align: right; } .pricing-data td { font-family: Helvetica Neue, Arial, sans-serif; font-size: .75rem; font-size: .8rem; font-weight: 300; font-weight: 400; } .pricing-data td.floater { min-width: 9.5rem; } .pricing-data .table-header-wrapper, .pricing-data .table-wrapper, .pricing-data .header-pp-wrapper, .pricing-data .series-name { background-color: #f7f7f7; } .pricing-data .header-pp-wrapper { vertical-align: top; } #ch-p, .pricing-data thead th { background: #f7f7f7 !important; } .pricing-data .separator { background: transparent; } .pricing-data .separator { height: 10px; } .pricing-data .dev-line-left { /*border-left: 1px solid #adadad;*/ border-left: 1px solid #ccc; } .pricing-data tr:not(.asset-class-wrapper) th, .pricing-data td { white-space: nowrap; min-width: 4.4rem; padding: .1rem .3rem; line-height: 1.1; } .pricing-data td { line-height: 1.7; } .facn_wrapper { overflow: hidden; -webkit-box-shadow: 0px 4px 6px -4px rgba(0,0,0,0.25); -moz-box-shadow: 0px 4px 6px -4px rgba(0,0,0,0.25); box-shadow: 0px 4px 6px -4px rgba(0,0,0,0.25); /* jason overrides */ -webkit-box-shadow: 0px 6px 10px -12px rgba(0,0,0,0.5); -moz-box-shadow: 0px 6px 10px -12px rgba(0,0,0,0.5); box-shadow: 0px 6px 10px -12px rgba(0,0,0,0.5); } #facn { width: 3000px; } .pricing-data .fund-name-wrapper th { padding: 0; } .pricing-data .asset-class-wrapper div, #facn div { width: 100%; min-height: 32px; min-height: 12px; padding: 4px 0; padding: 2px 0 3px; line-height: 1.1; line-height: 1; font-size:.75rem; background-color: #e8eef3 !important; color: #333; border-bottom: 1px solid #C2C6CA; } body.brand-pools .pricing-data .asset-class-wrapper div, body.brand-pools #facn div, body.brand-marquis .pricing-data .asset-class-wrapper div, body.brand-marquis #facn div, body.brand-marquis-is .pricing-data .asset-class-wrapper div, body.brand-marquis-is #facn div {background-color: #dbd7d1 !important} #facn .number-of-funds { /*font-style: italic;*/ font-weight: normal; /*padding-left: .5rem;*/ } .pricing-data .asset-class-wrapper th { padding-top: 20px; height: 51px; } .pricing-data .fund-name-wrapper .fund-name, .pricing-data .fund-name-wrapper .net-assets { padding: 3px 5px; overflow: hidden; display: inline-block; text-overflow: ellipsis; } .pricing-data .fund-name-wrapper .fund-name, .pricing-data .fund-name-wrapper .net-assets { font-family: -apple-system, system-ui, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; } @media screen and (max-width: 500px) { #productFundsMainContent > div.container { padding-left: 0 !important; } .scroll-controlls .btn { font-size: 0.5rem !important; padding-left: 0; padding-right: 0; min-width: 24% !important; width: 24% !important; } .pricing-data .fund-name-wrapper .fund-name, .pricing-data .fund-name-wrapper .net-assets { /* we can go with a narrower font here if we want to for mobile */ /*font-family: 'Gotham XNarrow SSm A', 'Gotham XNarrow SSm B', -apple-system, system-ui, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';*/ font-family: -apple-system, system-ui, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; } .pricing-data .fund-name-wrapper .net-assets { color:#444; } .pricing-data .fund-name-wrapper .fund-name { max-width: 310px; padding-left: 0; } } @media screen and (max-width: 375px) { .pricing-data .fund-name-wrapper .fund-name { max-width: 260px; } } @media screen and (max-width: 320px) { .pricing-data .fund-name-wrapper .fund-name { max-width: 210px; } } .pricing-data .unit { font-size: .75rem; font-style: italic; font-weight: 300; } .pricing-data .number-of-funds { font-style: italic; font-weight: normal; padding-left: .5rem; } .unit.mm { font-weight: inherit; font-size: inherit; font-style: inherit; } .unit:not(.mm):before, .number-of-funds:before { content: "("; } .unit:not(.mm):after, .number-of-funds:after { content: ")"; } .series-data { position: relative; text-align: right; /*border-bottom: 1px solid #adadad;*/ border-bottom: 1px solid #ccc; } .series-data:hover, .series-data:hover .series-name, .series-data.hovered, .series-data.hovered .series-name { background-color: #E4F1CC !important; cursor:pointer; } .series-data.hovered, .series-data.hovered .series-name { cursor:default; } .series-data.hovered td { font-weight: 600 !important; } .series-data.hovered td .series-currency { font-weight: 500 !important; } .series-data:first-child { text-align: left; } .series-data td { position: relative; } .series-data td:nth-child(4){ padding-right: 1rem; } .series-data td:nth-child(5):before, .series-data td:nth-last-child(5):before { content: ""; position: absolute; left: 0; bottom: 0; height: 1.2rem; /*border-left: 1px solid #adadad;*/ border-left: 1px solid #ccc; } .series-data td[headers*="ch-"] { color: var(--primary-color-dark-grey); } .series-data td[headers*="ch-"].same { color: #000; } .series-data td[headers*="ch-"].down { color: #B33327; } .pricing-data .header-pp { position: -webkit-sticky; position: sticky; left: 0; } .pricing-data #ppDp .header-pp { position: relative !important; } .header-pp .date-dp, .header-pp .date-as-of { font-weight: 300; } .pricing-data .asset-class, .pricing-cards .asset-class { position: -webkit-sticky; position: sticky; left: 0px; padding: 0 5px; z-index: 2; } #pricingTableHeader .asset-class-wrapper th { text-align: left; } #pricingTable { margin-top: -52px; } .pricing-data .series-name { color: var(--primary-color-blue); } .pricing-data th.series-name, .pricing-data td.series-name { position: -webkit-sticky; position: sticky; left: 0; padding: 3px 5px; text-align: left; font-weight: 400; z-index: 1; width: 2.4rem !important; min-width: 2.4rem !important; max-width: 2.4rem !important; } .series-name .series-currency { font-size: .6rem; font-weight: 400; } .pricing-data .fund-name-wrapper { position: -webkit-sticky; position: sticky; left:0; } .fund-name-wrapper div { display: flex; justify-content: space-between; padding: .5rem 0; } .fund-name-wrapper .fund-name { position: -webkit-sticky; position: sticky; left: 0; color: var(--primary-color-blue); font-weight: 600; } body.brand-pools .fund-name-wrapper .fund-name, body.brand-marquis .fund-name-wrapper .fund-name, body.brand-marquis-is .fund-name-wrapper .fund-name {color:#000;} .fund-name-wrapper .net-assets { position: -webkit-sticky; position: sticky; right: 0; } /*** PRICING TABLE ends ######## */ /* FLOATER */ /* ACTIONS */ .actions * { font-size: 11px; /* font-weight: bold; */ } .actions { position: absolute; bottom: 0; width: 100%; } .actions, .btn.actionFundProfile, .btn.actionFundFact, #actionFavorite, .btn.actionOptions { height: 23px; } .btn.actionFundProfile:before, .btn.actionFundFact:before { display: inline-block; position: initial !important; width: 20px; height: 20px; font-family: "Font Awesome 5 Pro"; font-size: 1.03rem; font-weight: 300; line-height: 0; content: "X"; color: #558300 !important; display: flex; align-items: center; } body.brand-pools .btn.actionFundProfile:before, body.brand-pools .btn.actionFundFact:before { color:#797063 !important; } body.brand-marquis .btn.actionFundProfile:before, body.brand-marquis .btn.actionFundFact:before, body.brand-marquis-is .btn.actionFundProfile:before, body.brand-marquis-is .btn.actionFundFact:before {color:#797063 !important;} .btn.actionFundProfile:before { content: "\f64e"; font-size:.9rem; } .btn.actionFundFact:before { content: "\f316"; font-size:.9rem; } .btn.actionFundProfile:hover, .btn.actionFundFact:hover, #actionFavorite:hover, .btn.actionOptions:hover, .actions .more_options>li:focus, .actions .more_options>li:hover, .fund-card .more_options>li:focus, .fund-card .more_options>li:hover { /*background-color: rgba(44,215,255,.2) !important;*/ background-color: rgb(213,247,255) !important; font-weight: 600; } .actions .btn-group .btn, .actions .btn-group .btn > svg { display: inline-block; } .actions .btn-group svg { width: 14px; height: 14px; vertical-align: middle; } #actionFavorite { width: auto; } #actionFavorite { display: none; } .floater .actions * { font-size: .875rem !important; } .floater .actions .btn-block button, .floater .actions .btn-block .btn-group { width: 100% !important; /* for 4 buttons (Add to Favorites = #actionFavorite) */ font-size: .875rem !important; } .btn.actionFundProfile, .btn.actionFundFact, .btn.actionFavorite, .btn.actionOptions { border-radius: 0; padding: 0px 15px !important; color: var(--primary-color-blue); line-height: 1; border-left: 1px solid #C2C6CA; width: 34%; display: flex !important; align-items: center; justify-content: center; } .btn.actionOptions .big-screen-only { margin-left: 3px; } .btn.actionOptions { border-right: inherit; } body.brand-pools .btn.actionFundProfile, body.brand-pools .btn.actionFundFact, body.brand-pools #actionFavorite, body.brand-pools .btn.actionOptions { color:#395568} body.brand-marquis .btn.actionFundProfile, body.brand-marquis .btn.actionFundFact, body.brand-marquis #actionFavorite, body.brand-marquis .btn.actionOptions, body.brand-marquis-is .btn.actionFundProfile, body.brand-marquis-is .btn.actionFundFact, body.brand-marquis-is #actionFavorite, body.brand-marquis-is .btn.actionOptions {color:#395568 !important;} .pg_active_metrics .btn.actionFundProfile, .pg_active_metrics .btn.actionFundFact, .pg_active_metrics #actionFavorite, .pg_active_metrics .btn.actionOptions { margin-top: 1px; } #actionFavorite { border-left-color: transparent; } .btn.actionOptions { border-right: none !important; width: 100% !important; white-space: nowrap; } /* :not(.card-footer) .actionOptions { width: 100% !important; } .card-footer .actionOptions { width: 34% !important; } */ #actionFavorite #theStar { stroke: var(--primary-color-blue); fill: none; } #actionFavorite.favorite #theStar { stroke: #77b800; fill: #77b900; } #actionFavorite span{display: none;} #actionFavorite span.label_add { display: inline-block; } #actionFavorite span.label_remove { display: none; } #actionFavorite.favorite span.label_add { display: none; } #actionFavorite.favorite span.label_remove { display: inline-block; } #actionFavorite.favorite:hover{ cursor: default; } #actionFavorite:hover{ cursor: alias; } .actions .more_options, .fund-card .more_options { right: -1px; margin-top: 0; -webkit-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.25); -moz-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.25); box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.25); } .actions .more_options>li, .fund-card .more_options li { padding: 0; height: 32px; } .actions .more_options>li>a, .fund-card .more_options li>a { position: relative; display: inline-block; width: 100%; padding: 4px 10px 5px 1.75rem !important; padding: 11px 10px 5px 1.75rem !important; font-size: 11px !important; color: var(--primary-color-blue); font-weight: 500; /*jason added height 100% so that there would be no gap in between hit-states here */ height:100%; line-height: 11px /*jason added height 100% so that there would be no gap in between hit-states here */ } body.brand-pools .actions .more_options>li>a, body.brand-pools .fund-card .more_options li>a { color:#395568} body.brand-marquis .actions .more_options>li>a, body.brand-marquis .fund-card .more_options li>a, body.brand-marquis-is .actions .more_options>li>a, body.brand-marquis-is .fund-card .more_options li>a {color:#395568} .actions a:before, .fund-card .more_options>li>a:before { display: block; position: absolute; left: .4rem; top: .3rem; margin-left: 0; font-family: "Font Awesome 5 Pro"; font-size: .9rem; line-height: 1; font-weight: 300; text-align: center; color: #558300 !important; content: ""; width: 1rem; height: 1rem; } body.brand-pools .actions .more_options>li>a:before, body.brand-pools .fund-card .more_options>li>a:before { color:#797063!important; } body.brand-marquis .actions .more_options>li>a:before, body.brand-marquis .fund-card .more_options>li>a:before, body.brand-marquis-is .actions .more_options>li>a:before, body.brand-marquis-is .fund-card .more_options>li>a:before {color:#797063!important;} .actions .more_options>li>a:hover:before, .fund-card .more_options>li>a:hover:before { font-weight: 900; font-weight: 300; } .fund-card .more_options a[class^="icon-"]:before { display: block; font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size: 0.8rem; color: #666; /* content: "\f30d"; */ width: 1rem; height: 1rem; } .fund-card .more_options a.locked:after { font-size: .6rem; } .actions .more_options>li:focus, .actions .more_options>li:hover, .fund-card .more_options>li:focus, .fund-card .more_options>li:hover { color: #333; } .actions .more_options>li>a:hover, .fund-card .more_options>li>a:hover { cursor: pointer; color: var(--primary-color-blue); /*font-weight: bold;*/ } /* jason added this to colour the caret after the word more */ .dropdown-toggle::after {color:#558300;margin-left:-2px;} body.brand-pools .dropdown-toggle::after {color:#797063} body.brand-marquis .dropdown-toggle::after {color:#797063} body.brand-marquis-is .dropdown-toggle::after {color:#797063} #actionFundBrochure:before, #actionFundBrochure:hover:before { content: "\f1c1"!important; padding-top:4px; } #actionInvestorBrochure:before, #actionInvestorBrochure:hover:before { /* background: url("../components/content/product-funds/img/icon_fund_profile_pdf_grey16.png") no-repeat; */ /* background-image: url("../components/content/product-funds/img/icon_fund_profile_pdf_grey16.svg"), linear-gradient(transparent, transparent); */ content: "\f1c1" !important; padding-top:4px; } #actionDailyPriceAlert:before, #actionDailyPriceAlert:hover:before { content: "\f657" !important; padding-top:4px; font-family: "Font Awesome 5 Pro"; margin-right: 5px; } #actionFundCodes:before, #actionFundCodes:hover:before { content: "\f5fc" !important; padding-top:4px; } #actionFundCodes:after, #actionFundCodes:hover:after { padding-left:5px; } #actionFundProfilePDF:before, #actionFundProfilePDF:hover:before { /* background: url("../components/content/product-funds/img/icon_fund_profile_pdf_grey16.png") no-repeat; */ /* background-image: url("../components/content/product-funds/img/icon_fund_profile_pdf_grey16.svg"), linear-gradient(transparent, transparent); */ content: "\f65a" !important; padding-top:4px; } #actionAdditionalInfo:before, #actionAdditionalInfo:hover:before { /* background: url("../components/content/product-funds/img/icon_additional_info_grey16.png") no-repeat; background-image: url("../components/content/product-funds/img/icon_additional_info_grey16.svg"), linear-gradient(transparent, transparent); */ content: "\f05a"; padding-top:4px; } #actionHistoricalPricing:before, #actionHistoricalPricing:hover:before { content: "\f1da"; padding-top:4px; } #actionCalcDCAF:before, #actionCalcFEE:before, #actionCalcT:before, #actionCalcDCAF:hover:before, #actionCalcFEE:hover:before, #actionCalcT:hover:before { /* background: url("../components/content/product-funds/img/icon_calculator_grey16.png") no-repeat; background-image: url("../components/content/product-funds/img/icon_calculator_grey16.svg"), linear-gradient(transparent, transparent); */ content: "\f1ec" !important; padding-top:4px; } /*#actionCalcDCAF:hover:before, #actionCalcFEE:hover:before, #actionCalcT:hover:before { background: url("../components/content/product-funds/img/icon_calculator_white16.png") no-repeat; background-image: url("../components/content/product-funds/img/icon_calculator_white16.svg"), linear-gradient(transparent, transparent); }*/ .filter-shortcuts {display: none;} /* Pricing Accordion Input - SMALL screen */ .filter-small { /* display: none; */ } .pricing-filter-wrapper div.sticky-top { top: 61px; } .pricing-filter-wrapper div.sticky-top > div:first-child { padding-top: 10px; } @media (max-width: 768px) { .page-header-wrapper { top: 48px !important; padding-top: 5px; } /* for small dev.*/ .filter-small { display: block; } .pricing-filter-wrapper div.sticky-top > div:first-child { padding-top: 0px; } .pricing-filter-wrapper.active-small { position: fixed; display: block !important; width: 100%; height: 100%; top: 95px; left: 0; right: 0; bottom: 0; padding-top: 0; background-color: #f7f7f7 !important; z-index: 99; } .pricing-filter-wrapper.active-small .filter-shortcuts, .pricing-filter-wrapper.active-small .pricing-search-input, .pricing-filter-wrapper.active-small #viewControlsSmall { display: none !important; } .scroll-controlls .btn { width: 24%; } } /* Accordion */ .pricing-accordion-wrapper .card-header h3 * { font-size: .8rem; font-weight: bold; } .pricing-accordion-wrapper .card-header h3 span { font-weight: normal; color: #ccc; color: #666; font-size:.75rem; font-style: italic; } .pricing-accordion-wrapper .card-header h3 span:before { /*content: "(";*/ padding-left: .3rem; } .pricing-accordion-wrapper .card-header h3 span:after { /* content: ")";*/ } .pricing-accordion-wrapper .card-body * { font-size: .7rem; } .pricing-accordion-wrapper .card-header { padding: 0; } .pricing-accordion-wrapper .card-header h3 button { position: relative; width: 100%; padding: 5px 0; text-align: left; padding-right: 1.2rem; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; } .pricing-accordion-wrapper .card-header h3 button:after { display: inline-block; position: absolute !important; right: 5px; font-family: "Font Awesome 5 Pro"; content: "\f067"; transform: rotate(-45deg); -ms-transform:rotate(-45deg); /* IE 9 */ -moz-transform:rotate(-45deg); /* Firefox */ -webkit-transform:rotate(-45deg); /* Safari and Chrome */ -o-transform:rotate(-45deg); /* Opera */ } .pricing-accordion-wrapper .card-header h3 button.collapsed:after { -ms-transform:rotate(0deg); /* IE 9 */ -moz-transform:rotate(0deg); /* Firefox */ -webkit-transform:rotate(0deg); /* Safari and Chrome */ -o-transform:rotate(0deg); /* Opera */ transition-duration: .2s; } .pricing-accordion-wrapper .form-check { overflow: hidden; text-overflow: ellipsis; } .pricing-accordion-wrapper .form-check label { padding-top: .3rem; line-height: 1.2; white-space: nowrap; } .custom-control-input[type=checkbox] + label:before, .custom-control-input[type=checkbox] + label:after, .custom-control-input:focus + label:before, .custom-control-input:active + label:before { top: 2px; left: -22px; width: 16px; height: 16px; background-color: transparent !important; border-color: transparent !important; outline-color: transparent !important; box-shadow: none !important; font-family: "Font Awesome 5 Pro"; font-size: 1rem; color: inherit; /* content: "\f0c8"; */ } .custom-control-input:not(:disabled):active~.custom-control-label::before { } .custom-control-input[type=checkbox]:not(:checked) + label:before { content: "\f0c8"; } .custom-control-input[type=checkbox]:checked + label:after { content: "\f14a"; /* content: "\f00c"; */ color: #016DFF; left: -21px; top: 3px; font-weight: 900; } body.brand-pools .custom-control-input[type=checkbox]:checked + label:after { color: #395568; } body.brand-marquis .custom-control-input[type=checkbox]:checked + label:after { color: #395568; } body.brand-marquis-is .custom-control-input[type=checkbox]:checked + label:after { color: #395568; } .custom-control-label:before, .custom-control-label:after { border-color: transparent; } .view-controls-big, .view-controls-small { text-align: right; } .view-controls-small { position: absolute; right: 0; } .view-controls-big button, .view-controls-small button { background-color: #fff; font-size: 11px; font-size:1rem; border: 1px solid #999; color:#666; border-right: none; padding: 3px 5px; text-align: center; } .view-controls-big { margin-bottom: 5px; } .view-controls-big button { height: 30px; width: auto; } .view-controls-small button { height: 34px; width: 34px; } .view-controls-big button:last-child, .view-controls-small button:last-child { border-right: 1px solid #999; } .view-controls-big button.active, .view-controls-small button.active { color: #fff; color: #2cd7ff; background-color: var(--primary-color-blue); border:1px solid var(--primary-color-blue); } body.brand-pools .view-controls-big button.active, body.brand-marquis .view-controls-big button.active, body.brand-marquis-is .view-controls-big button.active, body.brand-pools .view-controls-small button.active, body.brand-marquis .view-controls-small button.active, body.brand-marquis-is .view-controls-small button.active { color: #D6F6FF; background-color: #395568; border:1px solid #395568; } .form-check .custom-control-label { position: relative; } #pricingFilter .card{ margin-bottom: 0 !important; } .scroll-controlls button{ background: none; } #list-data tr.odd, #list-data tr.odd .series-name { background-color: #fff; } #list-data tr.even, #list-data tr.even .series-name { background-color: #f7f7f7; } /* =========================================== */ @media (min-width: 576px) { .pricing-data tr:not(.asset-class-wrapper) th, .pricing-data td { min-width: 3.7rem; } } @media (min-width: 768px) { .pricing-data tr:not(.asset-class-wrapper) th, .pricing-data td { min-width: 3.7rem; } } @media (min-width: 992px) { .pricing-data tr:not(.asset-class-wrapper) th, .pricing-data td { min-width: 5.1rem; } .pricing-accordion-wrapper .card-body * { font-family: "Gotham XNarrow SSm A", "Gotham XNarrow SSm B"; } } @media (min-width: 1024px) { .pricing-data tr:not(.asset-class-wrapper) th, .pricing-data td { min-width: 5.1rem; } } @media (min-width: 1200px) { .pricing-data tr:not(.asset-class-wrapper) th, .pricing-data td { min-width: 6.1rem; } .pricing-accordion-wrapper .card-body * { font-family: "Gotham SSm 4r", "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } } .accordion-controls button { padding: 0.3rem 0; background-color: transparent; color: #666; font-weight: normal; font-size: .8rem; } .accordion, .filter-accordion { padding: 0 !important; border-color: gray; border-width: 0px; border-style: dotted; } .filter-accordion .card { border: 1px solid #a5a5a5 !important; border-left: none !important; border-right: none !important; } .filter-accordion .card:first-child { border-top: none !important; } .filter-accordion .card:not(:first-child) { border-top: none !important; } .filter-accordion .card-header .btn-link:hover{text-decoration:none;} .filter-accordion .card, .filter-accordion .card-header, .filter-accordion .card-body { background-color: transparent; } .filter-accordion .card { border: none; } .filter-accordion .card-header { border-bottom: none; } .filter-accordion .card-body { display: block !important; width: 100% !important; width: inherit !important; padding: 8px 0 !important; } .filter-accordion .card-body fieldset { padding-left: 15px !important; } .filter-accordion .card-body fieldset { padding: 0; } /* ======================================== */ .custom-control .custom-control-label { /*min-height: 32px;*/ } .custom-control-input[type=checkbox]:not(:checked) + label:before { content: ""; font-weight: 700; background-color: #fff !important; border: 1px solid #999 !important; border-radius: 1px; } .custom-control-input[type=checkbox] + label:before, .custom-control-input[type=checkbox] + label:after, .custom-control-input:focus + label:before, .custom-control-input:active + label:before { top: 6px; left: -21px; width: 14px; height: 13px; background-color: transparent !important; border-color: transparent !important; outline-color: transparent !important; box-shadow: none !important; font-family: "Font Awesome 5 Pro"; font-size: 1rem; color: inherit; /* content: "\f0c8"; */ } .collapse-portfolio-manager { height: 400px; overflow: hidden; overflow-y: scroll; } /* ##### accordion series ##### */ .collapse-series .form-row { margin: 0 0 10px; } .collapse-series .custom-control.form-check { margin: 0; padding:0; width: 40px; height:30px; margin: 0 0 1px 1px; background-color: #ddd; } .collapse-series .custom-control-input[type=checkbox] + label { width: inherit; height: 28px; line-height: 1; padding: 5px 10px; text-align: center; display: table-cell; vertical-align: middle; /* border-width: 1px; border-style: solid; border-color: #ccc; */ } .collapse-series .custom-control-input[type=checkbox] + label:hover { cursor:pointer; } .collapse-series .custom-control-input[type=checkbox]:checked + label { background-color: var(--primary-color-blue); color: #fff; border-color: var(--primary-color-blue); } .collapse-series .custom-control-input[type=checkbox]:not(:checked) + label:before, .collapse-series .custom-control-input[type=checkbox]:checked + label:after { content: ""; } body.brand-pools .collapse-series .custom-control-input[type=checkbox]:checked + label { background-color: #395568; color: #fff; border-color: #395568; } body.brand-marquis .collapse-series .custom-control-input[type=checkbox]:checked + label { background-color: #395568; color: #fff; border-color: #395568; } body.brand-marquis-is .collapse-series .custom-control-input[type=checkbox]:checked + label { background-color: #395568; color: #fff; border-color: #395568; } /*adding tabs*/ .fund-type-wrapper { background-color: transparent; padding: 1rem 0; } .fund-type-wrapper .col-6:first-child { padding-left: 5px; padding-right: 0; } .fund-type-wrapper .col-6:last-child { padding-left: 0; padding-right: 5px; } .fund-type-wrapper .tabs-btn-container { display: flex; justify-content: center; padding-bottom: 8px; } .fund-type-wrapper .custom-control { position: relative; display: block; /* min-height: 1.5rem; */ padding: 0rem; text-align:center; width:100%; } .custom-control-input[type=radio] + label { width:auto; padding-bottom: 2px; border: 0; background: transparent; border-bottom: 3px solid #ccc; cursor: pointer; font-size: 18px; } .custom-control-input[type=radio]:checked + label { border-bottom: 3px solid #0081a0; font-weight: 500; } .custom-control-input[type=radio]:not(:checked) + label { /*padding-bottom: 1px;*/ border-bottom: 3px solid #ccc; } .fund-type-wrapper .custom-control-label:before, .fund-type-wrapper .custom-control-label:after { content: "" !important; width: 0; height: 0; border: none !important; background-color: transparent; } /*end of tabs*/ /* ### accordion series ends ## */ .filter-extra button { padding: 0; background-color: transparent; font-weight: normal; font-size: .8rem; } /* Dilip's Custom CSS */ /*#list-data tr.odd, #list-data tr.odd .series-name { background-color: lightyellow; } #list-data tr.even, #list-data tr.even .series-name { background-color: lightcyan; }*/ #fundCodesModal .modal-body table { width: 100%; } #fundCodesModal .modal-header .modal-title { color: var(--primary-color-blue); font-size: x-large; } #fundCodesModal .modal-header .modal-fund-id { color: grey; font-size: medium; margin-top: 5px; } #fundCodesModal .modal-body tr { height: 30px; } #fundCodesModal .modal-body th { text-align: center; background-color: var(--primary-color-blue) !important; color: white; border: 1px solid white; } #fundCodesModal .modal-body td { text-align: center; font-size: large; } #fundCodesModal .modal-body td sup{ font-size: small; color: darkgray; } #fundCodesModal .modal-annotations { padding: 1rem; } #fundCodesModal .modal-annotations .annotations-title { color: var(--primary-color-blue); font-size: medium; } #fundCodesModal .modal-annotations .annotations-item { color: gray; } #fundCodesModal .modal-body #progress-indicator { width: 50%; margin-left: 25%; } #TTT #progress-indicator { position: fixed; margin-left: 16%; z-index: 1999; top: 50%; left: 50%; margin-top: -60px; margin-left: -60px; width: 60px; height: 60px; } /* Addition to fix tabbing and other issues found during the process */ /* *:focus, #filterid1350:focus + label, #filterid1351:focus + label, #filterAccordion input:focus + label:before { background-color: red !important; border: 1px solid red !important; text-decoration:none !important; box-shadow: inset 0 0 0 0.2rem var(--primary-color-blue) !important; } */ .pricing-filter{ height: calc(100vh - 140px); overflow-y: auto; overflow-x: hidden; } .collapse-portfolio-manager { height: calc(100vh - 410px); overflow-y:scroll; overflow-x:hidden; } .pricing-accordion-wrapper .card-header h3 a, .pricing-accordion-wrapper .card-header h3 button { position: relative; width: 100%; padding: 5px 0; text-align: left; padding-right: 1.2rem; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; } .pricing-accordion-wrapper .card-header h3 a:focus, .pricing-accordion-wrapper .card-header h3 button:focus { } /* !!! add after .pricing-accordion-wrapper .card-header h3 * */ .pricing-accordion-wrapper .card-header h3 button { color: inherit; } /* Addition to fix tabbing - end */ /* =========== IE FIX ================*/ /* ##### ######## ######## ##### ### ### ### ######## ######## ### ### ### ### ## ## ### ### ### ### ######## ######## ### ### ### ### ######## ######## ### ##### ### ## ## ### ### ### ### ######## ## ### ### ### ##### ######## #### ##### #### #### */ /* *************************************** */ /* ***** IE11 fix for "pricing page" ***** */ /* *************************************** */ /* 1. class .pp_IE11 added via javascript on IE11 detection -> function pricingPageStickyFixesForIE11() */ /* 2. also padding-top for #pricingDiv .table-wrapper is managed via inline style javascript: padding-top: 92px; - no view controls padding-top: 120px; - with view controls */ .pp_IE11 #productFundsMainContent { min-width: 992px; } .pp_IE11 .page-header { /* position: fixed; z-index: 101; */ } .pp_IE11 .pricing-filter-wrapper { position: fixed; top: 55px; width:250px; } .pp_IE11 .pricing-filter-wrapper, .pp_IE11_h .pricing-filter-wrapper { padding-left: 0 !important; } .pp_IE11 #pricingDiv { margin-left:265px; } .pp_IE11 #pricingDiv .page-header-wrapper.sticky-top { position: fixed; top: 55px; overflow: hidden; width: 814px; z-index: 100; } .pp_IE11 #pricingTable { /*padding-top: 92px;*/ /* if no view controls */ /*padding-top: 120px;*/ } .pp_IE11_h #pricingDiv.term_calendar .fund-name-wrapper th { padding-left: 944px; /* for calendar term */ } .pp_IE11_h #pricingDiv.term_calendar #facn .asset-class { padding-left: 948px; /* for calendar term */ } .pp_IE11_h #pricingDiv.term_short .fund-name-wrapper th { padding-left: 881px; /* for long term */ } .pp_IE11_h #pricingDiv.term_short #facn .asset-class { padding-left: 886px; /* for long term */ } .pp_IE11_h #pricingDiv.term_long .fund-name-wrapper th { padding-left: 293px; /* for long term */ } .pp_IE11_h #pricingDiv.term_long #facn .asset-class { padding-left: 296px; /* for long term */ } .pp_IE11_h #pricingDiv .fund-name-wrapper th { margin-top: 114px; } .pp_IE11_h #pricingDiv .series-name { position: absolute; left: 15px; } @media all and (-ms-high-contrast:active), all and (-ms-high-contrast:none) { .pp_IE11_h .term_long#pricingDiv #facn .asset-class { padding-left: 265px; } .pp_IE11_h .term_long#pricingDiv .fund-name-wrapper th { padding-left: 255px; } .pp_IE11_h .term_short#pricingDiv #facn .asset-class { padding-left: 850px; } .pp_IE11_h .term_short#pricingDiv .fund-name-wrapper th { padding-left: 844px; } #list-data tr.odd, #list-data tr .series-name { max-height: 22px; } } /* ***** IE11 fix for "pricing page" - end */ /* =========== IE FIX - end ==========*/ /* fix for new design for filter, taking full screen on mobile, no reset button, new close button etc... */ #mainContent.active-small #pricingSearchInput { display: none !important; } #mainMenu.active-small{ display: none; } .active-small #pricingDiv { z-index: 1; } .active-small #pricingSearchInput { width: 100vw; position: fixed; height: 60px; background-color: #fff; left: 0; top: 0; padding: 20px; } .active-small .pricingFilterWrapper{ z-index: 2; background: #f7f7f7; position: fixed; top: 55px; width: calc(100% - 30px); height: calc(100% - 140px); } #mainContent:not(.active-small) #pricingDiv #btnFilterSmallClose { display: none; } #mainContent.active-small #pricingDiv #btnFilterSmallClose { display: block; width: 30px; height: 30px; padding: 5px; float: left; font-size: 28px; line-height: 0; background-color: transparent; color: #999999; } .active-small #pricingSearchInput { display: none; } .active-small #filterSmall { position: fixed; top: 0; left:0; height: 55px; background:#fff; width: 100%; padding-left:15px; padding-right: 40px; border-bottom: 1px solid #ccc; box-shadow: 0 2px 4px 0 rgba(99, 99, 99, 0.1); } :not(.active-small) #btnFilterSmall { background-color: #fff !important; border: 1px solid #ccc !important; border: 1px solid #999 !important; } :not(.active-small) #btnFilterSmall span.label { display: none; } .active-small #btnFilterSmall span.label { display: inline-block; color: #333; font-weight: normal; font-size: 17px; padding-left: 3px; } .active-small #pricingDiv #btnFilterSmall { float: none; margin-left: auto; margin-right: auto; display: block; padding-left: 0; background-color: transpatent !important; border: none !important; } #pricingDiv #btnFilterSmall svg { color: #999999; } .active-small .filter-extra { position: fixed; bottom: 30px; width: 100%; } #totalActiveFilter{ display: none !important; } .accordion-controls { display: none; } :not(.active-small) #btnFilterApply{ width: 100%; left:0; } .active-small .accordion-controls { display: block; position:fixed; width:100%; left: 0; bottom:0px; background-color: #fff; /* padding:10px; */ height: 70px; border-top: 1px solid #ccc; } .active-small #btnFilterApply { display: block !important; width: calc(100% - 30px); background: var(--primary-color-blue); color:#fff !important; text-align: center; padding: 10px; left: 15px; top: 15px } #btnFilterApply { display: block !important; width: calc(100% - 30px); background: var(--primary-color-blue); color:#fff !important; text-align: center; padding: 10px; left: 15px; top: 15px } .active-small #FFF{ display: block !important; top: 55px !important; position: fixed; z-index: 10000; width: 100vw; height:100vh; right: 0; background: #f7f7f7; } .active-small .pricing-filter-wrapper div.sticky-top{ top :0; } #searchInputSmall { max-width: 100%; } .show-box { /* position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);*/ } .spinner-bg { margin: 0 auto; height: 50px; width: 50px; border: 7px solid var(--primary-color-blue); margin-top: -50px; border-radius: 50%; } .spinner { margin: 0 auto; height: 50px; width: 50px; animation: rotate 0.9s infinite ease-in-out; border: 7px solid #77b800; border-right-color: transparent; border-radius: 50%; } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .distribution-page .line_left, .distribution-page .line_right { height: 50px; } .distribution-page #floater { width: calc(100% - 30px) !important; } /* Distribution table, adjustments to pricing table*/ #pricingTableHeader.distribution-table-header, #pricingTable.distribution-table, #pricingTable.distribution-table { width: 100% !important; } #pricingTable.distribution-table { margin-top: -52px; } #pricingTableHeader.distribution-table-header th.series-name, #pricingTable.distribution-table th#ser.series-name, #pricingTable.distribution-table td.series-name { width: 70px !important; min-width: 70px !important; max-width: 70px !important; /* background-color: rgba(255, 165, 0, 0.1) !important; /* orange !important; */ background-color: transparent; } #pricingTableHeader.distribution-table-header tr+tr th:not(:first-child):not(:last-child), #pricingTable.distribution-table th:not(:first-child):not(:last-child), #pricingTable.distribution-table td:not(:first-child):not(:last-child) { /* background-color: rgba(255, 0, 0, 0.1) !important; /* red !important; */ width: 15% !important; min-width: 15% !important; max-width: 15% !important; text-overflow: ellipsis; } #pricingTableHeader.distribution-table-header th:last-child, #pricingTable.distribution-table tr:not(.asset-class-wrapper):not(.fund-name-wrapper):not(.separator) th:last-child, #pricingTable.distribution-table tr:not(.asset-class-wrapper):not(.fund-name-wrapper):not(.separator) td:last-child { /* background-color: rgba(255, 255, 0, 0.1) !important; /* yellow !important; */ */ width: unset !important; min-width: unset !important; max-width: unset !important; } #pricingTableHeader.distribution-table-header th:nth-child(n+2), #pricingTableHeader.distribution-table-header th:nth-child(n+3), #pricingTable.distribution-table th:nth-child(n+2), #pricingTable.distribution-table th:nth-child(n+3), #pricingTable.distribution-table td:nth-child(n+2), #pricingTable.distribution-table td:nth-child(n+3) { text-align: center; } #pricingTableHeader.distribution-table-header tr:first-child th:last-child, #pricingTable.distribution-table tr:first-child th:last-child { text-align: left; /* padding-right: 10%; */ } #pricingTableHeader.distribution-table-header tr+tr th:last-child, #pricingTable.distribution-table tr+tr th:last-child:not([scope="colgroup"]), #pricingTable.distribution-table tr+tr td:nth-child(n+5) { text-align: right; padding-right: 30%; } #pricingTableHeader.distribution-table-header th:nth-child(n+4), #pricingTableHeader.distribution-table-header th:nth-child(n+5), #pricingTable.distribution-table th:nth-child(n+4), #pricingTable.distribution-table th:nth-child(n+5), #pricingTable.distribution-table td:nth-child(n+4), #pricingTable.distribution-table td:nth-child(n+5), { text-align: right; padding-right: 5%; } #pricingTable.distribution-table td:last-child { width: auto; /* padding-right: 25%; */ } #pricingTableHeader.distribution-table-header .date-as-of { font-weight: 300; color: #444; } #pricingTableHeader.distribution-table-header .unit { font-size: .7rem; font-weight: 300; font-style: italic; } #pricingTable.distribution-table .series-data td:nth-last-child(5):before { border-left: none; } @media (max-width: 450px) { #pricingTableHeader.distribution-table-header th.series-name, #pricingTable.distribution-table th#ser.series-name, #pricingTable.distribution-table td.series-name { width: 45px; min-width: 45px; max-width: 45px; } #pricingTableHeader.distribution-table-header tr+tr th:not(:first-child):not(:last-child), #pricingTable.distribution-table th:not(:first-child):not(:last-child), #pricingTable.distribution-table td:not(:first-child):not(:last-child) { font-size: .75rem; width: 22% !important; min-width: 22% !important; max-width: 22% !important; } #pricingTableHeader.distribution-table-header tr+tr th:last-child, #pricingTable.distribution-table tr+tr th:last-child:not([scope="colgroup"]), #pricingTable.distribution-table tr+tr td:nth-child(n+5) { padding-right: 5px; } } @media (min-width: 992px) { /* #pricingTableHeader.distribution-table-header tr+tr:not(.asset-class-wrapper) td:not(:first-child):not(:last-child), */ #pricingTable.distribution-table td:not(:first-child):not(:last-child) { /* min-width: 4.4rem; */ /* width: 16%; background-color: red; */ } #pricingTable.distribution-table tr:not(.separator) td:last-child { /* width: unset !important; background-color: yellow; min-width: unset !important; max-width: unset !important; */ } } #FFF h2 { font-size: 1rem !important; } /* ############### pricing-cards #################*/ .card-deck .card.fund-card { background-color:#f0f0f0; } .pricing-cards .card-deck .card.fund-card { min-width: 100%; max-width: 100%; } @media (min-width: 576px) { /* .pricing-cards.with-filter .card-deck .card.fund-card { min-width: 43%; max-width: 45%; } */ .pricing-cards.no-filter .card-deck .card.fund-card { min-width: 43%; max-width: 45%; } .pricing-cards.no-filter .card-deck .card.fund-card { min-width: 43%; max-width: 45%; } } @media (min-width: 768px) { .pricing-cards.with-filter .card-deck .card.fund-card { min-width: 45.7%; max-width: 46%; } } @media (min-width: 1024px) { .pricing-cards.with-filter .card-deck .card.fund-card { min-width: 45.7%; max-width: 46%; } } @media (width: 375px) { #pricingDiv { padding-right: 0; } } @media (min-width: 576px) { .pricing-cards.with-filter .card-deck .card.fund-card, .pricing-cards.no-filter .card-deck .card.fund-card { min-width: calc(100% - 30%); max-width: 95%; } .pricing-cards .pricing-filter { /* padding: 0 15px; */ padding: 0; } } @media (width: 768px){ .view-controls-small button { height: 34px; width: 76px; } .pricing-search-input-small { width: calc(100% - 43px - 152px); } .pricing-cards .pricing-filter { /* padding: 0 25px; */ } .pricing-cards.with-filter .card-deck .card.fund-card { min-width: 45.5% !important; max-width: 46% !important; margin-right: 15px; margin-bottom: 15px; } } @media (min-width: 768px) { .pricing-cards.with-filter .card-deck .card.fund-card { min-width: 43%; min-width: 43.3%; } } @media (min-width: 1024px) { .pricing-cards.with-filter .card-deck .card.fund-card { min-width: 45.2%; max-width: 46.4%; /* IE */ } } .fund-card * { font-size: .7rem; line-height: 1.15; font-family: "Gotham 4r", "Gotham A", "Gotham B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; } .fund-card { background-color: transparent; } .fund-card .card-header { border-bottom: 1px solid #ccc; padding: 1.2rem .5rem; } .fund-card .card-body { padding: .2rem .5rem; background-color: transparent; } .fund-card .fund-code { min-width: 36px; min-height: 36px; color: #fff; background: var(--primary-color-blue); padding: 5px 0; margin-right: 10px; text-align: center; } .fund-card .fund-name h4 { font-size: .7rem; font-weight: 700; margin: 0; } .fund-card .fund-name h5 span { font-weight: 300; } .fund-card .thumbnail-wrapper { border: 1px solid #ccc; width: 90px; height: 90px; min-width: 90px; min-height: 90px; overflow: hidden; margin-right: 10px; position: relative; } .fund-card .thumbnail-wrapper img { padding: 0; } .fund-card .thumbnail-wrapper.video img { margin-top: 23%; } .fund-card .thumbnail-wrapper:not(.video) .time { display: none; } .fund-card .thumbnail-wrapper.video .time { position: absolute; border-radius: 4px; background-color: rgba(0,0,0,0.625); color: #fff; font-size: 9px; font-size: .7rem; padding: 2px 4px; left: 5px; bottom: calc(23% + 5px); } .fund-card .thumbnail-wrapper.video .time:before { display: inline-block; width: 10px; /* margin-left: -9px; */ font-family: "Font Awesome 5 Pro"; font-size: 7px; font-weight: 900; content: "\f04b"; } * ############### pricing-cards #################*/ .pricing-cards {} .pricing-cards .card-deck .card.fund-card { min-width: 100%; max-width: 100%; } /* .pricing-cards.with-filter .card-deck .card.fund-card { margin-right: 0; margin-bottom: 0; } */ .fund-card * { font-size: 12px !important; line-height: 1.15; } .fund-card { position: relative; background-color: transparent; } .fund-card.new:before { display: block; position: absolute; top: -4px; left: -4px; content: "NEW"; padding: 3px 6px; background-color: #558300; color: #fff; font-weight: 600; font-size: 9px; min-width: 36px; text-align: center; } .fr .fund-card.new:before { content: "NOUVEAU"; } .fund-card .card-header { border-bottom: 1px solid #ccc; padding: 1.2rem .5rem; min-height: 96px; background-color: transparent; } .fund-card .card-body { padding: .5rem; background-color: transparent; /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; */ font-family: "Gotham 4r", "Gotham A", "Gotham B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .fund-card .fund-code, .fund-card .fund-name h5, .fund-card .fund-info > div span:last-child, .fund-card .fund-card-performance { font-family: "Gotham 4r", "Gotham A", "Gotham B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .fund-card .fund-code { min-width: 36px; min-height: 36px; color: #66d0e9; background: var(--primary-color-blue); padding: 5px 0; margin-right: 10px; text-align: center; font-size: 13px; font-weight: bold; } .fund-card .fund-name h4 { font-size: 16px; font-size: 1.1rem !important; line-height: 1.125rem; color:#333; font-weight: 800 !important; text-transform:uppercase; margin: 0; } .fund-card .fund-name h5 span { font-size: inherit; font-weight: 300; } .fund-card .thumbnail-wrapper { border: none; width: 90px; height: 90px; min-width: 90px; min-height: 90px; overflow: hidden; margin-right: 10px; position: relative; } .fund-card .thumbnail-wrapper img { padding: 0; } .fund-card .thumbnail-wrapper.video img { margin: 22% 0; } .fund-card .thumbnail-wrapper .thumbnail { position: relative; } .fund-card .thumbnail-wrapper .thumbnail.locked { /* padding-right: 0; */ padding-right: 4px; } .fund-card .thumbnail-wrapper .thumbnail.locked:after { position: absolute; top: 0; right: 0; } .fund-card .thumbnail-wrapper.video .thumbnail.locked:after { /* top: 22%; */ top: 13%; right: 1px; text-align: right; } .fund-card .thumbnail-wrapper:not(.video) .time { display: none; } .fund-card .thumbnail-wrapper.video .time { position: absolute; border-radius: 5px; background-color: #444; background-color: rgba(0,0,0,0.625); color: #fff; font-size: 9px; font-size: .7rem; line-height:1.25rem; padding: 2px 4px; padding: 0 .4rem 0 .5rem; left: 5px; bottom: calc(23% + 5px); } .fund-card .thumbnail-wrapper.video .time:before { display: inline-block; width: 10px; /* margin-left: -9px; */ font-family: "Font Awesome 5 Pro"; font-size: 8px; font-weight: 900; content: "\f04b"; } .fund-card .fund-info * { display: block; font-size: 12px !important; } .fund-info .asset-class-name { display: block; height: 1.4rem; } .fund-card .fund-info > div span:first-child { color: #606060; /*text-transform: uppercase;*/ font-weight: 500; } .fund-card .fund-info > div span:last-child { color: #444; font-weight: 500 !important; } .fund-card .fund-price .label { color: #a7a9a9; font-weight: 500; color: #666; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase; font-size: 12px !important; } .fund-card .fund-price .unit { font-style: italic; font-weight: 400; font-size: 80%; } .fund-card .fund-price .date { margin-bottom: 6px; } .fund-card .fund-price .value { position: relative; text-align: center; font-size: 18px !important; font-weight: 800 !important; } .fund-card .fund-price .value.today:before, .fund-card .fund-price .value.today:after { display: inline-block; position: absolute; top: 2px; width: 1rem; height: 1rem; /* background-color: red; */ content: "$"; font-size: 65%; line-height: 1; text-align: left } .fund-card .fund-price .value.today:before { margin-left: -1rem; text-align: right; } body:not(.fr) .fund-card .fund-price .value.today:after, body.fr .fund-card .fund-price .value.today:before { display: none; } /* body.fr .fund-card .fund-price [class^="change"].change-dollar .value, body.fr .fund-card .fund-price .change-dollar .value, { */ .fund-card .fund-price [class*="change-"] .value { /* color: var(--primary-color-dark-grey); */ } .fund-card .fund-price [class*="change-"] .value.up:before, .fund-card .fund-price [class*="change-"] .value.down:before { display: inline-block; width: 1rem; height: 1rem; font-family: "Font Awesome 5 Pro"; text-align: left; _content: "\f0de"; /* sort-up */ _content: "\f0dd"; /* sort-down */ _content: "\f0d8"; /* caret-up */ _content: "\f0d7"; /* caret-down */ } .fund-card .fund-price .change-dollar .value.up:before { content: "\f0d8"; /* sort-up */ color: var(--primary-color-dark-grey) ; } .fund-card .fund-price .change-dollar .value.down:before { content: "\f0d7"; /* sort-down */ color: #B33327; } .fund-card .card-footer * { font-size: .875rem !important; } .fund-card .card-footer button { background-color: #fff; color: var(--primary-color-blue); /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; */ font-size: .875rem !important; font-weight: 500; line-height: 1.1; border-radius: 0; border: none; border-right: 2px solid #c2c6ca; padding: 5px; min-height: 30px; } .fund-card .card-footer .btn-group .button, .fund-card .card-footer .btn-group .btn-group { width: 33%; } .fund-card .card-footer button:last-child, .fund-card .card-footer button:hover:last-child { border-right: none; } .fund-card .card-footer button:hover { transition: none; z-index: inherit; background-color: #b2e7f4; } .fund-card .card-footer button svg { color: green !important; } /* ################## Fund Video ################# */ .fund-card .card-body.video-playing { padding: 0; background-color: #00b1db; background-color: #f0f0f0; } .fund-card .video_wrapper { position: relative; } .fund-card .video_wrapper .btn_close_video { position: absolute; top: 0; right: 0; width: 26px; height: 26px; background-color: rgba(255,255,255,0.4); color: #000; text-align: center; font-size: 24px; line-height: 1; z-index: 10; } .fund-card .video_wrapper .btn_close_video:hover { cursor: pointer; } .fund-card .video_wrapper, /* .fund-card .video, */ .fund-card .video-js { width: 100% !important; } /* ################## Fund Video ends ############ */ /* ########## Fund Card performance table ######## */ .fund-card-performance { margin: .5rem 0; } .fund-card-performance table { width: 100%; } .fund-card-performance tr { height: 1.4rem; font-size: 12px !important; } .fund-card-performance th { color: #606060; font-weight: 400; font-weight: 500; font-size: 12px !important; } .fund-card-performance td { color: #333; font-weight: 600; font-size:.8rem; } .fund-card-performance td:first-child { position: relative; white-space: nowrap; text-align: right; font-weight: 300; } .fund-card-performance .ticker:after, .fund-card-performance .index:after { content: ""; display: inline-block; width: 1rem; margin: 0 0 .5ex .5ex; border-top-width: 2px; } .fund-card-performance .ticker:after { border-top-style: solid; border-top-color: #00b1db } .fund-card-performance .index:after { border-top-style: dashed; border-top-color: #77b800; } .fund-card-performance th:not(:first-child), .fund-card-performance td:not(:first-child) { text-align: right; width: 18%; } .fund-card-performance .unit { font-size: 60%; } .fund-card-performance .unit:before, .fund-card-performance .unit:after { content: ""; } .fund-cards-wrapper #progress-indicator { position: fixed; width: 15%; margin-left: 15%; } /* ################## HighCharts ################# */ .fund-card .highcharts-axis-labels *, .highcharts-tooltip-box * { font-size: 10px !important; } .fund-card .highcharts-axis-labels * { font-weight: 600; color: #666; } div[id*="chartContainer_"] { height: 200px; width: 99%; display: block; } /* ################## HighCharts Ends ############ */ /* ################## Allocation Chart Starts #### */ div.fund-cards-wrapper div.thumbnail img.widget-link { cursor: pointer; /*border: ridge;*/ } div.fund-cards-wrapper div.widget-link-parent:after{ display: block; position: absolute; top: 0; right: 0; content: "\f00e"; padding: 0; color: #333; font-weight: 300; font-size: 14px; min-width: 20px; text-align: center; font-family: "Font Awesome 5 Pro"; pointer-events: none } div.allocation_wrapper { position: absolute; background: white; background:#f0f0f0; overflow: hidden; } div.allocation_wrapper .btn_close_chart { position: absolute; top: 0; right: 0; z-index: 10; width: 26px; height: 26px; background-color: rgba(255,255,255,0.4); text-align: center; font-size: 24px; line-height: 1; cursor: pointer; } /* ################## Allocation Chart Ends ###### */ .btn.actionFundProfile, .btn.actionFundFact { padding: 0px 15px !important; white-space: nowrap; } .video-js .vjs-icon-placeholder {font-family: VideoJS!important;} /* RESPONSIVE MIXIN */ #loading-message { text-align: center; padding: 2.5rem; font-size: 1.125rem; color: #666666; } .spinner { border: 0.25rem solid #f3f3f3; border-top: 0.25rem solid #016dff; border-radius: 50%; width: 2.5rem; height: 2.5rem; animation: spin 1s linear infinite; margin: 1.25rem auto; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #content { display: none; } #error-message { color: #be061b; padding: 1.25rem; border-radius: 0.3125rem; margin: 1.25rem 0; display: none; } .css-wxx0hl .filters .filters-container .search-input .filter-search-input { height: 3.5rem !important; } .price-performance { margin-top: 5.5rem; } @media only screen and (max-width: 991px) { .price-performance { margin-top: 4.625rem; } } .price-performance__title-container { background-color: #161616; padding: 5.5rem 5.5rem 0.625rem 5.5rem; } .price-performance__title-container > div { gap: 48px; display: flex; flex-direction: column; } @media only screen and (max-width: 991px) { .price-performance__title-container { padding: 4.5rem 1.25rem 0 1.25rem; } } .price-performance__title-container h2 { color: #ffffff; } .price-performance__title-container p { color: #ffffff; } .price-performance .filters { padding-left: 0; padding-right: 0; } @media only screen and (min-width: 1440px) { .price-performance .filters .header { max-width: 1264px !important; } } .price-performance .filters .filters-container .dropdown-search-input { height: inherit !important; } .price-performance .filters .filters-container .dropdown-item.active, .price-performance .filters .filters-container .dropdown-item:active, .price-performance .filters .filters-container .dropdown-item:hover { background: transparent; } .price-performance .filters .filters-container .multi-select.dropdown-menu.show, .price-performance .filters .filters-container span.clear-filters { z-index: 5 !important; } .price-performance .filters .filters-container .filter-dropdown .btn-primary { font-weight: 400; color: #161616 !important; } .price-performance .filters .filters-container .filter-dropdown .btn-primary:hover { color: #161616 !important; } .price-performance table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) tbody tr:nth-child(even) td { background-color: transparent !important; } .price-performance table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) tbody tr:nth-child(odd) td { background-color: #f3f3f3 !important; } .price-performance table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) tbody tr.row--group td { background-color: #c5b5ff !important; } .price-performance table.table th { background: transparent; } .price-performance .css-1k0cxw4 tr td:nth-of-type(1) button { top: 55%; } .price-performance .search-input { width: 100%; } .price-performance img.search-image.search-icon-right { top: 1.3125rem !important; } .price-performance .placeholder { background: transparent; opacity: 1 !important; } .price-performance label.multi-select-label { margin: 0; font-weight: 400; } .price-performance button.dropdown-toggle span.placeholder.placeholder.placeholder { font-weight: 400; color: #666666 !important; } .price-performance .compare-btn { display: block; } .price-performance .compare-btn .compare-btn-description { font-weight: 400; } @media only screen and (max-width: 991px) { .price-performance .compare-btn .compare-btn-description { z-index: 0; } } .price-performance .show-all-funds-button.disabled ~ .right-component button.compare-btn:disabled span.compare-btn-text { background: #f3f3f3 !important; color: #666666 !important; } .price-performance button.icon-button.row-group-toggle, .price-performance table td button.watchlist-icon { background: transparent; } @media only screen and (min-width: 1440px) { .price-performance div.table-controls-container > div.left-component { width: calc(27rem) !important; } } @media only screen and (min-width: 1440px) { .price-performance div.table-controls-container > div.right-component { width: calc(52rem) !important; } } .price-performance .show-all-funds-button:focus-visible, .price-performance table.table button.watchlist-icon:focus-visible { outline: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; } .price-performance .show-all-funds-button:focus-visible::after, .price-performance table.table button.watchlist-icon:focus-visible::after { content: ""; position: absolute; top: -0.625rem; left: -1.25rem; box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #161616; width: 7.5rem; height: 1.875rem; } .price-performance table.table button.watchlist-icon:focus-visible::after { top: 0.6875rem; left: -0.8125rem; width: 85%; height: 1.875rem; } .price-performance button.watchlist-icon { margin-left: 0.5rem; } .price-performance .tabs-dropdown-wrapper button:focus, .price-performance .tabs-dropdown-wrapper button:hover { color: #161616 !important; } .price-performance .tabs-dropdown-menu { padding-top: 0 !important; } .watchlist-modal { padding: 0 5.5rem !important; } @media only screen and (max-width: 991px) { .watchlist-modal { padding: 0 1.25rem !important; } } .watchlist-modal .modal-dialog { width: 100%; margin: 0; margin: auto; } .watchlist-modal .modal-title { font-weight: 650; } .watchlist-modal .modal-content { align-items: end; height: 33.125rem; } @media only screen and (max-width: 991px) { .watchlist-modal .modal-content { height: auto; } } .watchlist-modal .modal-content .note-close.bg-transparent { padding: 0px; margin: 16px 32px; } .watchlist-modal .modal-content .modal-body { width: 100%; display: flex; flex-direction: column; padding-top: 0 !important; justify-content: center; } .watchlist-modal .modal-content .modal-body h3 { color: #161616; font-size: 1.75rem; } @media only screen and (max-width: 991px) { .watchlist-modal .modal-content .modal-body h3 { font-size: 1.375rem; } } .watchlist-modal .modal-content .btn-close { padding: 2rem 2rem 0 0; } @media only screen and (max-width: 991px) { .watchlist-modal .modal-content .btn-close { padding: 1rem 1rem 0 0; } } @media only screen and (max-width: 991px) { .watchlist-modal .modal-content .note-close.bg-transparent { margin: 0.625rem; } } /* RESPONSIVE MIXIN */ .podcast-player { color: #ffffff; background-color: #161616; padding: 4rem 5.5rem 2rem; max-width: 1440px; margin: 0 auto; font-style: normal; /* datetime wrapper and elements */ /* brightcove / video player */ /* players wrapper (audio/video) */ /* hidden for now */ /* transcript area */ } .podcast-player--container { width: 100%; background-color: #161616; } .podcast-player--container a:focus-visible { outline: 0; } .podcast-player--container button:focus-visible { outline: 0; } .podcast-player__header { display: flex; align-items: center; gap: 1.625rem; margin-bottom: 1.5rem; text-align: left; width: fit-content; } .podcast-player__header:hover .podcast-player__header-title { text-decoration: none; } .podcast-player__header-image { width: 5rem; height: 5rem; object-fit: contain; border: 1px solid #ffffff; } .podcast-player__header-title { color: #ffffff; font-weight: 650; text-decoration: underline; margin: 0; } .podcast-player__meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 1.5rem; margin-top: 2.5rem; } .podcast-player__meta-datetimewrapper { display: flex; gap: 1rem; align-items: center; } .podcast-player__meta-datetimewrapper--date, .podcast-player__meta-datetimewrapper--duration { font-size: 0.875rem; color: #f3f3f3; font-weight: 400; line-height: 1.5; line-height: 1.25rem; margin: 0; } .podcast-player__meta-title-share { display: flex; justify-content: space-between; width: 100%; align-items: center; gap: 0.75rem; } .podcast-player__title { font-size: 3rem; color: #ffffff; font-weight: 500; line-height: 1.5; line-height: 3.5rem; margin: 0; } .podcast-player__share { background: none; border: none; cursor: pointer; padding: 0.25rem; display: inline-flex; align-items: center; justify-content: center; } .podcast-player__share:active { box-shadow: none; } .podcast-player__share:focus-visible { outline: 0; } .podcast-player__share:focus { outline: none; } .podcast-player__share-icon { width: 1.5rem; height: 1.5rem; display: block; } .podcast-player__share-icon:focus-visible { outline: 0; } .podcast-player .brightcove-player { width: 100%; border-radius: 0.5rem; overflow: hidden; position: relative; background: #016dff; } .podcast-player .brightcove-player i { position: absolute; bottom: 1rem; right: 1rem; font-size: 3rem; color: #ffffff; z-index: 10; cursor: pointer; transition: transform 0.2s ease, opacity 0.2s ease; } .podcast-player .brightcove-player--locked { cursor: pointer; } .podcast-player .brightcove-player--locked .brightcove-placeholder { position: relative; height: 12.5rem; } .podcast-player .brightcove-player--locked .brightcove-placeholder img { opacity: 0.6; transition: opacity 0.3s ease; } .podcast-player .brightcove-player--locked:hover .brightcove-placeholder img { opacity: 0.8; } .podcast-player .brightcove-player--unlocked video { width: 100%; display: block; border-radius: 0.5rem; } .podcast-player__player { margin: 18px 0 28px; width: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.0003), transparent); border-radius: 8px; padding: 18px; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.0004); } .podcast-player__player--video { display: none; } .podcast-player__player--audio { padding: 12px; } .podcast-player__transcript { margin-top: 2rem; margin-bottom: 3.75rem; } @media only screen and (max-width: 991px) { .podcast-player__transcript { margin-bottom: 4.5rem; } } .podcast-player__transcript-row { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; } .podcast-player__transcript-toggle { order: 1; padding: 0; background: none; cursor: pointer; display: flex; align-items: center; gap: 0.75rem; font-size: 1.125rem; color: #ffffff; font-weight: 650; line-height: 1.5; line-height: 1.75rem; text-decoration: underline; text-underline-offset: 0.1875rem; border: none; outline: none; box-shadow: none; } .podcast-player__transcript-toggle:active, .podcast-player__transcript-toggle:focus { box-shadow: none; outline: none; text-decoration: underline; } .podcast-player__transcript-toggle:hover { text-decoration: none; } .podcast-player__transcript-toggle:focus-visible { outline: 0; } .podcast-player__transcript-toggle--hidden { visibility: hidden; opacity: 0; pointer-events: none; } @media only screen and (max-width: 991px) { .podcast-player__transcript-toggle--hidden { display: none; } } .podcast-player__transcript-toggle img { width: 1rem; height: 1rem; display: inline-block; } @media only screen and (max-width: 991px) { .podcast-player__transcript-toggle img { width: 0.75rem; height: 0.75rem; } } .podcast-player__navigation { order: 2; display: flex; align-items: center; gap: 1.25rem; } .podcast-player__nav--prev, .podcast-player__nav--next { width: 3rem; height: 3rem; border-radius: 50%; background-color: #161616; border: 1px solid #ffffff; display: flex; justify-content: center; align-items: center; cursor: pointer; } .podcast-player__nav--prev:focus:not(:focus-visible), .podcast-player__nav--next:focus:not(:focus-visible) { outline: none; border: none; box-shadow: none; } .podcast-player__nav--prev:hover, .podcast-player__nav--next:hover { border: 0.0625rem solid #016dff; background-color: #016dff; transition: .2s ease; } .podcast-player__nav--prev img, .podcast-player__nav--next img { width: 1rem; height: 1rem; display: block; } .podcast-player__nav-label { font-size: 1.125rem; color: #ffffff; font-weight: 650; line-height: 1.5; margin: 0; } @media only screen and (max-width: 991px) { .podcast-player__nav-label { font-size: 1rem; } } .podcast-player__transcript-content { order: 3; flex-basis: 100%; margin-top: 1rem; background: #f3f3f3; display: none; font-size: 1.25rem; color: #161616; font-weight: 300; line-height: 1.5; line-height: 1.75rem; padding: 1rem; border-radius: 0.375rem; padding-bottom: 0; max-height: 13.5rem; overflow-y: auto; } .podcast-player__transcript-content::-webkit-scrollbar { width: 0.25rem; height: 0.375rem; } .podcast-player__transcript-content::-webkit-scrollbar-track { background: #f3f3f3; border-radius: 0.5rem; } .podcast-player__transcript-content::-webkit-scrollbar-thumb { background: #666666; border-radius: 0.5rem; } .podcast-player__transcript-content.is-visible { display: block; } .podcast-player__description { margin-top: 2rem; max-width: 59rem; font-size: 1.125rem; color: #f3f3f3; font-weight: 400; line-height: 1.5; line-height: 1.75rem; font-style: normal; } .podcast-player__description a { color: inherit; text-decoration: underline; } .podcast-player__description a:hover { color: #016dff; } .podcast-player__description-title { font-size: 1.75rem; color: #ffffff; font-weight: 650; line-height: 1.5; line-height: 2.25rem; margin-bottom: 0.5rem; } .podcast-player .video-js { font-family: inherit; } @media only screen and (max-width: 991px) { .podcast-player { padding: 2rem 1.25rem 0; } .podcast-player__header { gap: 0.8125rem; margin-bottom: 1.25rem; } .podcast-player__header-image { width: 3.25rem; height: 3.25rem; } .podcast-player__header-title { font-size: 1rem; color: #f3f3f3; font-weight: 650; line-height: 1.5; line-height: 1.5rem; } .podcast-player__meta { padding-bottom: 0.5rem; margin-bottom: 1rem; margin-top: 1.25rem; } .podcast-player__meta-datetimewrapper { flex-wrap: wrap; gap: 0.5rem; font-size: 0.875rem; color: #f3f3f3; font-weight: 400; line-height: 1.5; } .podcast-player__meta-title-share { flex-direction: column; align-items: flex-start; gap: 0.75rem; } .podcast-player__title { font-size: 1.75rem; color: #ffffff; font-weight: 500; line-height: 1.5; line-height: 2.25rem; } .podcast-player__share { align-self: flex-end; } .podcast-player .brightcove-player i { bottom: 0.75rem; right: 0.75rem; font-size: 2.5rem; } .podcast-player .brightcove-player .brightcove-placeholder img { width: 100%; height: auto; } .podcast-player__transcript { margin-top: 1.5rem; display: flex; flex-direction: column; gap: 1rem; } .podcast-player__transcript-toggle { padding: 0; font-size: 1rem; } .podcast-player__transcript-row { display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem; flex-wrap: nowrap; } .podcast-player__transcript-content { order: 2; display: none; margin-top: 0; line-height: 1.625rem; overflow-y: auto; padding: 2rem 2rem 0 1rem; border-radius: 0.25rem; max-height: 13.25rem; } .podcast-player__transcript-content p { max-width: 64rem; font-size: 1.25rem; color: #161616; font-weight: 300; line-height: 1.5; font-style: normal; } .podcast-player__transcript-content.is-visible { display: block; } .podcast-player__navigation { order: 3; justify-content: center; margin-top: 1rem; gap: 1rem; width: 100%; } .podcast-player__description { max-width: 100%; font-size: 1rem; color: #f3f3f3; font-weight: 400; line-height: 1.5; line-height: 1.5rem; } .podcast-player__description-title { font-size: 1.375rem; color: #ffffff; font-weight: 650; line-height: 1.5; line-height: 1.75rem; } } .podcast-player iframe { width: 100%; } .bc-player-1KBzRwOXl_default.vjs-play-button-position-top-left .vjs-big-play-button { bottom: 1.0625rem; right: 1.0625rem; top: auto; left: auto; font-size: 3.625rem; color: #016dff; background-color: #ffffff; } .bc-player-1KBzRwOXl_default.vjs-play-button-position-top-left .vjs-big-play-button:hover { background: #f3f3f3; } @media only screen and (max-width: 991px) { .bc-player-1KBzRwOXl_default.vjs-play-button-position-top-left .vjs-big-play-button { font-size: 1.5rem; bottom: 0.625rem; right: 0.75rem; } } .podcast-player__meta-title-share .podcast-player__title__audio { font-size: 3.5rem; color: #ffffff; font-weight: 400; line-height: 1.5; line-height: 4rem; } @media only screen and (max-width: 991px) { .podcast-player__meta-title-share .podcast-player__title__audio { font-size: 1.75rem; color: #ffffff; font-weight: 500; line-height: 1.5; line-height: 2.25rem; } } .podcast-player__meta-title-share .podcast-player__share-icon--audio { width: 2.5rem; height: 2.5rem; } @media only screen and (max-width: 991px) { .podcast-player__meta-title-share .podcast-player__share-icon--audio { width: 1.5rem; height: 1.5rem; } } /* RESPONSIVE MIXIN */ .platform-strip { background-color: #161616; } .platform-strip__cmp { max-width: 1440px; padding: 3.625rem 5.5rem 5.5rem; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 991px) { .platform-strip__cmp { padding: 4.5rem 1.25rem; } } .platform-strip__heading { padding-bottom: 3.625rem; font-size: 1.75rem; color: #ffffff; font-weight: 650; line-height: 1.5; line-height: 2.25rem; } @media only screen and (max-width: 991px) { .platform-strip__heading { padding-bottom: 1.75rem; font-size: 1.375rem; color: #ffffff; font-weight: 650; line-height: 1.5; } } @media only screen and (max-width: 991px) { .platform-strip__heading.text-center { max-width: 12.5rem; margin: 0 auto; } } .platform-strip__logo { display: flex; column-gap: 2rem; justify-content: space-around; } @media only screen and (max-width: 991px) { .platform-strip__logo { flex-direction: column; row-gap: 1.5rem; } } .platform-strip__logo--item { width: 100%; height: 10rem; background-color: #2d2d2d; display: flex; align-items: center; justify-content: center; border-radius: 0.25rem; } @media only screen and (max-width: 991px) { .platform-strip__logo--item { height: 6.125rem; } } @media only screen and (max-width: 991px) { .platform-strip__logo--item:first-child .platform-strip__logo--image { height: 2.5625rem; } } @media only screen and (max-width: 991px) { .platform-strip__logo--image { height: 3.125rem; } } /* RESPONSIVE MIXIN */ .profile { font-style: normal; } .profile__banner { width: 100%; position: relative; background: #f3f3f3; border-bottom: 0.25rem solid #016dff; padding-top: 2rem; overflow-x: hidden; } .profile__banner-inner { max-width: 1440px; margin: 0 auto; display: flex; align-items: flex-end; justify-content: space-between; padding-left: 5.5rem; padding-right: 5.5rem; min-height: 10rem; width: 100%; } .profile__banner-left { display: flex; flex-direction: column; gap: 0.75rem; min-width: 0; } .profile__meta { display: flex; flex-direction: column; min-width: 0; padding-top: 1.25rem; padding-bottom: 3.6875rem; } .profile__back { display: inline-flex; align-items: center; gap: 0.75rem; text-decoration: none; cursor: pointer; font-size: 1.125rem; color: #161616; font-weight: 400; line-height: 1.5; } .profile__back:hover .profile__back-text { text-decoration: underline; } .profile__back-icon { flex: 0 0 1rem; width: 1rem; height: 1rem; display: block; object-fit: contain; pointer-events: none; } .profile__name { font-size: 3.875rem; color: #161616; font-weight: 500; line-height: 1.5; margin: 0; line-height: 5.125rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 101%; } .profile__role { font-size: 1.75rem; color: #161616; font-weight: 650; line-height: 1.5; line-height: 2.25rem; } .profile__cred { font-size: 1.125rem; color: #666666; font-weight: 400; line-height: 1.5; line-height: 1.75rem; margin-top: 1.25rem; } .profile__banner-right { display: flex; align-items: flex-end; justify-content: flex-end; min-width: 0; } .profile__media { width: 31.5rem; height: 18.75rem; overflow: hidden; flex: 0 0 auto; display: block; } .profile__media img.profile__img { width: 100%; height: 100%; object-fit: contain; display: block; } .profile__content { background: transparent; width: 100%; } .profile__content-inner { padding: 5.5rem 5.5rem 0; display: flex; justify-content: left; max-width: 1440px; margin: 0 auto; } .profile:not(:has(.profile__funds)) .profile__description-text { padding-bottom: 0; } .profile:not(:has(.profile__funds)) .profile__description-text p:last-child { margin-bottom: 0; } .profile__description-text { max-width: 65.5rem; padding-bottom: 3.5rem; } .profile__description-text p { font-size: 1.125rem; color: #666666; font-weight: 400; line-height: 1.5; line-height: 1.75rem; margin-bottom: 2rem; } .profile__funds-title { font-size: 3rem; color: #161616; font-weight: 500; line-height: 1.5; margin-bottom: 3rem; line-height: 3.5rem; } .profile__funds-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3.25rem 2rem; align-items: start; } .profile__funds-loop { display: contents; } .profile__fund-group { padding: 0; margin: 0; } .profile__fund-group-title { font-size: 1.75rem; color: #161616; font-weight: 650; line-height: 1.5; margin: 0 0 0.5rem 0; line-height: 2.25rem; } .profile__funds-items { list-style: none; margin: 0; padding: 0; display: block; margin-top: 2.25rem; } .profile__funds-item { margin: 0 0 1.75rem 0; } .profile__funds-link { font-size: 1.125rem; color: #016dff; font-weight: 400; line-height: 1.5; line-height: 1.75rem; text-decoration: underline; display: inline; padding: 0; margin: 0; background: none; border: none; box-shadow: none; } .profile__funds-link:hover, .profile__funds-link:focus { outline: none; } .profile__funds-link:focus-visible { outline: 0; } @media only screen and (max-width: 1199px) { .profile__banner { left: 0; margin-left: 0; width: 100%; overflow-x: hidden; } .profile__banner-inner { padding-left: 1rem; padding-right: 1rem; flex-direction: column; align-items: flex-start; gap: 0.75rem; } .profile__banner-right { margin-left: 0; width: 100%; display: flex; justify-content: flex-start; align-items: center; } .profile__media { width: 23.4375rem; height: 13.9375rem; } .profile__back { font-size: 1rem; color: #161616; font-weight: 400; line-height: 1.5; } .profile__back-icon { width: 0.75rem; height: 0.75rem; } .profile__name { font-size: 2.5rem; color: #161616; font-weight: 500; line-height: 1.5; line-height: 3rem; white-space: normal; } .profile__role { font-size: 1.375rem; color: #161616; font-weight: 650; line-height: 1.5; line-height: 1.75rem; } .profile__cred { line-height: 1.5rem; margin-top: 0.75rem; } .profile__content-inner { padding: 3.125rem 1.25rem 0; justify-content: left; } .profile:not(:has(.profile__funds)) .profile__description-text { padding-bottom: 0; } .profile:not(:has(.profile__funds)) .profile__description-text p:last-child { margin-bottom: 0; } .profile__description-text { padding-bottom: 3.125rem; } .profile__description-text p { font-size: 1rem; color: #666666; font-weight: 400; line-height: 1.5; line-height: 1.5rem; margin-bottom: 2rem; } .profile__funds-title { font-size: 1.75rem; color: #161616; font-weight: 500; line-height: 1.5; line-height: 2.25rem; margin-bottom: 2rem; } .profile__funds-list { grid-template-columns: 1fr; gap: 3.875rem 1.25rem; } .profile__fund-group-title { font-size: 1.375rem; color: #161616; font-weight: 650; line-height: 1.5; line-height: 1.75rem; } .profile__funds-items { margin-top: 1.5rem; } .profile__funds-item { margin: 0 0 0.625rem 0; } .profile__funds-link { font-size: 1rem; color: #016dff; font-weight: 400; line-height: 1.5; line-height: 1.5rem; } } .notification_page { font-size: .85rem !important; } .notification_page .notifications-list { padding-left: 0; } .notification_page .notification__item { min-height: 130px; list-style: none; } .notification_page .notification__item .title { font-size: .85rem !important; line-height: .95rem; font-weight: 500 !important; margin-bottom: 8px; color: var(--primary-color-blue); } .notification_page .notification__item .notification_date { color: #333333; margin-right: 5px; } .notification_page .notification__item a { text-decoration: underline; } .notification_page .notification__item .expiration-date { color: var(--primary-color-blue); font-size: 0.7em; margin-top: 5px; margin-left: 10px; padding: 2px 5px; align-items: center; display: inline-flex; position: relative; border: 1px solid var(--primary-color-blue); background: #fff; } .notification_page .notification__item .expiration-date::after { content: ''; width: 10px; height: 10px; left: -10px; top: -2px; border-left: 1px solid var(--primary-color-blue); border-bottom: 1px solid var(--primary-color-blue); position: absolute; } .notification_page .notification__item .expiration-date p, .notification_page .notification__item .expiration-date span { font-size: 1em; font-weight: 800; margin-bottom: 0px; margin-right: 5px; height: 10px; line-height: 10px; position: relative; } .notification_page .notification__content-text { font-size: .85rem !important; line-height: .95rem; } .pagination-list ul { margin-bottom: 0; } .pagination-list ul li { display: flex; margin-bottom: 5px; } .pagination-list ul li:first-child a { margin-left: 0; border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-list ul li a { text-decoration: none; font-size: .8rem; padding: 8px 12px; border: 1px solid var(--primary-color-dark-grey); color: var(--primary-color-dark-grey); } .pagination-list ul li.active a { color: #fff; border-color: var(--primary-color-blue); background-color: var(--primary-color-blue); } .pagination-list ul li:last-child a { margin-right: 0; border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-list ul li.disabled { pointer-events: none; opacity: .6; } #langAndSignInWrapper .notification__center { padding-top: 10px; } #langAndSignInWrapper .notification__center button { background-color: transparent; border: inherit; position: relative; } #langAndSignInWrapper .notification__center button i { font-size: 0.9em; } #langAndSignInWrapper .notification__center button::before { content: "|"; font-size: 65%; position: absolute; left: -4px; top: 4px; } #langAndSignInWrapper .notification__center button::after { content: ''; display: flex; width: 13px; height: 13px; top: -1px; right: -3px; background: #fadb6b; border-radius: 10px; position: absolute; text-shadow: 1px 1px 1px #000; } #langAndSignInWrapper .notification__center button.no_results::after { background: transparent; } #langAndSignInWrapper .notification__center .number { width: 12px; text-align: center; font-size: 0.5em; font-weight: 800; top: 1px; right: -3px; z-index: 1; color: var(--primary-color-blue); position: absolute; } /*Notification Box*/ #langAndSignInWrapper .notification_box .card-body .notification__collapse { color: #fff !important; } #langAndSignInWrapper .notification_box .card-body .title, #langAndSignInWrapper .notification_box .card-body a, #langAndSignInWrapper .notification_box .card-body button { color: var(--primary-color-blue) !important; font-size: 100%; } #langAndSignInWrapper .notification_box .card-body h3.title:hover { cursor: auto; } #langAndSignInWrapper .notification_box button::after, #langAndSignInWrapper .notification_box button::before { content: inherit; } .notification_box { display: none; margin: 5px 0 0; max-height: 0; width: 350px; right: 0; top: 25px; border: 0; white-space: normal; font-size: 0.8em; position: absolute; overflow: auto; transition: max-height 0.3s ease; } .notification_box .card-header h2 { font-size: 0.8rem !important; color: var(--primary-color-black); margin-bottom: 0; } .notification_box .welcome-message { color: var(--primary-color-black); margin-top: 5px; font-size: 0.7rem !important; } .notification_box.open { display: block; max-height: 340px; box-shadow: 0 0 0px 1px #fff; transition: max-height 0.3s ease; } .notification_box:focus, .notification_box:focus-visible{ box-shadow: none !important; -webkit-box-shadow : none !important; } #closeNotificationBox .far{ font-family: "Font Awesome 5 Pro"; } .notification_box.open::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } .notification_box.open::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, .5); box-shadow: 0 0 1px rgba(255, 255, 255, .5); } .notification_box button { color: var(--primary-color-black); background-color: transparent; border: inherit; position: relative; } .notification_box button.title { color: var(--primary-color-blue); } .notification_box button.title .fa-chevron-down { transition: 0.2s all ease; } .notification_box .uncollapse button.title .fa-chevron-down { transform: rotate(180deg); transition: 0.2s all ease; } .notification_box .card-header { position: sticky; top: 0; z-index: 1; border-radius: 0; color: var(--primary-color-black); background-color: var(--primary-color-white); } .notification_box .card-header .tabs { font-weight: 650; color: var(--primary-color-black); background: var(--primary-color-light-grey); border-top: 0.0625rem solid var(--primary-color-dark-grey); } .notification_box .card-header .notificationCenterCount { font-weight: 400; margin-left: 5px; } .notification_box .card-body { background-color: #F7F7F7; } .notification_box .card-body .title { font-size: 100%; color: var(--primary-color-blue); font-weight: 800; padding: 0; cursor: pointer; } .notification_box .card-body .expiration-date { color: var(--primary-color-blue); font-size: 0.7em; margin-top: 5px; margin-left: 10px; padding: 2px 5px; align-items: center; display: inline-flex; position: relative; border: 1px solid var(--primary-color-blue); background: #fff; } .notification_box .card-body .expiration-date p, .notification_box .card-body .expiration-date span { font-size: 1em; font-weight: 800; margin-bottom: 0px; margin-right: 5px; height: 10px; line-height: 10px; position: relative; } .notification_box .card-body .expiration-date span { margin-right: 0; } .notification_box .card-body .expiration-date::after { content: ''; width: 10px; height: 10px; left: -10px; top: -2px; border-left: 1px solid var(--primary-color-blue); border-bottom: 1px solid var(--primary-color-blue); position: absolute; } #mainMenu .notification_box a:focus-visible { box-shadow: 0 0 0 0.2rem var(--primary-color-blue) !important; } .notification_box .card-body .notification_date { color: #333333; margin-right: 5px; } .notification_box .card-body .notifications { color: var(--primary-color-blue); } .notification_box .card-body .notification__item { padding: 10px 15px; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #ffffff; } .notification_box .card-body .notification__item.uncollapse { align-self: center; padding: 10px 10px; background: #ffffff; border: 5px solid #F7F7F7; } .notification_box .card-body .notification__item.uncollapse > div { padding-bottom: 10px; } .notification_box .card-body .notification__item.empty__content.uncollapse { background: transparent; padding: 10px 15px; border: 0; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #ffffff; } .notification_box .card-body .notification__item.empty__content.uncollapse > div { padding-bottom: 0; } .notification_box .card-body .delete_notification { display: none; color: var(--primary-color-blue); font-size: 1.4em; padding: 0; } .notification_box .card-body .notification__item.empty__content .delete_notification, .notification_box .card-body .notification__item.opened .delete_notification { display: block; } .notification_box .card-body .notification__content { overflow: hidden; color: #333333; max-height: 0px; transition: all 0.3s ease; } .notification_box .card-body .notification__content.open { padding: 10px 10px 10px 0px; max-height: 200px; transition: all 0.3s ease; } .notification_box .card-body .showMorebutton { padding: 10px 15px; position: sticky; bottom: 0; background: #fff; border: 1px solid #DCDCDC; } .notification_box .card-body .showMorebutton.hide { height: 0; overflow: hidden; padding: 0; } .modal-backdrop { height: 100vh; overflow: hidden; z-index: unset; } /* mediaquerys */ @media (max-width: 1199px) { .modal-backdrop { display: flex; top: 55px; justify-content: center; } } /* RESPONSIVE MIXIN */ .multiline-grid__container { max-width: 1440px; padding: 0 5.5rem; margin: 0 auto; } @media only screen and (max-width: 991px) { .multiline-grid__container { padding: 0 1.25rem; } } .multiline-grid__title { margin-bottom: 1.5rem; text-align: left; } .multiline-grid__layout--twoColumn { display: grid; gap: 2.5rem 1.8125rem; grid-template-columns: repeat(2, 1fr); } .multiline-grid__layout--twoColumn .multiline-grid__item { text-align: left; display: flex; max-width: 38.5rem; min-height: 7.5rem; flex-direction: column; align-items: flex-start; border-top: 0.25rem solid #f3f3f3; padding: 0 0 1.5rem 0; } @media only screen and (max-width: 991px) { .multiline-grid__layout--twoColumn .multiline-grid__item { padding: 0 0 2rem 0; max-width: none; } } .multiline-grid__layout--twoColumn .multiline-grid__item-title { margin-bottom: 1.5rem; padding-top: 1.5rem; } @media only screen and (max-width: 991px) { .multiline-grid__layout--twoColumn .multiline-grid__item-title { margin-bottom: 1.5rem; } } .multiline-grid__layout--twoColumn .multiline-grid__item-description:only-child { padding: 1.5rem 7.5rem 0 0; } @media only screen and (max-width: 991px) { .multiline-grid__layout--twoColumn .multiline-grid__item-description:only-child { padding: 1.25rem 2rem 1.25rem 0; } } .multiline-grid__layout--twoColumn .multiline-grid__item-description:only-child p { font-size: 1.75rem; font-weight: 300; line-height: 2.5rem; } @media only screen and (max-width: 991px) { .multiline-grid__layout--twoColumn .multiline-grid__item-description:only-child p { font-size: 1.25rem; line-height: 1.75rem; } } .multiline-grid__layout--threeColumn { display: grid; gap: 2.5rem 2rem; grid-template-columns: repeat(3, 1fr); } .multiline-grid__layout--threeColumn .multiline-grid__item { display: flex; min-height: 7.5rem; flex: 1 0 0; max-width: 22.5rem; align-self: stretch; align-items: flex-start; border-top: 0.25rem solid #f3f3f3; padding: 0 0 1.5rem 0; } @media only screen and (max-width: 991px) { .multiline-grid__layout--threeColumn .multiline-grid__item { padding: 0 0 2rem 0; max-width: none; } } .multiline-grid__layout--threeColumn .multiline-grid__item-title { margin-bottom: 2rem; padding-top: 1.5rem; } @media only screen and (max-width: 991px) { .multiline-grid__layout--threeColumn .multiline-grid__item-title { margin-bottom: 1.5rem; } } .multiline-grid__layout--threeColumn .multiline-grid__item-description:only-child { padding: 1.5rem 2.5rem 1.5rem 0; } @media only screen and (max-width: 991px) { .multiline-grid__layout--threeColumn .multiline-grid__item-description:only-child { padding: 1.25rem 2rem 1.25rem 0; } } .multiline-grid__layout--threeColumn .multiline-grid__item-description:only-child p { font-size: 1.75rem; font-weight: 300; line-height: 2.5rem; } @media only screen and (max-width: 991px) { .multiline-grid__layout--threeColumn .multiline-grid__item-description:only-child p { font-size: 1.25rem; line-height: 1.75rem; } } .multiline-grid__item { text-align: left; display: flex; min-height: 7.5rem; flex-direction: column; align-items: flex-start; border-top: 0.25rem solid #f3f3f3; } .multiline-grid__item ul { display: flex; flex-direction: column; align-items: flex-start; gap: 2rem; font-size: 1.125rem; font-weight: 300; line-height: 1.75rem; } @media only screen and (max-width: 991px) { .multiline-grid__item ul { font-size: 1rem; line-height: 1.5rem; font-weight: 400; gap: 1.5rem; } } @media only screen and (max-width: 991px) { .multiline-grid__layout--twoColumn, .multiline-grid__layout--threeColumn { grid-template-columns: 1fr; row-gap: 0; } } /* RESPONSIVE MIXIN */ .card-group { margin-bottom: 3rem; } @media only screen and (max-width: 991px) { .card-group { margin-bottom: 1.25rem; } } .card-group__cmp { width: 100%; display: flex; gap: 0 2rem; padding: 2.5rem; background: #ffffff; text-decoration: none; height: 20rem; } @media only screen and (max-width: 991px) { .card-group__cmp { padding: 2.5rem 2rem; height: auto; flex-direction: column-reverse; } } .card-group__cmp:hover .card-group__label { text-decoration: none; } .card-group__content { display: flex; flex-direction: column; justify-content: space-between; } .card-group__wrapper { display: flex; flex-direction: column; flex-wrap: wrap; row-gap: 1.5rem; } @media only screen and (max-width: 991px) { .card-group__wrapper { row-gap: 0; } } .card-group__label { font-weight: 650; text-decoration: underline; } .card-group__image { width: 10.5rem; flex-shrink: 0; margin-left: auto; } @media only screen and (max-width: 991px) { .card-group__image { width: 6rem; margin-left: 0; margin-bottom: 2rem; } } .card-group a:hover { background-color: #ffffff; } .card-group__title--icon { font-size: 1.125rem; line-height: 1.75rem; } @media only screen and (max-width: 991px) { .card-group__title--icon { font-size: 1rem; line-height: 1.5rem; margin-bottom: 1.25rem; } } @media only screen and (max-width: 991px) { .card-group__title { margin-bottom: 1.25rem; } } .card-group__description--icon { font-size: 0.875rem; line-height: 1.25rem; } @media only screen and (max-width: 991px) { .card-group__description--icon { margin-bottom: 1.25rem; } } @media only screen and (max-width: 991px) { .card-group__description { margin-bottom: 1.25rem; } } .card-group__icon { height: 13.5rem; padding: 1.5rem; border: 0.0625rem solid #f3f3f3; box-shadow: 0 0.25rem 0.625rem 0 rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 991px) { .card-group__icon { padding: 1.5rem 1.25rem; height: auto; flex-direction: column-reverse; } } #investNow { display: none; } .howtoinvest__modal--content { position: relative; } @media only screen and (max-width: 991px) { .howtoinvest__modal--content { padding-top: 6.5625rem; } } .howtoinvest__modal--header { background-color: #ffffff !important; padding: 0; border-bottom: none; position: absolute; right: 2rem; top: 2rem; z-index: 1; } .howtoinvest__modal--close { padding: 0; background-color: transparent; background-image: url(clientlib-site-v2/resources/img/close.svg); background-repeat: no-repeat; height: 1.875rem; width: 1.875rem; } @media only screen and (max-width: 991px) { .howtoinvest__modal--close { background-image: url(clientlib-site-v2/resources/img/close-icon-mobile.svg); height: 1rem; width: 1rem; } } @media only screen and (max-width: 991px) { .howtoinvest__modal--close_icon { width: 100%; } } .howtoinvest__modal--body { background-color: #ffffff !important; padding: 5.5rem; } @media only screen and (max-width: 991px) { .howtoinvest__modal--body { padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0; text-align: center; } } .howtoinvest__modal--body h2 { color: #000000; margin-bottom: 2.5rem; } @media only screen and (max-width: 991px) { .howtoinvest__modal--body h2 { font-size: 2.5rem; line-height: 3rem; } } .howtoinvest__modal--body h2:empty { display: none; } .howtoinvest__modal--body P { margin-bottom: 1.25rem; } .howtoinvest__modal--body P:last-child { margin-bottom: 0; } .howtoinvest__modal--body P b { font-weight: 650 !important; color: #161616; } .howtoinvest__modal--logolist { margin: 0; list-style-type: none; padding: 2.25rem 0 0 0; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1.5rem; align-items: center; } @media only screen and (max-width: 991px) { .howtoinvest__modal--logolist { padding-top: 1.75rem; gap: 1.25rem; } } .howtoinvest__modal--logos { flex-basis: calc(22.875%); height: 6.25rem; border: 0.0625rem solid #f3f3f3; box-shadow: 0 0.25rem 0.625rem 0 rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 991px) { .howtoinvest__modal--logos { height: 5rem; flex-basis: 100%; } } .howtoinvest__modal--logolink { display: flex; align-items: center; justify-content: center; height: 100%; } .howtoinvest__modal--advisorcontent { margin-top: 1.4375rem; } @media only screen and (max-width: 991px) { .howtoinvest__modal--advisorcontent { margin-top: 3rem; } } .howtoinvest__modal--grid { display: flex; justify-content: space-between; flex-wrap: wrap; row-gap: 3rem; column-gap: 2rem; } @media only screen and (max-width: 991px) { .howtoinvest__modal--grid { row-gap: 1.1875rem; } } .howtoinvest__modal--gridinner { flex-basis: 48.3%; border: 0.0625rem solid #f3f3f3; box-shadow: 0 0.25rem 0.625rem 0 rgba(0, 0, 0, 0.1); padding: 1.5rem; display: flex; gap: 2rem; justify-content: space-between; } @media only screen and (max-width: 991px) { .howtoinvest__modal--gridinner { flex-basis: 100%; padding-left: 1.25rem; padding-right: 1.25rem; flex-direction: column-reverse; gap: 1.5rem; } } .howtoinvest__modal--gridcontent { display: flex; flex-direction: column; justify-content: space-between; } @media only screen and (max-width: 991px) { .howtoinvest__modal--gridcontent { align-items: flex-start; } } .howtoinvest__modal--gridcontent p { margin: 0; } .howtoinvest__modal--gridtitle { font-weight: 650; font-size: 18px !important; font-family: Roobert !important; line-height: 28px; color: #161616; padding-bottom: 1.5rem; margin: 0; } @media only screen and (max-width: 991px) { .howtoinvest__modal--gridtitle { padding-bottom: 1.25rem; font-size: 1rem !important; } } .howtoinvest__modal--griddescription { padding-bottom: 2.5rem; font-size: 0.875rem; font-weight: 400; line-height: 1.25rem; } @media only screen and (max-width: 991px) { .howtoinvest__modal--griddescription { padding-bottom: 2rem; } } .howtoinvest__modal--gridimage { display: flex; align-items: center; } .howtoinvest__modal--gridimage img { max-width: unset; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .howtoinvest__modal--gridimage img { max-width: 100%; } } @media only screen and (max-width: 991px) { .howtoinvest__modal--gridimage img { max-width: 6rem; aspect-ratio: 1; } } @media only screen and (max-width: 991px) { .howtoinvest__modal--gridimage { height: 6rem; width: 6rem; } } .cmp.dynamic-main-navigation-v3 .cmp-navigation { position: static; } .cmp.dynamic-main-navigation-v3 .cmp-navigation .mega-menu-content { display: none; } .cmp.dynamic-main-navigation-v3 .cmp-navigation__group { display: inline-block; } .cmp.dynamic-main-navigation-v3 .cmp-navigation__item a { cursor: pointer; } .cmp.dynamic-main-navigation-v3 .cmp-navigation__item.cmp-navigation__item--level-0 { position: relative; display: inline-block; } .cmp.dynamic-main-navigation-v3 .cmp-navigation__item.cmp-navigation__item--level-0.mega-menu { position: static; } .cmp.dynamic-main-navigation-v3 .cmp-navigation__item .cmp-navigation__item--level-1 { float: none; display: block; } .cmp.dynamic-main-navigation-v3.subnav-on-hover .cmp-navigation__item.cmp-navigation__item--level-0 .cmp-navigation__group { position: absolute; left: 0; right: 0; min-width: 160px; z-index: 10; overflow: hidden; max-height: 0; } .cmp.dynamic-main-navigation-v3.subnav-on-hover .cmp-navigation__item.cmp-navigation__item--level-0:hover .cmp-navigation__group { max-height: 500px; } .cmp.dynamic-main-navigation-v3.subnav-on-hover .cmp-navigation__item.cmp-navigation__item--level-0.mega-menu .cmp-navigation__group { display: none; background: none; } .cmp.dynamic-main-navigation-v3.subnav-on-hover .cmp-navigation__item.cmp-navigation__item--level-0.mega-menu .mega-menu-content { display: block; } .cmp.dynamic-main-navigation-v3.subnav-on-hover.animation-slide .cmp-navigation__item--level-0 .cmp-navigation__group { transition: 350ms; } .cmp.dynamic-main-navigation-v3.subnav-on-hover.animation-fold .cmp-navigation__item--level-0 .cmp-navigation__group { -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg); -webkit-transform-origin: 50% 0; -webkit-transition: 350ms; -moz-transition: 350ms; -o-transition: 350ms; transition: 350ms; } .cmp.dynamic-main-navigation-v3.subnav-on-hover.animation-fold .cmp-navigation__item--level-0:hover .cmp-navigation__group { -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0); } .cmp.dynamic-main-navigation-v3.align-center .cmp-navigation { text-align: center; } .cmp.dynamic-main-navigation-v3.align-center .cmp-navigation__group { float: none; } .cmp.dynamic-main-navigation-v3.align-right .cmp-navigation__group { float: right; } .cmp.dynamic-main-navigation-v3.align-justify .cmp-navigation__group { display: flex; } .cmp.dynamic-main-navigation-v3.align-justify .cmp-navigation__group .cmp-navigation__item { flex: 1; } .cmp.dynamic-logo-v1 .cmp-image__link { display: inline-block; } .cmp.dynamic-logo-v1 .cmp-image__title { display: inline-block; padding: 1.4rem 0; } .cmp.dynamic-logo-v1 .cmp-image__image { /* object-fit: contain; */ } .cmp.dynamic-logo-v1 .cmp-image__defaultLogo { display: inline-block; background-size: contain; background-repeat: no-repeat; } .cmp.dynamic-logo-v1.filter-invert .cmp-image__image, .cmp.dynamic-logo-v1.filter-invert .cmp-image__defaultLogo { filter: invert(100%); } .cmp.dynamic-logo-v1.filter-grayscale .cmp-image__image, .cmp.dynamic-logo-v1.filter-grayscale .cmp-image__defaultLogo { filter: grayscale(100%); } .cmp-image__link { height: 40px; width: 150px; } /* RESPONSIVE MIXIN */ .literature.container { max-width: unset !important; } .literature .literature-filter-input-container { max-width: 1440px; margin: 0 auto; padding-left: 5.5rem; padding-right: 5.5rem; } @media only screen and (max-width: 991px) { .literature .literature-filter-input-container { max-width: 1440px; margin: 0 auto; padding-left: 1.25rem; padding-right: 1.25rem; } } .literature .literature-filter-input-container .form-input-label { font-size: 0.875rem; color: #666666; font-weight: 650; line-height: 1.5; } .literature .literature-filter-input-container .form-input-container { display: flex; height: 3.5rem; padding: 1rem 2rem 1rem 1.5rem; align-items: center; gap: 0.75rem; align-self: stretch; border-radius: 0.25rem; border: 0.0625rem solid #666666; margin-bottom: 5.5rem; } @media only screen and (max-width: 991px) { .literature .literature-filter-input-container .form-input-container { padding: 1rem; margin-bottom: 4.5rem; } } .literature .literature-filter-input-container .form-input-container:focus { outline: none; box-shadow: none; } .literature .literature-filter-input-container .form-input-container img { width: 1.5rem; height: 1.5rem; aspect-ratio: 1; } @media only screen and (max-width: 991px) { .literature .literature-filter-input-container .form-input-container img { width: 1rem; height: 1rem; } } .literature .literature-filter-input-container .form-input-container:has(.search-input:focus-visible) { outline: 0; } .literature .literature-filter-input-container .form-input-container .search-input { height: 2rem; font-size: 1.125rem; color: #161616; font-weight: 400; line-height: 1.5; line-height: 1.75rem; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: transparent; } @media only screen and (max-width: 991px) { .literature .literature-filter-input-container .form-input-container .search-input { font-size: 0.875rem; } } .literature .literature-filter-input-container .form-input-container .search-input:focus { outline: none; box-shadow: none; border: none; } .literature .literature-filter-input-container .form-input-container .search-input::-webkit-search-cancel-button { -webkit-appearance: none; background: url(../../../etc.clientlibs/dynamic/clientlibs/clientlib-site-v2/resources/img/cross.svg) no-repeat center / contain; width: 1.125rem; height: 1.125rem; } .literature .assetlist { page-break-inside: avoid; break-inside: avoid; margin-left: auto; margin-right: auto; max-width: 1440px; } .literature .assetlist .icon-list { padding: 0; margin-bottom: 3.25rem; } .literature .assetlist .icon-list .cmp-list__item { border: none; padding: 0; padding-bottom: 1.75rem; max-width: 36.3125rem; } @media only screen and (max-width: 767px) { .literature .assetlist .icon-list .cmp-list__item { max-width: 20.875rem; } } .literature .assetlist .icon-list .cmp-list__item:has(.cmp-list__item-description) { padding-bottom: 2rem; } .literature .assetlist .icon-list .cmp-list__item:has(.cmp-list__item-description):last-child { padding-bottom: 0; } @media only screen and (max-width: 991px) { .literature .assetlist .icon-list .cmp-list__item span { padding-top: 0; } } .literature .assetlist .icon-list .cmp-list__item-description { padding-bottom: 0.5rem; } .literature .assetlist .icon-list .cmp-list__item .asset-link-wrapper { align-items: self-start; } @media only screen and (max-width: 991px) { .literature .assetlist .icon-list .cmp-list__item .asset-link-wrapper { flex-direction: row; gap: 0.5rem; } } .literature .assetlist .icon-list .cmp-list__item .asset-link-wrapper a { font-weight: 400; } .literature .assetlist .icon-list .cmp-list__item .asset-link-wrapper svg[data-icon="file-pdf"] { margin-top: 0.4375rem; } @media only screen and (max-width: 991px) { .literature .assetlist .icon-list .cmp-list__item .asset-link-wrapper svg[data-icon="file-pdf"] { width: 1rem; height: 1rem; } } .literature .columncontainer__v3 .cmp-text { margin-bottom: 2.25rem; } @media only screen and (max-width: 991px) { .literature .columncontainer__v3 .cmp-text { margin-bottom: 2rem; } } .literature .columncontainer__v3 .cmp-text h3 { margin-bottom: 1rem; } @media only screen and (max-width: 991px) { .literature .columncontainer__v3 .cmp-text h3 { margin-bottom: 0.75rem; } } .literature .cmp-text a { color: inherit; font-weight: inherit; font-size: inherit; text-decoration: underline; border: none; } .literature .cmp-text a:hover { text-decoration: none; } .literature .cmp-text:has(p) p { margin-bottom: 0; } .literature .cmp-text:has(h2) h2 { margin-bottom: 2.5rem; } @media only screen and (max-width: 991px) { .literature .cmp-text:has(h2) h2 { margin-bottom: 2rem; } } @media only screen and (max-width: 991px) { .literature .cmp-text { margin-bottom: 2rem; } } /* RESPONSIVE MIXIN */ .investmentLinks { background-color: #161616; padding-top: 5.5rem; padding-bottom: 5.5rem; } @media only screen and (max-width: 991px) { .investmentLinks { padding-top: 4.75rem; padding-bottom: 4.75rem; } } .investments__comp { max-width: 1440px; margin: 0 auto; padding-left: 5.5rem; padding-right: 5.5rem; } @media only screen and (max-width: 991px) { .investments__comp { padding-left: 1.25rem; padding-right: 1.25rem; } } .investments__comp--title { font-size: 3.5rem; line-height: 4rem; color: #ffffff; margin-bottom: 1.5rem; } @media only screen and (max-width: 991px) { .investments__comp--title { font-size: 1.75rem; line-height: 2.25rem; } } .investments__comp--description { color: #ffffff; margin-bottom: 3rem; } @media only screen and (max-width: 991px) { .investments__comp--description { margin-bottom: 2rem; } } .category__button-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; } @media only screen and (max-width: 991px) { .category__button-container { grid-template-columns: repeat(1, 1fr); gap: 1.25rem; } } .category__button { border-radius: 0.25rem; padding: 1.5rem 2rem; background-color: #016dff; height: 5.5rem; font-weight: 300; font-size: 1.75rem; line-height: 2.5rem; color: #ffffff; text-decoration: none; background-image: url(clientlib-site-v2/resources/img/arrow-right-white.svg); background-repeat: no-repeat; background-size: 2.5rem 2.3125rem; background-position: right 2rem center; } .category__button:hover { text-decoration: underline; background-color: #016dff; } .category__button:-webkit-any-link:focus-visible { outline: 0; outline-offset: 0.1875rem; } @media only screen and (max-width: 991px) { .category__button { font-weight: 650; font-size: 1.375rem; line-height: 1.75rem; height: auto; padding: 1.0625rem 1.5rem; background-size: 1.375rem 1.25rem; background-position: right 1.5rem center; } } /* RESPONSIVE MIXIN */ .insights-section { padding: 0 5.5rem; margin-top: 3.875rem; } @media only screen and (max-width: 991px) { .insights-section { padding: 0 1.25rem; } } .insights-section__title { color: #161616; } .insights-section__filters { flex-direction: column; } .insights-section--cust-mb { margin-bottom: 5.5rem; } @media only screen and (max-width: 991px) { .insights-section--cust-mb { margin-bottom: 4.25rem; } } .insights-section__pagination { display: flex; justify-content: space-between; gap: 1.5rem; margin-top: 2rem; margin-bottom: 5.5rem; align-items: center; } @media only screen and (max-width: 991px) { .insights-section__pagination { flex-direction: column; align-items: center; margin-bottom: 4.25rem; } } .insights-section__pagination-ctrls .paginationjs .paginationjs-pages ul { display: flex; gap: 0.625rem; } .insights-section__pagination-ctrls .paginationjs .paginationjs-pages li > a { font-size: 1.125rem; border-radius: 0.25rem; font-family: 'Roobert'; min-width: 2.875rem; height: 2.875rem; display: flex; justify-content: center; align-items: center; } @media only screen and (max-width: 991px) { .insights-section__pagination-ctrls .paginationjs .paginationjs-pages li > a { font-size: 1rem; min-width: 2.5rem; height: 2.5rem; } } .insights-section__pagination-ctrls .paginationjs .paginationjs-pages li.disabled > a { opacity: 1; color: #666666; } .insights-section__pagination-ctrls .paginationjs .paginationjs-pages li.active > a { background: #161616; } .insights-section__pagination-ctrls .paginationjs .paginationjs-pages li { border: 1px solid #f3f3f3; } .insights-section__pagination-ctrls .paginationjs .paginationjs-pages li:first-child, .insights-section__pagination-ctrls .paginationjs .paginationjs-pages li:last-child { border: none; } @media only screen and (max-width: 991px) { .insights-section__pagination-ctrls .paginationjs .paginationjs-pages li:first-child, .insights-section__pagination-ctrls .paginationjs .paginationjs-pages li:last-child { position: absolute; margin-top: 3.125rem; } } @media only screen and (max-width: 991px) { .insights-section__pagination-ctrls .paginationjs .paginationjs-pages li:first-child { left: 28%; } .insights-section__pagination-ctrls .paginationjs .paginationjs-pages li:last-child { right: 32%; } } .insights-section__pagination-range { color: #161616; } @media only screen and (max-width: 991px) { .insights-section__pagination-range { font-size: 0.875rem; } } .insights-section__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 3rem; } .insights-section__view-toggle { display: flex; gap: 2rem; } @media only screen and (max-width: 991px) { .insights-section__view-toggle { display: none; } } .insights-section__pagination-disabled { display: none !important; } .insights-section__no-results { gap: 2rem; padding: 9.813rem 0; color: #666666; display: flex; flex-direction: column; } @media only screen and (max-width: 991px) { .insights-section__no-results { gap: 1.5rem; padding: 2.375rem 0 7.1875rem 0; } } .insights-section__no-results h3 { color: #666666; font-weight: 500; font-size: 3rem; line-height: 3.5rem; } @media only screen and (max-width: 991px) { .insights-section__no-results h3 { font-size: 1.75rem; line-height: 2.25rem; } } .filters { display: flex; flex-direction: column; width: 100%; } .filters__actions { display: flex; gap: 2rem; align-items: center; } @media only screen and (max-width: 991px) { .filters__actions { flex-direction: column; align-items: start; gap: 0; } } .filters__group { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; } @media only screen and (max-width: 991px) { .filters__group { grid-template-columns: repeat(1, 1fr); gap: 1.25rem; } } .filters__clear { background: none; border: none; padding: 0; text-decoration: underline; cursor: pointer; white-space: nowrap; color: #161616; } @media only screen and (max-width: 991px) { .filters__clear { margin-top: 1.75rem; } } .filters__clear p { color: #161616; font-weight: 650; letter-spacing: 0.1px; } @media only screen and (max-width: 991px) { .filters__clear.d-sm-none { display: none; } } .filters .filters__clear.filters__clear--hidden { display: none; } .filters__badges { display: flex; flex-wrap: wrap; gap: 1rem; margin: 1.5rem 0 1.5rem; } @media only screen and (max-width: 991px) { .filters__badges { gap: 0.75rem; margin: 1.75rem 0 4.25rem 0; } } .filters__clear--hidden + .filters__badges { margin: 2rem 0 0 0; } .filters__view-all { font-size: 1.125rem; font-weight: 650; background: none; border: none; color: #016dff; text-decoration: underline; text-decoration-color: #016dff; margin-bottom: 2rem; } @media only screen and (max-width: 991px) { .filters__view-all { font-size: 1rem; } } .multi-select { position: relative; font-size: 0.875rem; } .multi-select__label { margin-bottom: 0.875rem; font-weight: 650; color: #161616; } .multi-select__count { color: #016dff; } .multi-selectp { color: #666666; } .multi-select__toggle { display: block; width: 100%; padding: 1.125rem 0.75rem; background: transparent; border: 0.0625rem solid #666666; color: #161616; border-radius: 0.25rem; font-size: 1.125rem; font-weight: 400; text-align: left; position: relative; cursor: pointer; transition: border-color 0.15s; } @media only screen and (max-width: 991px) { .multi-select__toggle { font-size: 1rem; } } .multi-select__toggle[aria-expanded="true"] .multi-select__chevron { transform: rotate(180deg); } label.multi-select__label { color: #666666; } .multi-select__caret { position: absolute; right: 0; cursor: pointer; } .multi-select__panel { position: absolute; z-index: 40; left: 0; right: 0; margin-top: 0.25rem; background: #ffffff; border: 0.0625rem solid #666666; border-radius: 0.25rem; display: none; max-height: calc(25.3125rem); } .multi-select__panel[data-open="true"] { display: block; } .multi-select__list { list-style: none; margin: 0; padding: 0.375rem 0; max-height: calc(25rem); overflow-y: auto; margin-right: 0.625rem; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } .multi-select__option { display: flex; align-items: center; gap: 0.75rem; padding: 1rem 0.8125rem; font-size: 1.125rem; cursor: pointer; line-height: 1.2; position: relative; margin: 0 0.1875rem; } @media only screen and (max-width: 991px) { .multi-select__option { font-size: 1rem; } } .multi-select__option:focus-visible { margin-right: 0.4375rem; margin-left: 0.5625rem; padding-left: 0.4375rem; } .multi-select__check { min-width: 1.5rem; height: 1.5rem; margin: 0; cursor: pointer; accent-color: #016dff; } .multi-select__text { flex: 1; color: #161616; } @media only screen and (min-width: 1200px) and (max-width: 1439px) { .icon-with-txt { min-width: 5.625rem; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .icon-with-txt { min-width: 5.625rem; } } .filter-badge { background: #a9d4ff; border: 0.0625rem solid #83a6be; padding: 0.75rem 0.75rem; border-radius: 0.25rem; font-size: 0.875rem; font-weight: 650; display: inline-flex; align-items: center; gap: 0.75rem; height: 3rem; } .filter-badge > span { font-size: 0.875rem; } .filter-badge__remove { background: none; border: 0; cursor: pointer; font-size: 1rem; line-height: 1; padding: 0; } .filter-badge__remove:focus-visible { border-radius: 0; } .filters__badges--empty { font-size: 13px; color: #555; } .filter-multi__badges { display: none; } .sr-only-select { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .view-toggle-btn { display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; border: none; background: #fff; border-radius: 4px; cursor: pointer; padding: 0; } /* icon visibility logic */ .view-toggle-icon { display: none; } .view-toggle-btn .icon--light { display: block; } .view-toggle-btn.is-active .icon--light { display: none; } .view-toggle-btn.is-active .icon--dark { display: block; } /* optional: force dark icon on hover (not active) if desired */ .view-toggle-btn:not(.is-active):hover .icon--light { opacity: 0.75; } .insight-card { border: none; width: 100%; margin-bottom: 1rem; } .insight-card__read-link { display: flex; align-items: center; gap: 0.25rem; } .insight-card:hover .insight-card__title { text-decoration: underline; } .insight-card:hover .insight-card__read-link { text-decoration: none; } .insights-section--grid .insight-card__body { padding: 1.5rem 1.25rem 0 0; } .insight-card__meta { font-size: 0.875rem; color: #666666; display: flex; gap: 2rem; margin-bottom: 1rem; } .insight-card__desc { font-size: 0.875rem; color: #666666; line-height: 1.25rem; margin-bottom: 1.5rem; } .insight-card__media { position: relative; display: block; } .insight-card__img { width: 100%; display: block; object-fit: cover; height: 12.5rem; object-position: 1%; } @media only screen and (max-width: 991px) { .insight-card__img { object-position: 1% bottom; min-height: 12.5rem; height: auto; } } .insight-card__type-flag { position: absolute; top: 0; right: 0; } .insight-card__actions { display: flex; gap: 2rem; align-items: center; } .insight-card__meta-info { font-size: 0.875rem; line-height: 1.25rem; } .insight-card__meta-info-label { color: #666666; font-weight: 400; } .insight-card__meta-info-names p { color: #161616; font-size: 0.875rem; line-height: 1.25rem; } .insight-card__desc, .insight-card__meta-info-names, .insight-card__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; } .insight-card__desc, .insight-card__meta-info-names { min-height: 2.5rem; } @media only screen and (max-width: 991px) { .insight-card__desc, .insight-card__meta-info-names { min-height: 2.0625rem; } } .insight-card__title { min-height: 4.5rem; } @media only screen and (max-width: 991px) { .insight-card__title { min-height: 2.6875rem; } } .insight-card__share-btn { background: none; border: 0; padding: 0; cursor: pointer; line-height: 1; } .insight-card__share-btn img { width: 1.125rem; height: 1.125rem; display: block; } @media only screen and (max-width: 991px) { .insight-card__share-btn img { width: 1rem; height: 1rem; } } .insight-card__authors { font-weight: 650; } .insights-section--grid .insights-section__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; } .insights-section--grid .insight-card__meta-info { margin-bottom: 1.5rem; } .insights-section--grid .insight-card__meta { height: 1.3125rem; } .insights-section--list .insights-section__grid { display: flex; flex-direction: column; gap: 1.5rem; } .insights-section--list .insight-card__img { min-width: 25rem; } .insights-section--list .insight-card { display: flex; flex-direction: row; gap: 2.5rem; margin: 0; padding-bottom: 1.5rem; border-bottom: 0.25rem solid #f3f3f3; } .insights-section--list .insight-card .card-body { padding: 0; } .insights-section--list .insight-card__desc { margin-bottom: 1rem; } .insights-section--list .insight-card__meta { margin-bottom: 0.25rem; } .insights-section--list .insight-card__meta-info { margin-bottom: 1rem; line-height: 1.25; } .insights-section--list .insight-card__meta + h3 { line-height: 1; } .insights-section--list .insight-card__title, .insights-section--list .insight-card__meta-info-names { min-height: auto; -webkit-line-clamp: 1; } @media only screen and (max-width: 991px) { .insights-section--grid .insights-section__grid { grid-template-columns: repeat(1, minmax(0, 1fr)); } } /* collapsed state clips after allowed rows (height set by JS) */ #combinedFilterBadges.badges-collapsed { overflow: hidden; } #combinedFilterBadges.badges--expanded { overflow: visible; max-height: none !important; } /* Base: show "View all", hide "Show less" */ #badgesViewToggle #viewall { display: inline; } #badgesViewToggle #showless { display: none; } /* When expanded: show "Show less", hide "View all" */ #badgesViewToggle[aria-expanded="true"] #viewall { display: none; } #badgesViewToggle[aria-expanded="true"] #showless { display: inline; } /* Optional: rotate chevron when expanded */ #badgesViewToggle[aria-expanded="true"] .filters__caret { transform: rotate(180deg); } /* RESPONSIVE MIXIN */ .imageCollageBanner { display: flex; } .imageCollage--content { width: 33.333%; } @media only screen and (max-width: 991px) { .imageCollage--content { height: 12.5rem; width: 100%; display: none; } .imageCollage--content:first-child { display: block; } } .imageCollage--content img { width: 100%; } @media only screen and (max-width: 991px) { .imageCollage--content img { height: 100%; width: 100%; } } img { max-width: 100%; } @media (max-width: 1199px) { .columncontainer__banner--text .cmp-text h2 img { max-width: 56px !important; } } /* RESPONSIVE MIXIN */ .cmp-hb__v1 { height: 22.813rem; background-color: inherit; } @media only screen and (max-width: 766px) { .cmp-hb__v1 { height: unset; } } @media only screen and (max-width: 766px) { .cmp-hb__v1 { flex-direction: column; height: auto; display: flex; } } @media only screen and (min-width: 767px) and (max-width: 990px) { .cmp-hb__v1 { flex-direction: column; height: auto; display: flex; } } .cmp-hb__v1-content { display: flex; justify-content: center; flex-direction: column; width: 100%; position: absolute; height: inherit; } @media only screen and (max-width: 766px) { .cmp-hb__v1-content { width: 100%; order: 2; position: unset; display: flex; } } @media only screen and (min-width: 767px) and (max-width: 990px) { .cmp-hb__v1-content { width: 100%; order: 2; position: unset; } } .cmp-hb__v1-wrapper { width: 100%; display: flex; flex-direction: column; margin: 0 auto; } .cmp-hb__v1-wrapper-content { width: 462px; padding-left: 1.2rem; } @media only screen and (max-width: 766px) { .cmp-hb__v1-wrapper-content { width: unset; padding: 0px 18px; } } @media only screen and (min-width: 767px) and (max-width: 990px) { .cmp-hb__v1-wrapper-content { width: unset; padding: 0px 18px; } } @media only screen and (max-width: 766px) { .cmp-hb__v1-wrapper { width: 100%; padding: 45px 18px; } } @media only screen and (min-width: 767px) and (max-width: 990px) { .cmp-hb__v1-wrapper { width: 100%; padding: 45px 18px; } } @media only screen and (min-width: 1199px) { .cmp-hb__v1-wrapper { width: 1140px; } } .cmp-hb__v1-image { width: 50%; background-size: cover; background-position: center; height: 22.813rem; float: right; } @media only screen and (max-width: 766px) { .cmp-hb__v1-image { width: 100%; order: 1; height: 16.563rem; } } @media only screen and (min-width: 767px) and (max-width: 990px) { .cmp-hb__v1-image { width: 100%; order: 1; height: 20rem; } } .cmp-hb__v1 .cmp-hb__title { font-size: 40px !important; } @media only screen and (max-width: 766px) { .cmp-hb__v1 .cmp-hb__title { font-size: 26px !important; line-height: 32px; margin-bottom: 0px; padding-bottom: 20px; } } .cmp-hb__v2 { height: 31.875rem; background-color: inherit; } @media only screen and (max-width: 766px) { .cmp-hb__v2 { flex-direction: column; height: auto; display: flex; } } @media only screen and (min-width: 767px) and (max-width: 990px) { .cmp-hb__v2 { flex-direction: column; height: auto; display: flex; } } .cmp-hb__v2-content { display: flex; justify-content: center; flex-direction: column; width: 100%; position: absolute; height: inherit; } @media only screen and (max-width: 766px) { .cmp-hb__v2-content { width: 100%; order: 2; position: unset; display: flex; height: 263px; } } @media only screen and (min-width: 767px) and (max-width: 990px) { .cmp-hb__v2-content { width: 100%; order: 2; position: unset; } } .cmp-hb__v2-wrapper { width: 100%; display: flex; flex-direction: column; margin: 0 auto; } .cmp-hb__v2-wrapper-content { width: 462px; padding-left: 1.2rem; } @media only screen and (max-width: 766px) { .cmp-hb__v2-wrapper-content { width: unset; padding: 0px 18px; } } @media only screen and (min-width: 767px) and (max-width: 990px) { .cmp-hb__v2-wrapper-content { width: unset; padding: 0px 18px; } } @media only screen and (max-width: 766px) { .cmp-hb__v2-wrapper { width: 100%; padding: 45px 18px; } } @media only screen and (min-width: 767px) and (max-width: 990px) { .cmp-hb__v2-wrapper { width: 100%; padding: 45px 18px; } } @media only screen and (min-width: 1199px) { .cmp-hb__v2-wrapper { width: 1140px; } } .cmp-hb__v2-image { width: 50%; background-size: cover; background-position: center; height: 31.875rem; float: right; } @media only screen and (max-width: 766px) { .cmp-hb__v2-image { width: 100%; order: 1; height: 16.563rem; } } @media only screen and (min-width: 767px) and (max-width: 990px) { .cmp-hb__v2-image { width: 100%; order: 1; height: 20rem; } } .cmp-hb__v2.hero-banner-rebranding { background-color: #006fff; } .cmp-hb__v2.hero-banner-rebranding .cmp-hb__v2-image { position: relative; background-position: top left; } @media only screen and (max-width: 766px) { .cmp-hb__v2.hero-banner-rebranding .cmp-hb__v2-image { background-position: bottom left; } } @media only screen and (min-width: 767px) and (max-width: 990px) { .cmp-hb__v2.hero-banner-rebranding .cmp-hb__v2-image { background-position: bottom left; } } .cmp-hb__v2.hero-banner-rebranding .cmp-hb__v2-image::after { content: ''; position: absolute; bottom: 18%; left: 0; width: 100%; height: 0px; background-color: #ffffff; } @media only screen and (max-width: 767px) { .cmp-hb__v2.hero-banner-rebranding .cmp-hb__v2-image::after { height: 0.125rem; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .cmp-hb__v2.hero-banner-rebranding .cmp-hb__v2-image::after { height: 0.1875rem; } } .cmp-hb__v2.hero-banner-rebranding::after { content: ''; position: absolute; bottom: 18%; left: 0; width: 100%; height: 0.1875rem; background-color: #ffffff; } @media only screen and (max-width: 767px) { .cmp-hb__v2.hero-banner-rebranding::after { display: none; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .cmp-hb__v2.hero-banner-rebranding::after { display: none; } } @media only screen and (min-width: 1441px) { .cmp-hb__v2.hero-banner-rebranding::after { height: 0.25rem; } } .cmp-hb { position: relative; } .cmp-hb__title { font-weight: 700; font-size: 50px; color: inherit; line-height: 54px; text-align: left; margin-bottom: 16px; } @media only screen and (max-width: 766px) { .cmp-hb__title { font-size: 26px !important; line-height: 32px; margin-bottom: 20px; } } .cmp-hb__subtitle { color: inherit; font-size: 20px; line-height: 30px; font-weight: 300; text-shadow: none; } @media only screen and (max-width: 766px) { .cmp-hb__subtitle { font-size: 14px; line-height: 18px; } } .cmp-hb__cta { border: 1px solid #ffffff; color: #ffffff; padding: 1rem; border-radius: 50px; width: fit-content; } .cmp-hb__cta:hover { color: #ffffff; } @media only screen and (max-width: 766px) { .cmp-hb .cmp-cta__linkText { font-size: 1rem; line-height: 26px; } } .cmp-hb__v3 { position: relative; width: 100%; height: 31.875rem; } @media only screen and (max-width: 766px) { .cmp-hb__v3 { height: 25rem; } } .cmp-hb__v3 .cmp-hb__container { display: flex; justify-content: center; align-items: center; flex-direction: column; } .cmp-hb__v3 .cmp-hb__title { font-size: 5rem !important; line-height: 54px; font-weight: 700; z-index: 2; padding-top: 4.063rem; } @media only screen and (max-width: 766px) { .cmp-hb__v3 .cmp-hb__title { font-size: 4.25rem !important; margin-bottom: 1rem; } } .cmp-hb__v3 .cmp-hb__subtitle { font-size: 18px; font-weight: 400; color: inherit; margin: 10px 0 0; line-height: 1.5; z-index: 2; text-align: center; max-width: 650px; } @media only screen and (max-width: 766px) { .cmp-hb__v3 .cmp-hb__subtitle { width: unset; padding: 0px 18px; } } @media only screen and (min-width: 767px) and (max-width: 990px) { .cmp-hb__v3 .cmp-hb__subtitle { width: unset; padding: 0px 18px; } } .cmp-hb__v3 .cmp-hb__image { background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; z-index: 0; } .cmp-hb__v3 .cmp-hb__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, #ffffff 50%, rgba(255, 255, 255, 0) 100%); z-index: 1; /* Above the image, below the text */ } @media only screen and (max-width: 766px) { .cmp-hb__v3 .cmp-hb__overlay { background: linear-gradient(to bottom, #ffffff 60%, rgba(255, 255, 255, 0) 100%); } } .herobanner .cmp-cta__link { margin-left: 0px; } /* RESPONSIVE MIXIN */ html, body { font-family: 'Roobert', Helvetica, Arial, sans-serif !important; font-weight: 400; font-size: 1rem; color: #161616; } body { padding-right: 0 !important; } body.modal-open { padding-right: 0; } html, body { scrollbar-gutter: stable ; } * { margin: 0; padding: 0; box-sizing: border-box; } h1 { font-weight: 500; font-size: 3.875rem; line-height: 4.25rem; color: #161616; margin: 0; } @media only screen and (max-width: 991px) { h1 { font-size: 2.5rem; line-height: 3rem; } } h2 { font-weight: 500; font-size: 3rem; line-height: 3.5rem; color: #161616; margin: 0; } @media only screen and (max-width: 991px) { h2 { font-size: 1.75rem; line-height: 2.25rem; } } h3 { font-weight: 650; font-size: 1.75rem; line-height: 2.25rem; color: #161616; margin: 0; } @media only screen and (max-width: 991px) { h3 { font-size: 1.375rem; line-height: 1.75rem; } } h4 { font-size: 1.25rem !important; font-weight: 500; } h5 { font-size: 1rem !important; font-weight: 500; } h6 { font-size: 0.625rem !important; font-weight: 500; } .bb-theme--light { background-color: #ffffff; color: #125687; } .bb-theme--light h1, .bb-theme--light a { color: inherit; } .bb-theme--dark { background-color: #125687; color: #ffffff; } .bb-theme--dark h1, .bb-theme--dark a { color: inherit; } .bb-theme--neutral { background-color: #f6f7fc; color: #125687; } .bb-theme--neutral h1, .bb-theme--neutral a { color: inherit; } .bb-text__blue h1, .bb-text__blue h2, .bb-text__blue h3, .bb-text__blue h4, .bb-text__blue h5, .bb-text__blue h6 { color: #125687; } .bb-text__white h1, .bb-text__white h2, .bb-text__white h3, .bb-text__white h4, .bb-text__white h5, .bb-text__white h6 { color: #ffffff; } .bb-bg__white { background-color: #ffffff; color: #125687; } .bb-bg__blue { background-color: #125687; color: #ffffff; } .bb-bg__grey { background-color: #f6f7fc; color: #125687; } .main-content { background-color: var(--primary-color-white); } .main-content .cmp-content { max-width: 1440px; margin: 0 auto; padding: 0 5.5rem; } @media only screen and (max-width: 991px) { .main-content .cmp-content { padding: 0 1.25rem; } } .main-content .cmp-content .cmp-content { padding: 0; } button, .btn { display: inline-flex; align-items: center; justify-content: center; border: none; border-radius: 8px; padding: 16px 32px; font-size: 1rem; font-weight: 700; text-decoration: none; cursor: pointer; transition: background-color 0.3s ease, transform 0.1s ease; } .btn-primary { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; height: 3rem; padding: 1rem 2rem; font-size: 1.125rem; line-height: 1.75rem; gap: 0.25rem; background-color: #016dff; color: #ffffff; border-radius: 6.25rem; border: 0.0625rem solid #016dff; } .btn-primary:hover { background-color: #161616; color: #ffffff; border-radius: 6.25rem; border-color: #161616; } .btn-primary:disabled { background-color: #f3f3f3; color: #666666; border-radius: 6.25rem; border: 0.0625rem solid #666666; cursor: not-allowed; } @media only screen and (max-width: 991px) { .btn-primary { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; font-size: 1rem; line-height: 1.5rem; min-height: 2.5rem; height: auto; padding: 0.35rem 1.5rem; } } .btn-secondary { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; height: 3rem; padding: 1rem 2rem; font-size: 1.125rem; line-height: 1.75rem; gap: 0.25rem; background-color: transparent; color: #161616; border-radius: 5rem; border: 0.0625rem solid #161616; } .btn-secondary:hover { background-color: #161616; color: #ffffff; border-radius: 5rem; } .btn-secondary.dark-theme { background-color: transparent; color: #ffffff; border-radius: 5rem; border-color: #ffffff; } .btn-secondary.dark-theme:hover { background-color: #ffffff; color: #161616; border-radius: 5rem; } .btn-secondary:disabled { background-color: #f3f3f3; color: #666666; border-radius: 5rem; border: 0.0625rem solid #666666; cursor: not-allowed; } @media only screen and (max-width: 991px) { .btn-secondary { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; font-size: 1rem; line-height: 1.5rem; min-height: 2.5rem; height: auto; padding: 0.35rem 1.5rem; } } .btn-tertiary { background-color: transparent; color: #125687; border: 0.0625rem solid #125687; } .btn-tertiary:hover { background-color: #125687; color: #ffffff; } .btn-icon { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; height: 3rem; padding: 1rem 2rem; font-size: 1.125rem; line-height: 1.75rem; gap: 0.25rem; background-color: #016dff; color: #ffffff; border-radius: 6.25rem; padding-left: 3.625rem; gap: 0.75rem; flex-shrink: 0; background-image: url(clientlib-site-v2/resources/img/play20.svg); background-repeat: no-repeat; background-size: 1.125rem 1.125rem; background-position: left 1.75rem center; } .btn-icon:hover { background-color: #161616; color: #ffffff; border-radius: 6.25rem; } .btn-icon:disabled { background-color: #f3f3f3; color: #666666; border-radius: 6.25rem; border: 0.0625rem solid #666666; cursor: not-allowed; background-image: url(clientlib-site-v2/resources/img/play20-dark-grey.svg); } @media only screen and (max-width: 991px) { .btn-icon { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; font-size: 1rem; line-height: 1.5rem; min-height: 2.5rem; height: auto; padding: 0.35rem 1.5rem; padding-left: 2.75rem; background-size: 1rem 1rem; background-position: left 1.25rem center; } } .primary-button__login { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; height: 3rem; padding: 1rem 2rem; font-size: 1.125rem; line-height: 1.75rem; gap: 0.25rem; background-color: #016dff; color: #ffffff; border-radius: 0.25rem; border: 0.0625rem solid #016dff; } .primary-button__login:hover { background-color: #ffffff; color: #016dff; border-radius: 0.25rem; border-color: #f3f3f3; } .primary-button__login:disabled { background-color: #f3f3f3; color: #666666; border-radius: 0.25rem; border: 0.0625rem solid #666666; cursor: not-allowed; } @media only screen and (max-width: 991px) { .primary-button__login { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; padding: 0.625rem 1.375rem; font-size: 1rem; line-height: 1.25rem; height: auto; } } .bg-black .btn-primary { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; height: 3rem; padding: 1rem 2rem; font-size: 1.125rem; line-height: 1.75rem; gap: 0.25rem; background-color: #016dff; color: #ffffff; border-radius: 6.25rem; border: 0.0625rem solid #016dff; } .bg-black .btn-primary:hover { background-color: #ffffff; color: #161616; border-radius: 6.25rem; border-color: #ffffff; color: #161616 !important; } @media only screen and (max-width: 991px) { .bg-black .btn-primary { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; font-size: 1rem; line-height: 1.5rem; min-height: 2.5rem; height: auto; padding: 0.35rem 1.5rem; } } .bg-blue .btn-primary { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; height: 3rem; padding: 1rem 2rem; font-size: 1.125rem; line-height: 1.75rem; gap: 0.25rem; background-color: #ffffff; color: #016dff; border-radius: 6.25rem; border: 0.0625rem solid #ffffff; } .bg-blue .btn-primary:hover { background-color: #161616; color: #ffffff; border-radius: 6.25rem; border-color: #161616; color: #ffffff !important; } @media only screen and (max-width: 991px) { .bg-blue .btn-primary { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; font-size: 1rem; line-height: 1.5rem; min-height: 2.5rem; height: auto; padding: 0.35rem 1.5rem; } } .bg-violet .btn-primary { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; height: 3rem; padding: 1rem 2rem; font-size: 1.125rem; line-height: 1.75rem; gap: 0.25rem; background-color: #ffffff; color: #016dff; border-radius: 6.25rem; border: 0.0625rem solid #ffffff; } .bg-violet .btn-primary:hover { background-color: #161616; color: #ffffff; border-radius: 6.25rem; border-color: #161616; color: #ffffff !important; } @media only screen and (max-width: 991px) { .bg-violet .btn-primary { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; font-size: 1rem; line-height: 1.5rem; min-height: 2.5rem; height: auto; padding: 0.35rem 1.5rem; } } .bg-black .btn-secondary, .bg-blue .btn-secondary, .bg-violet .btn-secondary { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; height: 3rem; padding: 1rem 2rem; font-size: 1.125rem; line-height: 1.75rem; gap: 0.25rem; background-color: transparent; color: #ffffff; border-radius: 5rem; border: 0.0625rem solid #ffffff; } .bg-black .btn-secondary:hover, .bg-blue .btn-secondary:hover, .bg-violet .btn-secondary:hover { background-color: #ffffff; color: #161616; border-radius: 5rem; } @media only screen and (max-width: 991px) { .bg-black .btn-secondary, .bg-blue .btn-secondary, .bg-violet .btn-secondary { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; font-size: 1rem; line-height: 1.5rem; min-height: 2.5rem; height: auto; padding: 0.35rem 1.5rem; } } .bg-black a, .bg-blue a, .bg-violet a { color: #ffffff; } .bg-black a:hover, .bg-blue a:hover, .bg-violet a:hover { text-decoration: none; } .bg-light-grey a:hover { text-decoration: none; } .bg-black .link__withlefticon, .bg-blue .link__withlefticon, .bg-violet .link__withlefticon { background-image: url(clientlib-site-v2/resources/img/chevron-left-white-big.svg); color: #ffffff; } .bg-light-grey .link__withlefticon { background-image: url(clientlib-site-v2/resources/img/chevron-left-black-big.svg); color: #161616; } input[type="text"] { height: 3rem; background-color: #ffffff; color: #161616; border-color: #666666; outline: 0; font-size: 18px; } .cmp-content *:focus, .cmp-content input:focus, .cmp-content button:focus, .cmp-content .form-control:focus, .cmp-hb a.cmp-cta__link:focus, *:focus, a:focus, input:focus, button:focus, .btn:focus, .auth_wrapper .form_info:focus, .auth_wrapper .form_warning:focus, .form-control:focus { outline: 0; box-shadow: none !important; -webkit-box-shadow: none !important; color: #FFFFF; } .form-control:disabled { background-color: var(--primary-color-light-grey); } .cmp-content *:focus-visible, .cmp-content input:focus-visible, .cmp-content button:focus-visible, .cmp-content .form-control:focus-visible, .cmp-hb a.cmp-cta__link:focus-visible, *:focus-visible, a:focus-visible, input:focus-visible, button:focus-visible, .btn:focus-visible, .auth_wrapper .form_info:focus-visible, .auth_wrapper .form_warning:focus-visible, .form-control:focus-visible, .cmp-accordion__button:focus-visible { outline: 0; box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #161616 !important; -webkit-box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #161616 !important; } div#onetrust-banner-sdk #onetrust-button-group-parent button:focus-visible, div#onetrust-banner-sdk a:focus-visible, div#onetrust-pc-sdk button:focus-visible, div#onetrust-banner-sdk #onetrust-button-group-parent button:focus, div#onetrust-banner-sdk a:focus, div#onetrust-pc-sdk button:focus { border-color: transparent !important; outline: 0 !important; box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #161616 !important; -webkit-box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #161616 !important; } .main-nav__item button { position: relative; } .main-nav__item button:focus-visible { box-shadow: none !important; -webkit-box-shadow: none !important; } .main-nav__item button:focus-visible::after { content: ""; position: absolute; top: 0.5rem; bottom: 0.4375rem; left: -0.3125rem; right: -0.3125rem; box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #161616; } .main-nav__item button:focus-visible::after { left: 0px; right: 0px; } .main-nav__item button[aria-expanded="true"]:focus-visible::after { top: 0.25rem; bottom: 0.3125rem; } .main-nav__utilities li > * { position: relative; } .main-nav__utilities li > *:focus-visible { box-shadow: none !important; -webkit-box-shadow: none !important; } .main-nav__utilities li > *:focus-visible::after { content: ""; position: absolute; top: 0.5rem; bottom: 0.4375rem; left: -0.3125rem; right: -0.3125rem; box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #161616; } .main-nav__hamburger { position: relative; position: absolute; } .main-nav__hamburger:focus-visible { box-shadow: none !important; -webkit-box-shadow: none !important; } .main-nav__hamburger:focus-visible::after { content: ""; position: absolute; top: 0.5rem; bottom: 0.4375rem; left: -0.3125rem; right: -0.3125rem; box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #161616; } .main-nav__hamburger:focus-visible::after { top: 0; bottom: 0; left: 0.5rem; right: -0.75rem; } p { font-weight: 400; font-size: 1.125rem; line-height: 1.75rem; color: #666666; margin: 0; } @media only screen and (max-width: 991px) { p { font-size: 1rem; line-height: 1.5rem; } } p b { font-weight: 750; } @media only screen and (max-width: 991px) { p b { font-size: 1rem; line-height: 1.5rem; font-weight: 650; } } p sup a { font-size: inherit; } p.small { font-size: 0.875rem; line-height: 1.25rem; } p.small-bold { font-weight: 650; font-size: 0.875rem; line-height: 1.25rem; } li { color: #666666; font-size: 1.125rem; } li b { color: #666666; } a { font-weight: 650; font-size: 1.125rem; line-height: 1.75rem; text-decoration: underline; text-underline-offset: 0.25rem; color: #016dff; } a:hover { text-decoration: none; } @media only screen and (max-width: 991px) { a { font-size: 1rem; line-height: 1.5rem; } } a:disabled { color: #666666; } a.semibold { font-weight: 650; } a.small-semibold { font-size: 0.875rem; font-weight: 650; line-height: 1.75rem; } a.nav-link, a.cmp-list__item-link { text-decoration: none; } a.link { font-size: 1.125rem; font-style: normal; font-weight: 650; line-height: 1.75rem; color: #016dff; background-image: url(clientlib-site-v2/resources/img/chevron-right-blue.svg); background-repeat: no-repeat; background-position: right center; padding-right: 1.75rem; text-decoration: none; } a.link:hover { text-decoration: underline; } @media only screen and (max-width: 991px) { a.link { font-size: 1rem; line-height: 1.5rem; padding-right: 1.25rem; background-image: url(clientlib-site-v2/resources/img/chevron-right-blue-mobile.svg); } } a.link:disabled { color: #666666; background-image: url(clientlib-site-v2/resources/img/chevron-right-grey.svg); } @media only screen and (max-width: 991px) { a.link:disabled { background-image: url(clientlib-site-v2/resources/img/chevron-right-grey-mobile.svg); } } a.link__withlefticon { font-size: 1.125rem; font-style: normal; font-weight: 650; line-height: 1.75rem; color: #016dff; background-image: url(clientlib-site-v2/resources/img/chevron-left-blue-big.svg); background-repeat: no-repeat; text-decoration: none; background-position: left center; padding-left: 1.75rem; padding-right: 0; } a.link__withlefticon:hover { text-decoration: underline; } .intro-text { font-weight: 300; font-size: 1.75rem; line-height: 2.5rem; color: #161616; } @media only screen and (max-width: 991px) { .intro-text { font-size: 1.25rem; line-height: 1.75rem; } } /* Auto Complete dropdown styles*/ input#fundCode:focus { border-color: var(--focus-indicator-color-violet); } .autocomplete-suggestions { border: 0.063em solid var(--primary-color-light-grey); background: #fff; cursor: default; overflow: auto; height: auto; display: none; position: absolute; z-index: 9999; white-space: normal; line-height: 1.15; width: 100%; text-align: left; left: 0; top: 48px; color: var(--primary-color-dark-grey); font-size: 0.875rem; padding: 0.688em !important; } .autocomplete-suggestions .autocompleteList { margin: 0px; padding-left: 0px; gap: 6px; } .autocomplete-suggestions .autocompleteList li, .autocomplete-suggestions .autocompleteList div { list-style-type: none; border-top: 0.063em solid transparent; font-weight: normal; } .autocomplete-suggestions .autocompleteList li:hover, .autocomplete-suggestions .autocompleteList div:hover, .autocomplete-suggestions .autocompleteList li.highligt, .autocomplete-suggestions .autocompleteList div.highligt { background: var(--primary-color-white); color: var(--primary-color-dark-grey); cursor: pointer; font-weight: 750; margin: 0px; padding: 0.438em 0.688em; text-decoration: underline; } .autocomplete-suggestions .autocompleteList div:first-child { border-top: none; } .autocomplete-suggestions .autocompleteList div:last-child { border-bottom: none; } .autocomplete-suggestions .autocompleteList div.highligt-next { border-top: none; } @media screen and (max-width: 767px) { .autocomplete-suggestion { padding: 0.375em 0px; margin: 0 0.438em; } .autocompleteList li:hover, .autocompleteList li.highligt, .autocompleteList div:hover, .autocompleteList div.highligt { padding: 0.438em; } } /* Table styles*/ table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) { font-size: 1.125rem; } table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) td, table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) th { padding: .65rem .5rem; vertical-align: middle; font-family: 'Roobert', Helvetica, Arial, sans-serif !important; font-size: 1.125rem !important; color: var(--primary-color-black) !important; } table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) th { font-size: 0.875rem !important; color: var(--primary-color-dark-grey) !important; } table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) caption { caption-side: top; line-height: 2.25rem; font-weight: 650; color: var(--primary-color-dark-grey); padding: 1rem .5rem .3rem; background-color: var(--primary-color-light-grey); border-top: 1px solid var(--primary-color-dark-grey); font-family: 'Roobert', Helvetica, Arial, sans-serif !important; } table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) thead th { vertical-align: middle; color: var(--primary-color-black); } table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) tbody tr:nth-child(odd) td { background-color: var(--primary-color-white); } table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) tbody tr:nth-child(even) td { background-color: var(--primary-color-light-grey); } table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) tbody tr:last-child td, table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) tbody tr:last-child th { border-bottom: 1px solid var(--primary-color-dark-grey); } table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) tbody tr th { color: var(--primary-color-black); } table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) tfoot tr:last-child th, table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) tfoot tr:last-child td { border-bottom: 1px solid var(--primary-color-dark-grey); border-top-color: var(--primary-color-dark-grey); } table:not(.KJEReportTable, .KJEScheduleTable, .KJECalcTable, .KJECalculatorReport, .KJECalculatorReportTable, .KJEToggleTable, .KJEReportTableShrink, .KJEIndexTable, .KJEFinCalcTable) a { color: var(--primary-color-black) !important; } .html-component table { font-family: 'Roobert', Helvetica, Arial, sans-serif; color: var(--primary-color-black) !important; margin-bottom: 32px; } .html-component table caption { color: var(--primary-color-dark-grey); padding: 0.3rem 0.5rem; } .html-component table thead tr td, .html-component table thead tr th { color: var(--primary-color-dark-grey) !important; border-top: 1px solid #666; border-bottom: 1px solid #666; } .html-component table thead tr th { font-weight: 650; } .html-component table thead tr th a { font-size: 0.875rem; line-height: 1.1; color: var(--primary-color-dark-grey) !important; } .html-component table tbody tr:nth-child(odd) td { background-color: var(--primary-color-white); } .html-component table tbody tr:nth-child(even) td { background-color: var(--primary-color-light-grey); } .html-component table tbody tr th { font-weight: 650; color: var(--primary-color-dark-grey) !important; } .html-component table tbody tr td a { color: var(--primary-color-black) !important; } .html-component table tfoot tr td { color: var(--primary-color-dark-grey) !important; } .html-component table tfoot tr td:last-child { font-size: 0.875rem !important; } /* Card styles */ .swiper .card a, .education-zone .card a { text-decoration: none; } .swiper .card a:hover, .education-zone .card a:hover { text-decoration: underline; text-decoration-color: var(--primary-color-black); } .swiper .card a:hover .card-title, .education-zone .card a:hover .card-title { text-decoration-color: var(--primary-color-black); text-decoration-thickness: from-font; text-decoration: underline; } .swiper .card a:hover p, .education-zone .card a:hover p { text-decoration-color: var(--primary-color-light-grey); text-decoration-thickness: from-font; text-decoration: underline; } .swiper .card a:hover > p, .education-zone .card a:hover > p { text-decoration: underline; text-decoration-color: var(--primary-color-blue); text-decoration-thickness: from-font; } .swiper .card .card-body .text-title .card-title, .education-zone .card .card-body .text-title .card-title { color: var(--primary-color-black); } .swiper .card .card-body .text-title p, .education-zone .card .card-body .text-title p { font-size: 14px !important; } .swiper .card .card-body > p, .education-zone .card .card-body > p { color: var(--primary-color-blue) !important; font-size: 1rem !important; } /* Nav Tabs styling for HTML component DYNAMICDAS-10174*/ .dynamic-live .cpm-intro h2.title { font-weight: 500; font-size: 3rem !important; line-height: 3.5rem; color: #161616 !important; margin-bottom: 1rem; } @media only screen and (max-width: 991px) { .dynamic-live .cpm-intro h2.title { font-size: 1.75rem !important; line-height: 2.25rem; } } .dynamic-live .cpm-intro p { margin-bottom: 0; } .dynamic-live .dynamic-locations .city { color: var(--primary-color-black); border-radius: 0; border-right: 1px solid var(--primary-color-light-grey); } .dynamic-live .dynamic-locations .city.active { color: var(--primary-color-blue); text-decoration: 1px solid var(--primary-color-black); } .dynamic-live .dynamic-locations .city:hover { text-decoration: none; } .dynamic-live .calendar-header { background: var(--primary-color-blue) !important; } .dynamic-live .calendar-body { background: var(--primary-color-light-grey) !important; } .dynamic-live .calendar-body .calendar-hour, .dynamic-live .calendar-body .calendar-description::before { border-color: var(--primary-color-blue) !important; } .dynamic-live .calendar-body .calendar-description::after { background: var(--primary-color-blue) !important; } .dynamic-live a.register-now { background-color: var(--primary-color-blue) !important; color: var(--primary-color-white) !important; } .dynamic-live a.register-now:hover { color: var(--primary-color-white) !important; border-color: var(--primary-color-black) !important; box-shadow: none; background-color: var(--primary-color-black) !important; } .dynamic-live .tab-pane h4 { margin-bottom: 6px; margin-top: 2rem; } #tabsContainer h3 { font-size: 18px; padding-right: 10px; line-height: 1.25; margin-bottom: 10px; } #tabsContainer .cityLocation-date { color: var(--primary-color-black); } #tabsContainer .cityLocation-date #city h4, #tabsContainer .cityLocation-date #date p { color: var(--primary-color-dark-grey); } #tabsContainer .nav-tabs { background-color: var(--primary-color-light-grey) !important; display: flex; list-style: none; max-width: 1440px; justify-content: space-between; align-items: center; padding: 0 3rem; --bs-nav-tabs-border-width: 0px; } #tabsContainer .nav-tabs li.nav-item { border-bottom: .25rem solid transparent; height: 5.8125rem; font-size: 1.125rem; font-weight: 650; line-height: 1.75rem; display: flex; justify-content: space-between; align-items: center; gap: 2.75rem; } #tabsContainer .nav-tabs li.nav-item .nav-link { color: var(--primary-color-black); font-size: inherit !important; height: inherit; border-bottom: .25rem solid transparent !important; font-weight: inherit; } #tabsContainer .nav-tabs li.nav-item .nav-link:hover { color: var(--primary-color-blue); } #tabsContainer .nav-tabs li.nav-item:has(.nav-link.active) { border-bottom: 0.25rem solid var(--primary-color-blue) !important; } #tabsContainer .nav-tabs li.nav-item:has(.nav-link:hover) { border-bottom: 0.25rem solid var(--primary-color-blue) !important; color: var(--primary-color-blue); } #tabsContainer .tab-content .presentations div .button.float-left.mr-2 { margin-right: 5px; margin-bottom: 5px; } #tabsContainer .tab-content .tab-pane #speakers .card, #tabsContainer .tab-content .tab-pane .presentations .card { background: transparent !important; border-bottom-color: transparent !important ; } #tabsContainer .tab-content .tab-pane #speakers .card .img-wraper, #tabsContainer .tab-content .tab-pane .presentations .card .img-wraper { border-color: var(--primary-color-white); } #tabsContainer .tab-content .tab-pane #speakers .card .card-title, #tabsContainer .tab-content .tab-pane .presentations .card .card-title { width: 100%; } #tabsContainer .tab-content .tab-pane #speakers .card .card-title a, #tabsContainer .tab-content .tab-pane .presentations .card .card-title a { color: var(--primary-color-black) !important; font-weight: 650; text-decoration: none; } #tabsContainer .tab-content .tab-pane #speakers .card .card-title a:not([href]), #tabsContainer .tab-content .tab-pane .presentations .card .card-title a:not([href]) { color: var(--primary-color-dark-grey); } #tabsContainer .tab-content .tab-pane #speakers .card .card-title a:not([href]):hover, #tabsContainer .tab-content .tab-pane .presentations .card .card-title a:not([href]):hover { text-decoration: none; } #tabsContainer .tab-content .tab-pane #speakers .card .card-title a:hover, #tabsContainer .tab-content .tab-pane .presentations .card .card-title a:hover { text-decoration: underline; } #tabsContainer .tab-content .tab-pane #speakers .card p.card-text, #tabsContainer .tab-content .tab-pane .presentations .card p.card-text { color: var(--primary-color-dark-grey); font-size: 1rem; } #tabsContainer .tab-content .assetlist { width: 100%; } #mainContent .list:not(.assetlist) li:before { color: #016DEF; } .right-small-panel:has(.assetlist) .assetlist { margin-bottom: 10px; } .btn-read-more { background-color: var(--primary-color-black); } .cmp-text h1, .cmp-text h2 { margin-bottom: 3rem; } @media only screen and (max-width: 991px) { .cmp-text h1, .cmp-text h2 { margin-bottom: 2rem; } } .cmp-text h3, .cmp-text p { margin-bottom: 2rem; font-family: 'Roobert', Helvetica, Arial, sans-serif !important; } @media only screen and (max-width: 991px) { .cmp-text h3, .cmp-text p { margin-bottom: 1.5rem; } } .cmp-text li p { margin-bottom: 0; } .bg-white { background-color: #ffffff; } .bg-light-grey { background-color: #f3f3f3; } .bg-light-grey .cmp-text a { color: #161616; border-bottom: 0.125rem solid #666666; } .bg-light-grey .cmp-text a:hover { border-bottom: none; } .bg-light-grey .contentcard .contentcard__contents--cta { color: #161616; } .bg-light-grey .contentcard a:hover .contentcard__contents--cta { text-decoration: none; } .checkbox-hidden { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; top: 2.6875rem; } .checkmark { height: 1.5rem; width: 1.5rem; background-color: #ffffff; border: 0.0625rem solid #666666; display: inline-block; vertical-align: middle; margin-right: 0.75rem; border-radius: 0.25rem; position: relative; } .checkbox-hidden:checked + .checkmark { background-color: #016dff; border-color: #016dff; } .checkmark:after { content: ""; position: absolute; display: none; background-image: url(clientlib-site-v2/resources/img/checkmark.svg); background-repeat: no-repeat; background-position: center; left: 0.375rem; top: 0.3125rem; width: 0.6875rem; height: 0.6875rem; } /* Show the checkmark when the input is checked */ .checkbox-hidden:checked + .checkmark:after { display: block; } .locked:after { all: unset; content: ""; display: inline-block; background: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-site-v2/resources/img/lock.svg") no-repeat center / contain; width: 1rem; height: 1rem; padding-left: 1rem; position: absolute; bottom: 0.25rem; aspect-ratio: 1; } @media only screen and (max-width: 991px) { .locked:after { width: 0.75rem; height: 0.75rem; } } sup:not(.info-wrapper > sup) { font-size: 0.33em !important; vertical-align: super; } sup:not(.info-wrapper > sup).reg { font-size: 0.66em !important; top: unset !important; } .tabmenu__page--link sup, .legal__content sup { font-size: 0.50em !important; vertical-align: super; } .tabmenu__page--link sup.reg, .legal__content sup.reg { font-size: 0.80em !important; top: unset !important; } .modal-backdrop { z-index: 1001; } .notification_box { z-index: 1002; } @supports (-webkit-touch-callout: none) { .filter-group__checkbox input:focus, .filter-group__checkbox input:focus-visible { outline: 0; box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #161616 !important; -webkit-box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #161616 !important; } } /* * Adding this base colors here to use them in any plain css file which is not part of less structure. */ :root { --primary-color-blue: #016DFF; --primary-color-black: #161616; --primary-color-white: #FFFFFF; --primary-color-violet: #5D36DA; --primary-color-coral: #FF5240; --primary-color-light-grey: #F3F3F3; --primary-color-dark-grey: #666666; --primary-color-base-black: #000000; --primary-color-light-violet: #9747ff; --bs-btn-hover-color: #FFFFFF; --secondary-color-black-shade1: #A1A1A1; --secondary-color-amber-shade1: #942C00; --old-primary-color-blue: #125687; --old-border-color: #c2c6ca; --warning-icon-color: #FB6330; --success-icon-color: #138468; --info-icon-color: #009DD6; --error-icon-color: #BE061B; --new-banner-icon-color: #7849B8; --info-banners-text-color: #333333; --warning-message-bg-color: #FDECED; --success-message-bg-color: #ECF5F3; --info-message-bg-color: #EBF7FC; --error-message-bg-color: #FDECED; --new-banner-bg-color: #F4F0F9; --error-message-text-color: #BE061B; --error-message-border-color: #BE061B; --error-icon-color-red: #BE061B; --focus-indicator-color-violet: #7B54F8; --focus-indicator-color-yellow: #FFFF75; } /* Block: filter */ .fund-filter .filter { padding: 5.5rem; padding-top: 1.5rem; margin: 0; background-color: #161616; /* Element: rows (3 per row) */ /* Search section (full width) */ } @media only screen and (max-width: 991px) { .fund-filter .filter { padding: 0 1.25rem 4.5rem; } } .fund-filter .filter__container { padding: 2.5rem; background-color: #f3f3f3; } @media only screen and (max-width: 991px) { .fund-filter .filter__container { padding: 2.5rem 0.75rem; } } .fund-filter .filter__header { margin-bottom: 3rem; } .fund-filter .filter__header--title { color: #ffffff; margin-bottom: 1.5rem; } .fund-filter .filter__header--desc { color: #ffffff; } .fund-filter .filter__row { display: flex; flex-wrap: wrap; gap: 1.25rem; margin-bottom: 1.25rem; } @media only screen and (max-width: 991px) { .fund-filter .filter__row { gap: 1.25rem; } } .fund-filter .filter__search { width: 100%; margin-bottom: 2.5rem; } @media only screen and (max-width: 991px) { .fund-filter .filter__search { margin-bottom: 1.25rem; } } .fund-filter .filter__search--container { display: flex; height: 3.5rem; padding: 1rem 1.5rem 1rem 1.5rem; align-items: center; gap: 0.75rem; border: 0.0625rem solid #747474; align-self: stretch; border-radius: 0.25rem; padding-right: 0; } @media only screen and (max-width: 991px) { .fund-filter .filter__search--container { padding: 1rem; padding-right: 0; } } .fund-filter .filter__search--container img { width: 1.5rem; height: 1.5rem; aspect-ratio: 1; } @media only screen and (max-width: 991px) { .fund-filter .filter__search--container img { width: 1rem; height: 1rem; } } .fund-filter .filter__search--input { border: none; width: 100%; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: transparent; } .fund-filter .filter__search--input::placeholder { opacity: .5; } .fund-filter .filter__search--label { display: block; font-weight: 650; margin-bottom: 0.75rem; font-size: 0.875rem; color: #666666; } .fund-filter .filter-group input[type="checkbox"] { border: 0.0625rem solid #666666; border-radius: 0.25rem; position: relative; width: 1.5rem; background: transparent; appearance: none; } .fund-filter .filter-group input[type="checkbox"]:checked::before { width: 1.5rem; height: 1.5rem; content: ""; position: absolute; background-image: url(../../../etc.clientlibs/dynamic/clientlibs/clientlib-site-v2/resources/img/check-icon.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-size: 0.875rem 0.6875rem; border-radius: 0.25rem; background-repeat: no-repeat; left: -0.0625rem; top: -0.0625rem; background-position: 50% 50%; background-color: #016dff; } .fund-filter .filter-group label { margin-bottom: 0; } .fund-filter .filter { /* Block: filter-group */ /* Inputs (generic) */ /* Actions */ } .fund-filter .filter .filter-group { flex: 1 1 calc(32.083%); } @media only screen and (max-width: 991px) { .fund-filter .filter .filter-group { flex: 1 1 100%; } } .fund-filter .filter .filter-group__label { display: block; font-weight: 650; margin-bottom: 0.875rem; font-size: 0.875rem; color: #666666; } .fund-filter .filter .filter-group__checkboxes { display: flex; gap: 1rem; flex-wrap: wrap; } .fund-filter .filter .filter-group__checkbox { display: inline-flex; align-items: center; gap: 0.5rem; color: #666666; font-size: 1.125rem; font-weight: 400; } @media only screen and (max-width: 991px) { .fund-filter .filter .filter-group__checkbox { font-size: 1rem; } } .fund-filter .filter .filter-group__checkbox input { min-width: 1.5rem; height: 1.5rem; } .fund-filter .filter .filter-group__checkbox input[type="checkbox"] { accent-color: #016dff; } .fund-filter .filter select { width: 100%; padding: 0.625rem 0.75rem; border: 1px solid #666666; border-radius: 6px; font-size: 14px; } .fund-filter .filter .filter-actions { display: flex; align-items: center; justify-content: space-between; margin-top: 2.5rem; } @media only screen and (max-width: 991px) { .fund-filter .filter .filter-actions { flex-direction: column; gap: 1.5rem; } } .fund-filter .filter .filter-actions__clear-btn { background: none; border: none; border-radius: 0; font-weight: 650; cursor: pointer; padding: 0.5rem 0; text-decoration: underline; color: #161616; font-size: 1.125rem; } .fund-filter .filter .filter-actions__clear-btn:hover { text-decoration: none; } @media only screen and (max-width: 991px) { .fund-filter .filter .filter-actions__clear-btn { font-size: 1rem; } } .fund-filter .filter .filter-actions__clear-btn.is-hidden { visibility: hidden; pointer-events: none; } @media only screen and (max-width: 991px) { .fund-filter .filter .filter-actions__clear-btn.is-hidden { display: none; } } .fund-filter .filter .filter-actions__submit-btn { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; height: 3rem; padding: 1rem 2rem; font-size: 1.125rem; line-height: 1.75rem; gap: 0.25rem; background-color: #016dff; color: #ffffff; border-radius: 6.25rem; border: 0.0625rem solid #016dff; } .fund-filter .filter .filter-actions__submit-btn:hover { background-color: #161616; color: #ffffff; border-radius: 6.25rem; border-color: #161616; } .fund-filter .filter .filter-actions__submit-btn:disabled { background-color: #f3f3f3; color: #666666; border-radius: 6.25rem; border: 0.0625rem solid #666666; cursor: not-allowed; } @media only screen and (max-width: 991px) { .fund-filter .filter .filter-actions__submit-btn { display: inline-flex; justify-content: center; align-items: center; text-align: center; font-family: 'Roobert'; font-style: normal; font-weight: 650; cursor: pointer; text-decoration: none; transition: background-color 0.3s ease, transform 0.1s ease; font-size: 1rem; line-height: 1.5rem; min-height: 2.5rem; height: auto; padding: 0.35rem 1.5rem; } } .fund-filter .filter .multi-select { position: relative; font-size: 0.875rem; } .fund-filter .filter .multi-select__label { margin-bottom: 0.875rem; font-weight: 650; color: #666666; } .fund-filter .filter .multi-select__toggle { width: 100%; padding: 1.125rem 0.75rem; border: 0.0625rem solid #666666; border-radius: 0.25rem; text-align: left; height: 3.5rem; } @media only screen and (max-width: 991px) { .fund-filter .filter .multi-select__toggle { height: 3rem; display: flex; justify-content: flex-start; gap: 0.3125rem; } } .fund-filter .filter .multi-select__toggle[aria-expanded="true"] .fund-filter .filter .multi-select__chevron { transform: rotate(180deg); } .fund-filter .filter .multi-select__panel { position: absolute; z-index: 40; left: 0; right: 0; margin-top: 4px; background: #ffffff; border: 0.0625rem solid #666666; border-radius: 0.25rem; display: none; max-height: 25rem; } .fund-filter .filter .multi-select__panel[data-open="true"] { display: block; } .fund-filter .filter .multi-select__list { list-style: none; margin: 0; padding: 0.375rem 0; max-height: 25rem; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } .fund-filter .filter .multi-select__option { display: flex; align-items: center; gap: 0.75rem; padding: 1rem 0.3125rem; margin: 0 0.5rem; cursor: pointer; } .fund-filter .filter .multi-select__check { min-width: 1.5rem; height: 1.5rem; accent-color: #016dff; } .fund-filter .filter .multi-select__text { flex: 1; color: #333333; } .fund-filter .filter .multi-select__caret { position: absolute; right: 0.9375rem; } @media only screen and (max-width: 991px) { .fund-filter .filter .multi-select__caret img { width: 1rem; height: 1rem; } } .sr-only-select { position: absolute; width: 0.0625rem; height: 0.0625rem; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } /* RESPONSIVE MIXIN */ .pm-group { padding: 0; margin: 0; } .pm-group p { font-size: 1.75rem; font-weight: 500; line-height: 2.5rem; } .pm-group > div { display: contents; } .bs-row-no-margin { flex-direction: column; } .pm-bio-info .pm-image { margin-bottom: 1rem; background: #f3f3f3; display: flex; justify-content: center; flex-shrink: 0; overflow: clip; } .pm-bio-info .pm-image img { max-height: 10.875rem; } .pm-bio-info { margin-bottom: 2rem; } .pm-bio-info .figure:hover .pm-name { text-decoration: underline; } .pm-bio-info .pm-name { font-size: 1.125rem; font-weight: 650; color: #161616; margin-top: 0; line-height: 1.25; } .pm-bio-info .pm-title { font-size: 1rem; font-weight: 400; line-height: 1.25rem; margin-top: 1rem; margin-bottom: 0; color: #666666; } .pm-group .pm-bio-info a:hover span.pm-name { text-decoration: none; } .pm-group .pm-bio-info a:hover div.pm-image { transform: none; } .bg-host-dark { background: #161616; } .bg-host-dark > div { display: block; } .pm-group--varient-dark { padding: 0 5.5rem; } .pm-group--varient-dark p { margin-top: 4.5rem; margin-bottom: 2.5rem; font-weight: 650; color: #ffffff; } .pm-group--varient-dark .hosttitle { margin-top: 4.5rem; margin-bottom: 2.5rem; font-weight: 650; color: #ffffff; } .pm-group--varient-dark a { text-decoration: none; } .pm-group--varient-dark figure { display: flex; background: rgba(255, 255, 255, 0.1); padding: 1rem; gap: 0.875rem; border-radius: 0.25rem; min-height: 6.5625rem; } @media only screen and (max-width: 991px) { .pm-group--varient-dark figure { background: #393939; } } .pm-group--varient-dark figure:hover .pm-name { text-decoration: underline; } .pm-group--varient-dark figure .pm-image { height: 4rem; width: 4rem; border-radius: 0.25rem; margin: 0; } .pm-group--varient-dark figure .pm-image img { width: 100%; height: 100%; object-fit: cover; } .pm-group--varient-dark figure .figure-caption { display: flex; flex-direction: column; justify-content: center; } .pm-group--varient-dark figure .figure-caption .pm-name { color: #ffffff; font-size: 1.125rem; font-weight: 650; } @media only screen and (max-width: 991px) { .pm-group--varient-dark figure .figure-caption .pm-name { font-size: 1rem; } } .pm-group--varient-dark figure .figure-caption .pm-title { color: #f3f3f3; line-height: normal; font-size: 0.875rem; font-weight: 400; } @media only screen and (max-width: 991px) { .pm-group .pm-bio-info { margin-bottom: 0.5rem; } .pm-bio-info .pm-name { font-size: 1rem; display: block; } .pm-bio-info .pm-image, .pm-bio-info .pm-name { margin-bottom: 0.75rem; } .pm-bio-info .pm-title { margin-top: 0; font-size: 0.875rem; } .pm-bio-info .pm-image img { height: 5.875rem; } .pm-group--varient-dark { padding: 0 1.25rem; } .pm-group--varient-dark p { font-size: 1.375rem; margin-top: 4.5rem; margin-bottom: 1.5625rem; } .pm-group--varient-dark figure { padding: 1.25rem; margin-bottom: 1.25rem; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .pm-group .pm-bio-info { margin-bottom: 0.5rem; } .pm-bio-info .pm-name { font-size: 1rem; display: block; } .pm-bio-info .pm-image, .pm-bio-info .pm-name { margin-bottom: 0.75rem; } .pm-bio-info .pm-title { margin-top: 0; font-size: 0.875rem; } .pm-bio-info .pm-image img { height: 5.875rem; } .pm-group--varient-dark { padding: 0 5.5rem; } .pm-group--varient-dark p { font-size: 1.375rem; margin-top: 4.5rem; margin-bottom: 1.5625rem; } .pm-group--varient-dark figure { padding: 1.25rem; margin-bottom: 1.25rem; } } .form_warning .fa-exclamation-circle, .form_info .fa-exclamation-circle { display: block; position: absolute; left: 13px; font-weight: 800; text-align: center; } .form_warning .fa-exclamation-circle { color: #8D2218 !important; top: 23px; } .form_info .fa-exclamation-circle { color: var(--primary-color-blue); top: 18px; } .btn-link { color: #016DFF; } .form-control { border: 1px solid var(--primary-color-dark-grey); color: var(--primary-color-black); padding: .375rem .75rem; height: 3rem; } a[role="button"] { cursor: pointer; } /* .btn.btn-primary, .btn.btn-light { padding: 12px 15px !important; } */ /* .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-light:hover, .btn.btn-light:focus { background-color: #161616 !important; color: #ffffff !important; } */ .auth_wrapper { background-color: #fff; } .auth_wrapper a:hover { border-bottom: hidden; } .auth_wrapper .forgotUsername-description p { color: #666666; } .auth_wrapper .form_info a, .auth_wrapper .form_warning a { font-weight: 600; color: #161616; border-bottom-color: #161616; } .auth_wrapper h1 { font-size: 1.75rem !important; margin: 0 0 1em 0 !important; } .reg_wrapper .process, .sign_in_wrapper h1, .auth_wrapper h1 { color: #161616; line-height: 1; text-align: left; } .auth_wrapper label { margin-bottom: .25rem; font-size: 0.875rem; color: var(--primary-color-dark-grey); } .auth_wrapper button.btn-light { background-color: #ffffff; border-color: #161616; } .auth_wrapper .form_warning * { font-size: 1rem !important; } .auth_wrapper .form_warning p, .auth_wrapper .error { position: relative; padding-left: 1.4rem; } .auth_wrapper .form_info * { font-size: .94rem !important; } .auth_wrapper .form_info { width: 100%; padding: 15px; background-color: #ECF5F3; color: var(--primary-color-blue); position: relative; } .auth_wrapper .form_info p, .auth_wrapper .error { position: relative; padding-left: 1.4rem; line-height: 1.3rem; } .auth_wrapper input:not(.invalid)+div.error { display: none; } .form_warning p { display: inline-block; margin-top: .5rem; font-size: .9rem; line-height: 1.3; color: #161616; /* black */ } .auth_wrapper div[id^="error"].error { display: inline-block; margin-top: .5rem; font-size: 1rem; line-height: 1.3; color: var(--error-message-text-color); /* red */ } .focus_on_invalid_field { color: #161616 !important; display: block; padding: 0; margin-left: 1.3rem; text-decoration: underline; text-underline-offset: 0.25rem; } .focus_on_invalid_field:hover, .focus_on_invalid_field:focus-visible { text-decoration: none; background-color: transparent; } .auth_wrapper .forgotPassword-description { color: #595959; } #signInWrapper { padding-top: 70px; padding-bottom: 70px; } ._existing-das { margin-top: 29px; } ._existing-das h2 { line-height: 1; font-size: 1.375rem; } ._existing-das span.help-text { font-size: 12.8px; margin-bottom: 10px; } ._existing-das p { margin-bottom: 0; color: #595959; } #captcha-ver2-username { margin-left: 5px !important; } .form_warning .fa-exclamation-circle { display: block; position: absolute; left: 0; color: #8D2218; font-weight: 800; text-align: center; top: 23px; left: 13px; } .form_info .fa-exclamation-circle { display: block; position: absolute; left: 0; color: #016DFF; font-weight: 800; text-align: center; top: 18px; left: 13px; } html, body { font-family: 'Gotham SSm 8r', 'Gotham SSm A', 'Gotham SSm B', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: white; height: 100%; } /* *:focus, a:focus, .btn:focus, .auth_wrapper .form_info:focus { -webkit-box-shadow: 0px 0px 0px 2px var(--primary-color-white), 0px 0px 0px 4px var(--primary-color-light-violet) !important; box-shadow: 0px 0px 0px 2px var(--primary-color-white), 0px 0px 0px 4px var(--primary-color-light-violet) !important; outline: none; } */ a[role="button"] { cursor: pointer; } .auth_wrapper { background-color: #fff; } .auth_wrapper .forgotPassword-description p { color: #666666; font-weight:500; } .auth_wrapper button.btn-light:hover { color: var(--primary-color-blue); border-color: var(--primary-color-blue) !important; } .auth_wrapper .form_info p, .auth_wrapper .error { position: relative; padding-left: 1.4rem; line-height: 1.3rem; } .auth_wrapper input:not(.invalid)+div.error { display: none; } #errorForgotPasswordEmail{ display: none; } .forgot-password a.btn.btn-light.w-100.h-100 { background: white; border: solid 1px #161616; display: flex; align-items: center; justify-content: center; } #captcha-ver2 { margin-left: 5px !important; } #focusOnInvalidRecaptcha { margin-left: 0.8rem !important; } #btnSendResetLink, #btnResetPassword, #btnCancelResetPassword, #formResetPwdLink .btn-secondary { padding: 16px; line-height: normal; font-size: 16px; } .resetPwdBtns .col-6 { display: flex; } /* RESPONSIVE MIXIN */ .legal { border-top: 0.25rem solid #016dff; background-color: #ffffff; padding: 2rem 0; } .legal__container { max-width: 1440px; margin: 0 auto; } .legal__content { margin: 0 5.5rem; } @media only screen and (max-width: 991px) { .legal__content { margin: 2rem 1.25rem; } } .legal__content p { font-size: 0.875rem; color: #666666; line-height: 1.25rem; font-weight: 400; font-style: normal; padding-bottom: 0; } .legal__content p a { color: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; font-style: inherit; text-decoration-line: underline; border-bottom: none; background: none; } .legal__content p a:hover, .legal__content p a:focus { color: #016dff; text-decoration-color: #016dff; outline: none; } /* RESPONSIVE MIXIN */ .featured-funds__container { max-width: 1440px; margin: 0 auto; padding: 0 5.5rem 3rem; } @media only screen and (max-width: 991px) { .featured-funds__container { padding: 0 1.25rem 2rem; } } .featured-funds__title { margin-bottom: 3rem; } @media only screen and (max-width: 991px) { .featured-funds__title { margin-bottom: 2rem; } } .featured-funds__grid { display: grid; gap: 2rem; row-gap: 3rem; min-height: 400px; grid-template-columns: 1fr 1fr; } @media only screen and (max-width: 991px) { .featured-funds__grid { display: flex; flex-direction: column; align-items: center; row-gap: 2rem; } } .featured-funds__card { display: flex; flex-direction: column; } @media only screen and (max-width: 991px) { .featured-funds__card { width: 100%; } } .featured-funds__card--inner { background: #f3f3f3; display: flex; flex-direction: column; height: 100%; } .featured-funds__card--header { background: #016dff; width: 100%; } .featured-funds__card--header h3 { color: #ffffff; padding: 2.5rem 2rem 1.5625rem 2rem; height: 9rem; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .featured-funds__card--header h3 { height: 11.25rem; } } @media only screen and (max-width: 991px) { .featured-funds__card--header h3 { font-size: 1.375rem; height: auto; min-height: 4.938rem; } } .featured-funds__card--body { gap: 4.5rem; margin-bottom: 2.5rem; display: flex; flex-direction: column; flex: 1; } @media only screen and (max-width: 991px) { .featured-funds__card--body { gap: 3.5rem; } } .featured-funds__card--body ul { margin: 0; } .featured-funds__card--description { color: #666666; padding: 2rem 2rem 0 2rem; flex: 1; } @media only screen and (max-width: 991px) { .featured-funds__card--description { width: fit-content; } } .featured-funds__card--cta { color: #161616; text-decoration: underline; display: block; height: auto; margin-left: 2rem; margin-top: auto; width: fit-content; } .featured-funds__card--cta:hover, .featured-funds__card--cta:focus { text-decoration: none; } /* RESPONSIVE MIXIN */ .cmp-dl { padding: 4rem 0rem; background-color: #125687; color: #ffffff; font-family: 'gotham'; } .cmp-dl--eventDetails div { margin-bottom: 8px; max-width: 562px; } .cmp-dl__title, .cmp-dl h3 { font-weight: 700; font-size: 1.375rem !important; line-height: 1.875rem; color: #ffffff; } .cmp-dl__date time { font-weight: 700; font-size: 0.875rem; line-height: 1.375rem; color: #125687; background-color: #ffffff; border-radius: 4px; padding: 2px 5px; } .cmp-dl__eventDesc p { font-weight: 400; font-size: 0.875rem; line-height: 1.375rem; text-shadow: none; } .cmp-dl__cta, .cmp-dl__chevronIcon { font-weight: 700; font-size: 1.125rem; line-height: 1.375rem; color: #ffffff; } .cmp-dl--items { display: flex; flex-wrap: wrap; justify-content: center; gap: 50px; align-items: center; } @media only screen and (max-width: 766px) { .cmp-dl--eventLogo { margin-top: 32px; } } /* RESPONSIVE MIXIN */ .divider__hr { width: 100%; border: 0 none; height: 0.25rem; margin-top: 5.5rem; margin-bottom: 5.5rem; opacity: unset; } @media only screen and (max-width: 991px) { .divider__hr { margin-top: 4.5rem; margin-bottom: 4.5rem; } } .divider__hr--default { background-color: #f3f3f3; } .divider__hr--primary { background-color: #016dff; } .divider__hr--secondary { background-color: #666666; } .divider__hr--dark { background-color: #161616; } .divider__hr--spacer { height: 0; margin-bottom: 0; } .nomargin { margin-top: 0; margin-bottom: 0; } #progressbar .ui-progressbar-value { background-color: #ccc; } /* RESPONSIVE MIXIN */ .cmp-cta__linkText { border-bottom: 1px dotted; } .cmp-cta__linkText:hover { border-bottom-color: transparent; } .cmp-cta__link { display: flex; align-items: center; } .cmp-cta__link:hover { text-decoration: none; } .cmp-cta__link, .cmp-cta__linkIcon { font-weight: 700; font-size: 1.125rem; line-height: 1.375rem; margin-left: 0.625rem; } .cmp-cta__link i, .cmp-cta__linkIcon i { font-style: normal; font-family: 'Font Awesome 5 Pro'; } /* RESPONSIVE MIXIN */ .contentcard { position: relative; margin-bottom: 3rem; } @media only screen and (max-width: 991px) { .contentcard { margin-bottom: 2.5rem; } } .contentcard a { text-decoration: none; display: block; } .contentcard a:hover .contentcard__contents--cta { text-decoration: none; } .contentcard a:hover .contentcard__contents--title { text-decoration: underline; } .contentcard__image { margin-bottom: 1.5rem; } .contentcard__image img { width: 100%; } .contentcard__contents { width: 100%; display: flex; flex-direction: column; row-gap: 1.75rem; height: 11.25rem; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .contentcard__contents { height: 15rem; } } @media only screen and (max-width: 991px) { .contentcard__contents { height: auto; margin-bottom: 1.75rem; } } .contentcard__contents--cta { font-weight: 650; text-decoration: underline; } .contentcard__contents--cta img.lock-icn { width: 1rem; height: 1rem; } @media only screen and (max-width: 991px) { .contentcard__contents--cta img.lock-icn { width: 0.75rem; height: 0.75rem; } } .contentcard__contents.small { height: 4.75rem; } @media only screen and (max-width: 991px) { .contentcard__contents.small { height: auto; } } .contentcard__contents.medium { height: 15rem; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .contentcard__contents.medium { height: 20rem; } } @media only screen and (max-width: 991px) { .contentcard__contents.medium { height: auto; } } .contentcard__contents.large { height: 19.25rem; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .contentcard__contents.large { height: 27.188rem; } } @media only screen and (max-width: 991px) { .contentcard__contents.large { height: auto; } } /* RESPONSIVE MIXIN */ .columncontainer.responsivegrid.aem-GridColumn.aem-GridColumn--default--12 { float: left !important; } .columncontainer__title { max-width: 1440px; margin: 0 auto; padding: 0 5.5rem 3rem; } @media only screen and (max-width: 991px) { .columncontainer__title { padding: 0 1.25rem 2rem; } } .columncontainer__title--text { margin: 0; } .columncontainer__banner--text { max-width: 1440px; margin: 0 auto; padding: 0 5.5rem; } @media only screen and (max-width: 991px) { .columncontainer__banner--text { padding: 0 1.25rem; } } .columncontainer__v3 { max-width: 1440px; margin: 0 auto; display: flex; padding-left: 5.5rem; padding-right: 5.5rem; gap: 2rem; } @media only screen and (max-width: 991px) { .columncontainer__v3 { padding-left: 1.25rem; padding-right: 1.25rem; } } @media only screen and (max-width: 991px) { .columncontainer__v3 { gap: 1.25rem; } } @media only screen and (max-width: 991px) { .columncontainer__v3 { flex-direction: column; gap: 0; } } .columncontainer__v3--column { flex-basis: 0; flex-grow: 1; } .columncontainer .cmp-title, .columncontainer .cmp-text, .columncontainer .button { padding: 0; } .columncontainer .cmp-image { display: flex; justify-content: center; } .columncontainer__containerWrapper > .columncontainer__v3 { max-width: none; padding: 0; } @media only screen and (max-width: 991px) { .columncontainer__containerWrapper > .columncontainer__v3 { padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .columncontainer__containerWrapper > .columncontainer__v3 .video-v3 { padding-inline: 5.5rem; } } .columncontainer__containerWrapper .cmp-text { padding-left: 5.5rem; padding-right: 5.5rem; } @media only screen and (max-width: 991px) { .columncontainer__containerWrapper .cmp-text { padding-left: 1.25rem; padding-right: 1.25rem; } } .columncontainer__containerWrapper .cmp-title { padding-left: 5.5rem; padding-right: 5.5rem; } @media only screen and (max-width: 991px) { .columncontainer__containerWrapper .cmp-title { padding-left: 1.25rem; padding-right: 1.25rem; } } .columncontainer__containerWrapper .cmp-image { padding-left: 5.5rem; padding-right: 5.5rem; } @media only screen and (max-width: 991px) { .columncontainer__containerWrapper .cmp-image { padding-left: 1.25rem; padding-right: 1.25rem; } } .columncontainer__containerWrapper .experiencefragment .cmp-text { padding-left: 0; padding-right: 0; } .columncontainer__containerWrapper .columncontainer .cmp-text { padding-left: 0; padding-right: 0; padding-bottom: 2.5rem; } @media only screen and (max-width: 991px) { .columncontainer__containerWrapper .columncontainer .cmp-text { padding-bottom: 0; } } .columncontainer__containerWrapper .columncontainer .cmp-image { padding-left: 0; padding-right: 0; } .columncontainer__containerWrapper .columncontainer .cmp-title { padding-left: 0; padding-right: 0; } .columncontainer__containerWrapper .columncontainer .featured-funds__container { padding-left: 0; padding-right: 0; } .columncontainer__containerWrapper .columncontainer .cmp-accordion { padding-left: 0; padding-right: 0; } .columncontainer__containerWrapper .columncontainer .multiline-grid__container { padding-left: 0; padding-right: 0; } .columncontainer__containerWrapper .columncontainer .assetlist .icon-list { padding-left: 0; padding-right: 0; } .columncontainer__containerWrapper .columncontainer__banner--text .cmp-text { padding-left: 0; padding-right: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .columncontainer .banner .columncontainer__v3 { flex-direction: column; gap: 0; } } .columncontainer .banner .cmp-text { padding-bottom: 0; } @media only screen and (max-width: 991px) { .columncontainer .banner .cmp-text { margin-top: 2rem; margin-bottom: 1.75rem; } } .columncontainer .banner .cmp-text h1, .columncontainer .banner .cmp-text h2 { margin-bottom: 2rem; } @media only screen and (max-width: 991px) { .columncontainer .banner .cmp-text h1, .columncontainer .banner .cmp-text h2 { margin-bottom: 1.5rem; } } .columncontainer .banner .button { margin-bottom: 3rem; } @media only screen and (max-width: 991px) { .columncontainer .banner .button { margin-bottom: 3.25rem; } } .columncontainer .padding-top { padding-top: 5.5rem; } @media only screen and (max-width: 991px) { .columncontainer .padding-top { padding-top: 2.5rem; } } .columncontainer .padding-bottom { padding-bottom: 3rem; } @media only screen and (max-width: 991px) { .columncontainer .padding-bottom { padding-bottom: 1.25rem; } } .columncontainer .padding-center { padding-left: 162px; padding-right: 162px; } @media only screen and (max-width: 991px) { .columncontainer .padding-center { padding-left: 0; padding-right: 0; } } .cmp-accordion .columncontainer__cmp > * { padding-left: 0; padding-right: 0; } .columncontainer .fixedIncomeHeader { color: #000000; } .columncontainer .fixedIncomeSubTitle { color: #666666; font-weight: 300; } @media only screen and (max-width: 991px) { .columncontainer .fixedIncomeSubTitle { font-size: 1.25rem; } } /* RESPONSIVE MIXIN */ /* Primary carousel wrapper */ .dynamic-carousel { position: relative; width: 100%; float: unset !important; clear: both !important; /* Carousel actions container */ /* Consolidated action button styles */ } .dynamic-carousel .cmp-carousel__actions button { position: absolute; top: 30rem; transform: translateY(-50%); } .dynamic-carousel .cmp-carousel__actions button:focus-visible { border-radius: 100%; outline: 0; } @media only screen and (max-width: 991px) { .dynamic-carousel .cmp-carousel__actions button { top: 13.25rem; } } .dynamic-carousel .cmp-carousel__action { background: #ffffff; padding: 0; border-radius: 50%; width: 3rem; height: 3rem; z-index: 1; border: 0.0625rem solid #161616; /* Icon sizing */ /* Visually-hidden text for accessibility */ /* Positioning for prev/next/play/pause variants */ /* Hide nav on mobile */ /* Play / Pause positioning */ /* Pause state adjustments */ /* Play state adjustments */ } @media only screen and (max-width: 991px) { .dynamic-carousel .cmp-carousel__action { width: 2.625rem; height: 2.625rem; } } .dynamic-carousel .cmp-carousel__action:hover { border: 0.0625rem solid #ffffff; background-color: #016dff; } .dynamic-carousel .cmp-carousel__action-icon { width: 3rem; height: 3rem; } @media only screen and (max-width: 991px) { .dynamic-carousel .cmp-carousel__action-icon { width: 2.625rem; height: 2.625rem; } } .dynamic-carousel .cmp-carousel__action-text { position: absolute; width: 0.0625rem; height: 0.0625rem; margin: -0.0625rem; border: 0; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); } .dynamic-carousel .cmp-carousel__action--previous { left: calc(50% - 160px); } .dynamic-carousel .cmp-carousel__action--previous .cmp-carousel__action-icon { background: url('../../../etc.clientlibs/dynamic/clientlibs/clientlib-site-v2/resources/img/chevron-left.svg') no-repeat center center; border-radius: 100%; } .dynamic-carousel .cmp-carousel__action--previous:hover .cmp-carousel__action-icon { background: url('../../../etc.clientlibs/dynamic/clientlibs/clientlib-site-v2/resources/img/chevron-left-white.svg') no-repeat center center; border-radius: 100%; } .dynamic-carousel .cmp-carousel__action--next { right: calc(50% - 180px); } .dynamic-carousel .cmp-carousel__action--next .cmp-carousel__action-icon { background: url('../../../etc.clientlibs/dynamic/clientlibs/clientlib-site-v2/resources/img/chevron-right-black.svg') no-repeat center center; border-radius: 100%; } .dynamic-carousel .cmp-carousel__action--next:hover .cmp-carousel__action-icon { background: url('../../../etc.clientlibs/dynamic/clientlibs/clientlib-site-v2/resources/img/chevron-right-white.svg') no-repeat center center; border-radius: 100%; } @media only screen and (max-width: 991px) { .dynamic-carousel .cmp-carousel__action--previous, .dynamic-carousel .cmp-carousel__action--next { display: none !important; } } .dynamic-carousel .cmp-carousel__action--pause, .dynamic-carousel .cmp-carousel__action--play { bottom: 6.875rem; left: calc(50% - (3.125rem / 2)); } .dynamic-carousel .cmp-carousel__action--pause-icon { margin-top: -0.125rem; margin-left: 0.125rem; } .dynamic-carousel .cmp-carousel__action--pause-icon:before { content: "\f04c"; } .dynamic-carousel .cmp-carousel__action--play-icon { margin-top: -0.1875rem; margin-left: 0.25rem; } .dynamic-carousel .cmp-carousel__action--play-icon:before { content: "\f04b"; } .dynamic-carousel .cmp-carousel__action--disabled { display: none; } /* Core component namespaced styles */ .cmp-carousel { /* Indicators container */ /* Individual indicator */ /* Video element sizing / object-fit */ /* Hero blocks */ /* Item-level video wrapper sizing */ } .cmp-carousel__indicators { position: absolute; width: 100%; top: 29.5rem; display: flex; justify-content: center; align-items: center; } @media only screen and (max-width: 991px) { .cmp-carousel__indicators { position: static; margin-top: 1rem; text-align: center; } } .cmp-carousel__indicator { border: 0.0625rem solid #ffffff; background-color: transparent; height: 0.75rem; width: 0.75rem; margin: 0 0.5625rem; display: inline-block; vertical-align: middle; cursor: pointer; border-radius: 100%; } .cmp-carousel__indicator:hover { background-color: #ffffff; border-color: #ffffff; } .cmp-carousel__indicator--active { background-color: #ffffff; border: none !important; } .cmp-carousel__indicator:focus { outline: 0; } @media only screen and (max-width: 991px) { .cmp-carousel__indicator { border: 0.0625rem solid #161616; background-color: #ffffff; } .cmp-carousel__indicator:hover { background-color: #161616; } .cmp-carousel__indicator--active { background-color: #161616; border: 0.0625rem solid #161616; } } .cmp-carousel .video-element { width: 100%; object-fit: cover; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .cmp-carousel .video-element { height: 100%; object-fit: cover; } } .cmp-carousel .cmp-hb__v1, .cmp-carousel .cmp-hb__v2 { height: 32.75rem; } @media only screen and (max-width: 991px) { .cmp-carousel .cmp-hb__v1, .cmp-carousel .cmp-hb__v2 { height: auto; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .cmp-carousel .cmp-hb__v1, .cmp-carousel .cmp-hb__v2 { height: 32.75rem; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .cmp-carousel .cmp-hb__v1, .cmp-carousel .cmp-hb__v2 { height: 23.0625rem; object-fit: cover; } } .cmp-carousel .cmp-hb__v1-image, .cmp-carousel .cmp-hb__v2-image { height: 32.75rem; } @media only screen and (max-width: 991px) { .cmp-carousel .cmp-hb__v1-image, .cmp-carousel .cmp-hb__v2-image { height: 16.5625rem; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .cmp-carousel .cmp-hb__v1-image, .cmp-carousel .cmp-hb__v2-image { height: 16.1875rem; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .cmp-carousel .cmp-hb__v1-image, .cmp-carousel .cmp-hb__v2-image { height: 23.0625rem; float: right; } } .cmp-carousel__item .video-component { height: 32.75rem; max-width: 1440px; margin: 0 auto; } .cmp-carousel__item.cmp-carousel__item--active { display: block; z-index: 2; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .cmp-carousel .cmp-hb__v1-wrapper-content, .cmp-carousel .cmp-hb__v2-wrapper-content { padding-left: 7.1875rem; } } /* Hide the carousel item containing the video on small screens (keeps original intent) */ @media only screen and (max-width: 991px) { .cmp-carousel__item:has(.video) { display: none; } } div.editor-outline { border: solid 2px #aaaaaa; margin-top: -22px; } div.editor-outline div.editor-outline__label { color: #aaaaaa; text-align: center; } /* RESPONSIVE MIXIN */ .card-group { margin-bottom: 3rem; } @media only screen and (max-width: 991px) { .card-group { margin-bottom: 1.25rem; } } .card-group__cmp { width: 100%; display: flex; gap: 0 2rem; padding: 2.5rem; border: 0.09375rem solid #f3f3f3; background: #ffffff; text-decoration: none; height: 21.875rem; } @media only screen and (max-width: 991px) { .card-group__cmp { padding: 2.5rem 2rem; height: auto; flex-direction: column-reverse; } } .card-group__cmp:hover .card-group__label { text-decoration: none; } .card-group__content { display: flex; flex-direction: column; justify-content: space-between; } .card-group__wrapper { display: flex; flex-direction: column; flex-wrap: wrap; row-gap: 1.5rem; } @media only screen and (max-width: 991px) { .card-group__wrapper { row-gap: 0; } } .card-group__label { font-weight: 650; text-decoration: underline; } .card-group__image { width: 10.5rem; flex-shrink: 0; margin-left: auto; } @media only screen and (max-width: 991px) { .card-group__image { width: 6rem; margin-left: 0; margin-bottom: 2rem; } } .card-group a:hover { background-color: #ffffff; border-bottom: 0.09375rem solid #f3f3f3; } .card-group__title { font-size: 1.75rem; line-height: 2.25rem; font-weight: 650; } .card-group__title--icon { font-size: 1.125rem; line-height: 1.75rem; } @media only screen and (max-width: 991px) { .card-group__title--icon { font-size: 1rem; line-height: 1.5rem; margin-bottom: 1.25rem; } } @media only screen and (max-width: 991px) { .card-group__title { font-size: 1.375rem; line-height: 1.75rem; margin-bottom: 1.25rem; } } .card-group__description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; text-overflow: ellipsis; } .card-group__description--icon { font-size: 0.875rem; line-height: 1.25rem; } @media only screen and (max-width: 991px) { .card-group__description--icon { margin-bottom: 1.25rem; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .card-group__description--icon { display: none; } } @media only screen and (max-width: 991px) { .card-group__description { margin-bottom: 1.25rem; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .card-group__description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-overflow: ellipsis; } } .card-group__icon { height: 16.25rem; padding: 1.5rem; border: 0.0625rem solid #f3f3f3; box-shadow: 0 0.25rem 0.625rem 0 rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 991px) { .card-group__icon { padding: 1.5rem 1.25rem; height: auto; flex-direction: column-reverse; } } .card-group__icon.no-dec { height: 13.5rem; } @media only screen and (max-width: 991px) { .card-group__icon.no-dec { padding: 1.5rem 1.25rem; height: auto; flex-direction: column-reverse; } } .card-group .locked::after { display: none; } .card-group .lock-icn { margin-left: 0.75rem; width: 1rem; height: 1rem; } @media only screen and (max-width: 991px) { .card-group .lock-icn { width: 0.75rem; height: 0.75rem; } } /* RESPONSIVE MIXIN */ .trending { font-style: normal; box-sizing: border-box; -webkit-font-smoothing: antialiased; position: relative; padding: 0 0 2.5rem; } .trending__container { max-width: 1440px; margin: 0 auto; padding: 0 5.5rem; } @media only screen and (max-width: 991px) { .trending__container { padding: 0 1.25rem; } } .trending__header { margin-bottom: 3rem; } @media only screen and (max-width: 991px) { .trending__header { margin-bottom: 1.75rem; } } .trending__header > .trending__container { display: block; } .trending__header:not(:has(.trending__heading:not(:empty))) { display: none; } .trending__heading { margin: 0; font-size: 3rem; color: #161616; font-weight: 500; line-height: 1.5; line-height: 3.5rem; } .trending__carousel { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; padding: 0 1.25rem 3rem; max-width: 1440px; margin: 0 auto; } .trending__track-wrapper { width: 100%; min-width: 0; overflow: hidden; display: block; position: relative; padding: 0; margin: 0 auto; } .trending__track { display: flex; list-style: none; padding: 0; margin: 0; will-change: transform; align-items: center; flex-direction: row; width: 100%; min-width: 0; transition: none; justify-content: flex-start; } .trending__card { box-sizing: border-box; flex: 0 0 100%; padding: 0; display: flex; justify-content: center; min-width: 0; visibility: visible; margin: 0 0 1.25rem 0; } .trending__link { display: flex; width: 100%; max-width: 1440px; margin: 0; background: #ffffff; overflow: hidden; text-decoration: none; color: inherit; align-items: stretch; height: 19.25rem; padding: 0; } .trending__link:hover .trending__title { text-decoration: underline; } .trending__link:hover .trending__cta { text-decoration: none; } .trending__media { position: relative; flex: 0 0 50%; max-width: 50%; overflow: hidden; background: #f3f3f3; display: flex; align-items: center; justify-content: center; height: 100%; } .trending__media:focus-visible { box-shadow: none !important; -webkit-box-shadow: none !important; outline: none !important; } .trending__media:focus-visible::after { content: ""; position: absolute; top: 0.3125rem; bottom: 0.3125rem; left: 0.3125rem; right: 0.3125rem; box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #161616; } .trending__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 220ms ease, filter 220ms ease; object-position: 1%; } @media only screen and (max-width: 991px) { .trending__media img { object-position: 1%; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .trending__media img { object-position: 10% 50%; } } @media (min-width: 430px) and (max-width: 767px) { .trending__media img { object-position: 1% 85%; } } .trending__media-icon { position: absolute; top: 0; right: 0; width: 2rem; height: 2rem; display: none; align-items: center; justify-content: center; background: #161616; } .trending__media-icon img { width: 1rem; height: 1rem; display: block; object-fit: contain; } .trending__content { padding: 1.25rem 0 0.75rem 2rem; flex: 0 0 43%; max-width: 43%; display: flex; flex-direction: column; justify-content: center; min-width: 0; margin-right: 0; color: #161616; } .trending__meta { font-size: 0.875rem; color: #666666; font-weight: 400; line-height: 1.5; display: flex; gap: 2rem; margin: 0; } .trending__title { font-size: 1.75rem; color: #161616; font-weight: 500; line-height: 1.5; margin: 0; margin-top: 1.125rem; line-height: 2.25rem; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width: 767px) { .trending__title--link { margin-left: 0.25rem; } } .trending__desc { font-size: 1.125rem; color: #666666; font-weight: 400; line-height: 1.5; line-height: 1.75rem; margin: 0; margin-top: 1.875rem; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .trending__extra-desc { display: none; font-size: 0.875rem; color: #666666; font-weight: 650; line-height: 1.5; line-height: 1.375rem; margin: 0 0 0.75rem 0; overflow: hidden; } .trending__actions { display: flex; align-items: center; gap: 2rem; margin-top: 1rem; } .trending__cta { font-size: 1.125rem; color: #016dff; font-weight: 650; line-height: 1.5; line-height: 1.75rem; cursor: pointer; padding: 0; margin: 0; background: none; border: none; text-decoration: underline; margin-left: 0.0625rem; margin-bottom: 0.1875rem; display: flex; align-items: center; gap: 4px; } @media only screen and (max-width: 767px) { .trending__cta { margin-left: 0.25rem; } } .trending__cta:hover { text-decoration: underline; } .trending__share { width: 1.125rem; height: 1.125rem; object-fit: contain; cursor: pointer; padding: 0; margin: 0; background: none; border: none; } .trending__nav { background: #ffffff; border: 1px solid #161616; width: 3rem; height: 3rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #161616; cursor: pointer; padding: 0; margin: 0 0.75rem; z-index: 5; flex-shrink: 0; } @media (min-width: 768px) and (max-width: 991px) { .trending__nav { display: none; } } .trending__nav img, .trending__nav svg { width: 1rem; height: 1rem; flex-shrink: 0; } .trending__nav:hover { background-color: #016dff; border: 0.0625rem solid #016dff; } .trending__dots { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; display: flex; gap: 0.5rem; align-items: center; justify-content: center; z-index: 2; } .trending__dot { width: 0.75rem; height: 0.75rem; background: #ffffff; border: 1.5px solid #161616; border-radius: 50%; cursor: pointer; display: inline-block; padding: 0; margin: 0.25rem; flex-shrink: 0; } .trending__dot:hover { background-color: #161616; } .trending__dot.is-active { background: #161616; outline-offset: 0; border-radius: 50%; } @media only screen and (max-width: 991px) { .trending__dot { flex-shrink: 0; } } @media only screen and (max-width: 767px) { .trending { padding: 0; } .trending__header { margin-top: 0; } .trending__container { padding: 0 1.25rem; } .trending__track-wrapper { padding: 0; } .trending__carousel { padding-bottom: 2.75rem; padding-top: 0; } .trending__heading { font-size: 1.75rem; color: #161616; font-weight: 500; line-height: 1.5; } .trending__track { flex-direction: row; align-items: stretch; justify-content: flex-start; gap: 0; } .trending__card { padding: 0; justify-content: center; width: 100%; max-width: 100%; } .trending__link { flex-direction: column; width: 100%; max-width: none; margin: 0; height: auto; min-height: 10.5rem; padding: 0; overflow: hidden; } .trending__media { width: 100%; max-width: 100%; flex: 0 0 auto; height: 10.5rem; display: block; } .trending__media img { width: 100%; height: 100%; object-fit: cover; display: block; } .trending__media-icon { top: 0; right: 0; width: 2rem; height: 2rem; display: none; } .trending__content { padding: 1.5rem 1.25rem 1.5rem 0; order: 1; width: 95%; max-width: 100%; margin-right: 0; } .trending__title { font-size: 1.375rem; color: #161616; font-weight: 650; line-height: 1.5; margin-top: 1rem; } .trending__desc { font-size: 1rem; color: #666666; font-weight: 400; line-height: 1.5; line-height: 1.5rem; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 1.75rem; } .trending__actions { margin-top: 1.75rem; } .trending__nav { display: none; } .trending__dots { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0.75rem; margin: 0; z-index: 2; } .trending.trending--single:not(.trending--vertical) .trending__card > .trending__link { flex-direction: column; padding: 0; width: 100%; height: auto; } .trending.trending--single:not(.trending--vertical) .trending__media { width: 100%; max-width: 100%; flex: 0 0 auto; height: 10.5rem; } .trending.trending--single:not(.trending--vertical) .trending__media img { height: 100%; } .trending.trending--single:not(.trending--vertical) .trending__content { width: 100%; max-width: 100%; padding: 1rem 1rem 1.25rem 0; margin-right: 0; } .trending.trending--single:not(.trending--vertical) .trending__extra-desc { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #161616; } .trending.trending--single:not(.trending--vertical) .trending__extra-desc .trending__extra-meta { display: inline-block; margin-right: 0.375rem; color: #666666; } .trending.trending--single:not(.trending--vertical) .trending__extra-desc .trending__extra-meta::after { content: ":"; } .trending.trending--single:not(.trending--vertical) .trending__nav, .trending.trending--single:not(.trending--vertical) .trending__dots { display: none; } } .trending.trending--vertical .trending__content { width: 90%; flex: 0 0 auto; max-width: 100%; padding: 24px 0 0; } .trending.trending--vertical .trending__extra-desc { display: block; color: #161616; } .trending.trending--vertical .trending__extra-desc .trending__extra-meta { font-size: 0.875rem; color: #666666; font-weight: 400; line-height: 1.5; display: inline-block; margin-right: 0.375rem; } .trending.trending--vertical .trending__extra-desc .trending__extra-meta::after { content: ":"; } .trending.trending--vertical .trending__media .trending__media-icon, .trending.trending--vertical .trending__media-icon--vertical { display: inline-flex; } .trending.trending--vertical .trending__card > .trending__link { flex-direction: column; align-items: stretch; height: auto; padding: 0.75rem 0; max-width: none; width: 100%; margin: 0; } .trending.trending--vertical .trending__card .trending__media { width: 100%; flex: 0 0 auto; height: 11.25rem; display: block; } .trending.trending--vertical .trending__card .trending__media img { width: 100%; height: 100%; object-fit: cover; display: block; } @media only screen and (max-width: 991px) { .trending.trending--vertical .trending__card .trending__media img { object-position: 1%; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .trending.trending--vertical .trending__card .trending__media img { object-position: 10% 50%; } } @media (min-width: 430px) and (max-width: 767px) { .trending.trending--vertical .trending__card .trending__media img { object-position: 1% 85%; } } .trending.trending--vertical .trending__card { margin: 0; padding: 0; } .trending.trending--vertical.trending--carousel-inactive .trending__track-wrapper { overflow: visible; } .trending.trending--vertical.trending--carousel-inactive .trending__track { display: grid; grid-template-columns: 1fr; gap: 1.25rem; } .trending.trending--vertical.trending--carousel-inactive .trending__card { display: block; padding: 0; margin-bottom: 0; } .trending.trending--vertical.trending--carousel-inactive .trending__card > .trending__link { margin: 0; } .trending.trending--vertical.trending--carousel-inactive .trending__nav, .trending.trending--vertical.trending--carousel-inactive .trending__dots { display: none; } .trending.trending--vertical.trending--carousel-inactive .trending__dot { width: 0.75rem; height: 0.75rem; } @media only screen and (max-width: 991px) { .trending.trending--vertical.trending--carousel-inactive .trending__dot { width: 0.5rem; height: 0.5rem; } } @media only screen and (max-width: 991px) { .trending.trending--vertical.trending--carousel-inactive .trending__cta { font-size: 1rem; } } @media (min-width: 62rem) { .trending.trending--vertical.trending--carousel-inactive .trending__track { grid-template-columns: repeat(3, minmax(13.75rem, calc(32.5%))); justify-content: center; } } .trending.trending--vertical.trending--carousel-inactive.trending--three { padding-bottom: 0; } .trending.trending--vertical.trending--carousel-inactive.trending--three .trending__carousel { padding: 0; } .trending.trending--vertical.trending--carousel-inactive.trending--three .trending__track-wrapper { padding-left: 5.5rem; padding-right: 5.5rem; place-items: center; } @media only screen and (max-width: 991px) { .trending.trending--vertical.trending--carousel-inactive.trending--three .trending__track-wrapper { padding-left: 1.25rem; padding-right: 1.25rem; } } .trending.trending--vertical.trending--carousel-inactive.trending--three .trending__meta { margin-top: 1rem; } .trending.trending--vertical.trending--carousel-inactive.trending--three .trending__title--link { display: block; margin-left: 0.25rem; } .trending.trending--vertical.trending--carousel-inactive.trending--three h4.trending__title { margin-top: 1rem; font-size: 1.75rem; color: #161616; font-weight: 650; line-height: 1.5; line-height: 2.25rem; } .trending.trending--vertical.trending--carousel-inactive.trending--three .trending__track { display: grid; grid-template-columns: repeat(3, minmax(13.75rem, 1fr)); gap: 2rem; justify-content: flex-start; align-items: start; } .trending.trending--vertical.trending--carousel-inactive.trending--three .trending__card { display: block; padding: 0; margin: 0; } .trending.trending--vertical.trending--carousel-inactive.trending--three .trending__card > .trending__link { display: flex; flex-direction: column; align-items: stretch; height: auto; padding: 0; width: 100%; } .trending.trending--vertical.trending--carousel-inactive.trending--three .trending__card .trending__media, .trending.trending--vertical.trending--carousel-inactive.trending--three .trending__card .trending__content { max-width: none; width: 100%; flex: 0 0 auto; } .trending.trending--vertical.trending--carousel-inactive.trending--three .trending__content { padding-right: 1.25rem; } .trending.trending--vertical.trending--carousel-inactive.trending--three .trending__card .trending__desc, .trending.trending--vertical.trending--carousel-inactive.trending--three .trending__card .trending__extra-desc { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0; } .trending.trending--vertical.trending--carousel-inactive.trending--three .trending__extra-meta { font-weight: 400; color: #666666; } .trending.trending--vertical.trending--carousel-inactive.trending--three .trending__extra-meta::after { content: ":"; } .trending.trending--vertical.trending--carousel-inactive.trending--three .trending__card .trending__media { height: 12.5rem; overflow: hidden; display: block; } .trending.trending--vertical.trending--carousel-inactive.trending--three .trending__card .trending__media img { width: 100%; height: 100%; object-fit: cover; display: block; } @media only screen and (max-width: 991px) { .trending.trending--vertical.trending--carousel-inactive.trending--three .trending__card .trending__media img { object-position: 1%; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .trending.trending--vertical.trending--carousel-inactive.trending--three .trending__card .trending__media img { object-position: 10% 50%; } } @media (min-width: 430px) and (max-width: 767px) { .trending.trending--vertical.trending--carousel-inactive.trending--three .trending__card .trending__media img { object-position: 1% 85%; } } .trending.trending--vertical.trending--carousel-inactive.trending--three .trending__card .trending__content { box-sizing: border-box; display: block; } .trending.trending--vertical.trending--carousel-inactive.trending--three .trending__desc { font-size: 0.875rem; color: #666666; font-weight: 400; line-height: 1.5; line-height: 1.25rem; margin-top: 1.75rem; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .trending.trending--vertical.trending--carousel-inactive.trending--three .trending__extra-desc { margin-top: 1.5rem; font-size: 0.875rem; color: #161616; font-weight: 650; line-height: 1.5; } .trending.trending--vertical.trending--carousel-inactive.trending--three .trending__actions { margin-left: 0.1875rem; margin-bottom: 0.1875rem; } .trending.trending--vertical.trending--carousel-inactive.trending--three .trending__nav, .trending.trending--vertical.trending--carousel-inactive.trending--three .trending__dots { display: none; } .trending.trending--vertical.trending--carousel-active .trending__track-wrapper { padding-left: 0; padding-right: 0; overflow: hidden; min-width: 0; } .trending.trending--vertical.trending--carousel-active .trending__title { font-weight: 650; } .trending.trending--vertical.trending--carousel-active .trending__track { display: flex; flex-direction: row; align-items: stretch; justify-content: flex-start; gap: 0; padding: 0; margin: 0; width: auto; } .trending.trending--vertical.trending--carousel-active .trending__content { width: 90%; padding-left: 0.25rem; padding-bottom: 0.1875rem; } .trending.trending--vertical.trending--carousel-active .trending__card { margin: 0; padding: 0; } .trending.trending--vertical.trending--carousel-active .trending__card > .trending__link { width: 100%; max-width: none; margin: 0; padding: 0; } .trending.trending--vertical.trending--carousel-active .trending__card .trending__media, .trending.trending--vertical.trending--carousel-active .trending__card { width: 100%; max-width: 100%; flex: 0 0 auto; } .trending.trending--vertical.trending--carousel-active .trending__desc { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #666666; } .trending.trending--vertical.trending--carousel-active .trending__card .trending__extra-desc { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0; color: #161616; } .trending.trending--vertical.trending--carousel-active .trending__desc { font-size: 0.875rem; color: #666666; font-weight: 400; line-height: 1.5; line-height: 1.25rem; margin-top: 1.75rem; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .trending.trending--vertical.trending--carousel-active .trending__extra-desc { margin-top: 1.5rem; color: #161616; font-size: 0.875rem; color: #666666; font-weight: 650; line-height: 1.5; } .trending.trending--vertical.trending--carousel-active .trending__extra-desc .trending__extra-meta { font-size: 0.875rem; color: #666666; font-weight: 400; line-height: 1.5; display: inline-block; margin-right: 0.375rem; } .trending.trending--vertical.trending--carousel-active .trending__extra-desc .trending__extra-meta::after { content: ":"; } .trending.trending--vertical.trending--carousel-active .trending__dots .trending__dot { width: 0.75rem; height: 0.75rem; } @media only screen and (max-width: 991px) { .trending.trending--vertical.trending--carousel-active .trending__dots .trending__dot { width: 0.5rem; height: 0.5rem; } } @media only screen and (max-width: 991px) { .trending.trending--vertical.trending--carousel-active .trending__cta { font-size: 1rem; } } .trending.trending--vertical.trending--carousel-active .trending__card .trending__media .trending__media-icon { width: 2rem; height: 2rem; } @media only screen and (min-width: 768px) { .trending.trending--vertical.trending--carousel-active .trending__track-wrapper { padding: 0; } .trending.trending--vertical.trending--carousel-active .trending__track { justify-content: center; align-items: stretch; padding: 0; } .trending.trending--vertical.trending--carousel-active .trending__card { flex: 0 0 auto; margin: 0; } .trending.trending--vertical.trending--carousel-active .trending__card > .trending__link { width: 100%; height: auto; margin: 0; } } @media only screen and (min-width: 992px) { .trending.trending--vertical.trending--carousel-active .trending__card { max-width: 30rem; } } .trending.trending--single .trending__carousel { padding: 0 5.5rem; } @media only screen and (max-width: 991px) { .trending.trending--single .trending__carousel { padding: 1rem 1.25rem; } } .trending.trending--single .trending__track-wrapper { overflow: visible; padding: 0; } .trending.trending--single .trending__track { display: block; } .trending.trending--single .trending__card { display: block; width: 100%; padding: 0; margin-bottom: 0; } .trending.trending--single .trending__card > .trending__link { max-width: 1440px; margin: 0; height: 19.25rem; display: flex; flex-direction: row; } .trending.trending--single .trending__media { flex: 0 0 50%; max-width: 50%; height: 100%; } .trending.trending--single .trending__media img { height: 100%; object-fit: cover; } @media only screen and (max-width: 991px) { .trending.trending--single .trending__media img { object-position: 1%; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .trending.trending--single .trending__media img { object-position: 10% 50%; } } @media (min-width: 430px) and (max-width: 767px) { .trending.trending--single .trending__media img { object-position: 1% 85%; } } .trending.trending--single .trending__content { flex: 0 0 50%; max-width: 50%; padding: 1.125rem; } .trending.trending--single .trending__nav, .trending.trending--single .trending__dots { display: none; } .trending--dark { background: #161616; color: #ffffff; padding-top: 5.5rem; } @media only screen and (max-width: 991px) { .trending--dark { padding-top: 4.5rem; } } .trending--dark .trending__heading { color: #ffffff; } .trending--dark .trending__nav { background: transparent; border: 1px solid #ffffff; } .trending--dark .trending__nav:hover { background-color: #016dff; border: 0.0625rem solid #016dff; } .trending--dark .trending__nav .trending__nav-icon { filter: none; } .trending--dark .trending__media { border: 1px solid #747474; } .trending--dark .trending__media:-webkit-any-link:focus-visible { outline: 0.1875rem solid #ffffff; box-shadow: none !important; -webkit-box-shadow: none !important; } .trending--dark .trending__link { color: #ffffff; background: #161616; } .trending--dark .trending__link:hover .trending__title { text-decoration: underline; } .trending--dark .trending__link:hover .trending__cta { text-decoration: none; } .trending--dark .trending__content { background-color: #161616; } .trending--dark .trending__content .trending__meta, .trending--dark .trending__content .trending__date, .trending--dark .trending__content .trending__time, .trending--dark .trending__content .trending__extra-meta { color: #ffffff; } .trending--dark .trending__content .trending__title { color: #ffffff; } .trending--dark .trending__content .trending__desc, .trending--dark .trending__content .trending__extra-desc { color: #ffffff; } .trending--dark .trending__actions .trending__cta { color: #ffffff; background: transparent; text-decoration: underline; } .trending--dark .trending__actions .trending__cta:hover { background: transparent; text-decoration: none; } .trending--dark .trending__dots { background: transparent; } .trending--dark .trending__dot { border: 1.5px solid #ffffff; background: transparent; } .trending--dark .trending__dot:hover { background-color: #ffffff; border: 1.5px solid #161616; } .trending--dark .trending__dot.is-active { background-color: #ffffff; } @media (max-width: 767px) { .trending.event .trending__desc { font-size: 0.875rem; } .trending.event .trending__extra-desc { margin-bottom: 0; margin-top: 1.5rem; } } @media (min-width: 768px) and (max-width: 991px) { .trending.event .trending__card > .trending__link { max-height: 12.5rem; } .trending.event .trending__media { max-width: 25rem; max-height: 12.5rem; } .trending.event .trending__content { padding: 0 0 0 2.5rem; justify-content: space-between; flex-basis: auto; max-width: 50%; } .trending.event .trending__title { font-weight: 650; margin-top: 0; } .trending.event .trending__desc { font-size: 0.875rem; margin-top: 0.75rem; line-height: 1.25rem; } .trending.event .trending__extra-desc { display: block; margin-bottom: 0; } .trending.event .trending__actions { margin-top: 0.625rem; } } @media (min-width: 992px) and (max-width: 1200px) { .trending.event .trending__card > .trending__link { max-height: 12.5rem; } .trending.event .trending__media { max-width: 25rem; max-height: 12.5rem; } .trending.event .trending__content { padding: 0 0 0 2.5rem; justify-content: flex-start; flex-basis: auto; max-width: 50%; } .trending.event .trending__title { font-weight: 650; margin-top: 1rem; } .trending.event .trending__desc { font-size: 0.875rem; margin-top: 1.5rem; line-height: 1.25rem; } .trending.event .trending__actions { margin-top: auto; margin-bottom: 0.25rem; } } @media (min-width: 1201px) { .trending.event .trending__card > .trending__link { max-height: 12.5rem; } .trending.event .trending__media { max-width: 25rem; max-height: 12.5rem; } .trending.event .trending__content { padding: 0 0 0 2.5rem; justify-content: flex-start; flex-basis: auto; max-width: 60%; } .trending.event .trending__title { font-weight: 650; margin-top: 1rem; } .trending.event .trending__desc { font-size: 0.875rem; margin-top: 1.5rem; line-height: 1.25rem; } .trending.event .trending__actions { margin-top: auto; margin-bottom: 0.25rem; } } /* RESPONSIVE MIXIN */ .cmp-call { padding: 6.75rem 0rem 6.75rem 0rem; } .cmp-call .cmp-content { padding: 0px 30px; } @media only screen and (max-width: 766px) { .cmp-call { padding: 2rem 0px; } } @media only screen and (min-width: 767px) and (max-width: 990px) { .cmp-call { padding: 2rem 0px; } } .cmp-call__desc { margin: 24px 0px; } .cmp-call__desc p { font-weight: 300; text-shadow: none; text-align: center; line-height: 2.25rem; font-size: 1.375rem; margin-bottom: 0px; color: #125687; } .cmp-call__blackText { margin: 0.5rem 0rem 2.5rem 0rem; } .cmp-call__blackText p { color: #000000; font-size: 1.25rem; line-height: 1.875rem; } .cmp-call__cta, .cmp-call__chevronIcon { font-weight: 700; font-size: 1.375rem; line-height: 1.75rem; } .cmp-call__smallerCTA .cmp-cta__link { font-size: 18px !important; } .cmp-call .cmp-cta__link { font-size: 1.375rem; line-height: 1.75rem; } .cmp-call .cmp-cta__link:hover { color: #125687; } .cmp-call--items { display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: center; } @media only screen and (max-width: 766px) { .cmp-call--items { height: unset; } } @media only screen and (min-width: 767px) and (max-width: 990px) { .cmp-call--items { height: unset; } } @media only screen and (min-width: 991px) and (max-width: 1198px) { .cmp-call--items { padding: 0 30px !important; } } .cmp-call--item { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; max-width: 500px; } @media only screen and (min-width: 991px) and (max-width: 1198px) { .cmp-call--item { max-width: 360px; } } .cmp-call--icon { width: 110px; height: 110px; text-align: center; } .cmp-call--title { font-weight: 500; font-size: 1.25rem; line-height: 2rem; margin: 16px 0px 0px 0px; color: #000000; } .cmp-call--divider { height: 100%; border: 1px solid #cac4d0; min-height: 260px; } @media only screen and (max-width: 766px) { .cmp-call--divider { transform: rotate(180deg); width: 100%; margin: 2rem 0px; min-height: unset; } } @media only screen and (min-width: 767px) and (max-width: 990px) { .cmp-call--divider { transform: rotate(180deg); width: 100%; margin: 2rem 0px; min-height: unset; } } .cmp-call .cmp-title__text { margin-bottom: 4.375rem; } @media only screen and (max-width: 766px) { .cmp-call .cmp-title__text { margin-bottom: 2rem; } } @media only screen and (min-width: 767px) and (max-width: 990px) { .cmp-call .cmp-title__text { margin-bottom: 2rem; } } /* RESPONSIVE MIXIN */ .button { max-width: 1440px; margin: 0 auto; float: none !important; padding-left: 5.5rem; padding-right: 5.5rem; } @media only screen and (max-width: 991px) { .button { padding-left: 1.25rem; padding-right: 1.25rem; } } /* RESPONSIVE MIXIN */ .breadcrumb { display: block; background: #f3f3f3; } .breadcrumb__container { padding: 0 5.1875rem; max-width: 1440px; margin: 0 auto; } @media only screen and (max-width: 1199px) { .breadcrumb__container { padding: 0 0.9375rem; } } .breadcrumb__list { display: flex; align-items: center; list-style: none; margin: 0; padding: 0.875rem 0.3125rem; white-space: normal; flex-wrap: wrap; min-width: 0; overflow: hidden; max-width: 100%; -webkit-overflow-scrolling: touch; row-gap: 1rem; column-gap: 0.5rem; } @media only screen and (max-width: 991px) { .breadcrumb__list { padding: 0.75rem 0.3125rem; } } .breadcrumb__list::-webkit-scrollbar { height: 0.25rem; } .breadcrumb__list::-webkit-scrollbar-track { background: transparent; } .breadcrumb__list::-webkit-scrollbar-thumb { background-color: #666666; border-radius: 0.25rem; } .is-expanded .breadcrumb__list { white-space: normal; flex-wrap: wrap; overflow-x: hidden; } .breadcrumb__item, .breadcrumb__ellipsis { display: flex; align-items: center; flex: 0 0 auto; position: relative; gap: 0.5rem; } .breadcrumb__item::before, .breadcrumb__ellipsis::before { content: none ; background: none ; margin: 0 ; padding: 0 ; } .breadcrumb__divider { display: inline-block; width: 0.75rem; height: 0.75rem; margin: 0 1rem; flex-shrink: 0; background-repeat: no-repeat; background-position: center; background-size: 0.75rem 0.75rem; background-image: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-site-v2/resources/img/chevron-right.svg"); } .breadcrumb__ellipsis { font-size: 0.875rem; color: #666666; margin: 0; } .breadcrumb__ellipsis button { background: none; border: none; font: inherit; color: #666666; cursor: pointer; padding: 0 0.5rem; } .breadcrumb__ellipsis button:focus-visible { outline: 0; } .breadcrumb__link { font-size: 0.875rem; font-weight: 400; color: #161616; text-decoration: none; overflow: hidden; line-height: 1.25rem; white-space: nowrap; } .breadcrumb__link:hover { text-decoration: underline; text-underline-offset: 0.125rem; } .is-expanded .breadcrumb__link { white-space: normal; overflow: visible; text-overflow: clip; } .breadcrumb__current { font-size: 0.875rem; font-weight: 750; color: #161616; text-decoration: underline; text-underline-offset: 0.1875rem; white-space: nowrap; } .is-expanded .breadcrumb__current { white-space: normal; overflow: visible; text-overflow: clip; } @media only screen and (max-width: 991px) { .breadcrumb__current { max-width: 80vw; text-overflow: ellipsis; overflow: hidden; } } .breadcrumb .hidden-ancestor { display: none; } /* RESPONSIVE MIXIN */ .banner--hero { overflow-x: hidden; } .banner--hero.large { min-height: 32rem; background-size: cover; background-position: right bottom; background-repeat: no-repeat; position: relative; width: 100%; } @media only screen and (max-width: 991px) { .banner--hero.large { background-image: none !important; min-height: 30rem; } } .banner--hero.large .banner--hero__contentContainer .banner--hero__content { width: 1264px; margin: 0 auto; left: 0; right: 0; } @media (max-width: 2600px) { .banner--hero.large .banner--hero__contentContainer .banner--hero__title { width: 750px; } } @media (max-width: 1400px) { .banner--hero.large .banner--hero__contentContainer .banner--hero__title { width: 700px; } } @media (max-width: 1380px) { .banner--hero.large .banner--hero__contentContainer .banner--hero__title { width: 43.125rem; } } @media (max-width: 1362px) { .banner--hero.large .banner--hero__contentContainer .banner--hero__title { width: 42.5rem; } } @media (max-width: 1260px) { .banner--hero.large .banner--hero__contentContainer .banner--hero__title { width: 40.625rem; } } @media (max-width: 74.9375rem) { .banner--hero.large .banner--hero__contentContainer .banner--hero__title { width: 604px; } } @media (max-width: 1170px) { .banner--hero.large .banner--hero__contentContainer .banner--hero__title { width: 590px; } } @media (max-width: 1120px) { .banner--hero.large .banner--hero__contentContainer .banner--hero__title { width: 555px; } } @media (max-width: 1050px) { .banner--hero.large .banner--hero__contentContainer .banner--hero__title { width: 33.125rem; } } @media (max-width: 61.9375rem) { .banner--hero.large .banner--hero__contentContainer .banner--hero__title { width: 47.1875rem; } } @media (max-width: 850px) { .banner--hero.large .banner--hero__contentContainer .banner--hero__title { width: 710px; } } @media (max-width: 800px) { .banner--hero.large .banner--hero__contentContainer .banner--hero__title { width: 41.875rem; } } @media (max-width: 750px) { .banner--hero.large .banner--hero__contentContainer .banner--hero__title { width: 625px; } } @media (max-width: 730px) { .banner--hero.large .banner--hero__contentContainer .banner--hero__title { width: 590px; } } @media (max-width: 700px) { .banner--hero.large .banner--hero__contentContainer .banner--hero__title { width: 550px; } } @media (max-width: 40.625rem) { .banner--hero.large .banner--hero__contentContainer .banner--hero__title { width: 520px; } } @media (max-width: 620px) { .banner--hero.large .banner--hero__contentContainer .banner--hero__title { width: 30.625rem; } } @media (max-width: 36.25rem) { .banner--hero.large .banner--hero__contentContainer .banner--hero__title { width: 28.125rem; } } @media (max-width: 33.75rem) { .banner--hero.large .banner--hero__contentContainer .banner--hero__title { width: 415px; } } @media (max-width: 31.25rem) { .banner--hero.large .banner--hero__contentContainer .banner--hero__title { width: 370px; } } @media (max-width: 470px) { .banner--hero.large .banner--hero__contentContainer .banner--hero__title { width: 365px; } } @media (max-width: 27.5rem) { .banner--hero.large .banner--hero__contentContainer .banner--hero__title { width: 20rem; } } @media (max-width: 26.25rem) { .banner--hero.large .banner--hero__contentContainer .banner--hero__title { width: 19.375rem; } } @media (max-width: 25rem) { .banner--hero.large .banner--hero__contentContainer .banner--hero__title { width: 18.75rem; } } @media (max-width: 24rem) { .banner--hero.large .banner--hero__contentContainer .banner--hero__title { word-break: break-word; width: 16.5625rem; } } @media (max-width: 21.875rem) { .banner--hero.large .banner--hero__contentContainer .banner--hero__title { width: 15rem; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner--hero.large .banner--hero__contentContainer .banner--hero__description { display: none; } } .banner--hero.medium { min-height: 24rem; position: relative; background-size: cover; background-position: right bottom; background-repeat: no-repeat; width: 100%; } @media only screen and (max-width: 991px) { .banner--hero.medium { background-image: none !important; min-height: 30rem; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner--hero.medium { background-image: none !important; } } .banner--hero.medium .banner--hero__contentContainer .shape { translate: -18%; } .banner--hero.medium .banner--hero__contentContainer .shape::before, .banner--hero.medium .banner--hero__contentContainer .shape::after { height: 24rem; } @media only screen and (max-width: 991px) { .banner--hero.medium .banner--hero__contentContainer .shape::before, .banner--hero.medium .banner--hero__contentContainer .shape::after { height: 30rem; } } .banner--hero.medium .banner--hero__contentContainer .shape::before { width: 70%; } .banner--hero.medium .banner--hero__contentContainer .shape::after { width: 14.625rem; clip-path: polygon(0 0, 100% 0, 6% 100%, 0% 100%); } @media only screen and (max-width: 991px) { .banner--hero.medium .banner--hero__contentContainer .shape::after { background: linear-gradient(107deg, #016dff 49%, #ffffff 50%, #ffffff 100%); width: 12.875rem; } } @media screen and (min-width: 1270px) and (max-width: 1368px) { .banner--hero.medium .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 101% -0.5%, 5% 101%, 0% 100%); } } @media screen and (min-width: 1025px) and (max-width: 1270px) { .banner--hero.medium .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 101% -0.5%, 6% 100%, 0% 100%); } } @media screen and (min-width: 62rem) and (max-width: 64rem) { .banner--hero.medium .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 100% 0%, 5% 100%, 0% 100%); } } @media screen and (min-width: 36.3125rem) and (max-width: 61.9375rem) { .banner--hero.medium .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 87% 0, 2% 119%, 0 100%); } } @media screen and (min-width: 30.0625rem) and (max-width: 36.25rem) { .banner--hero.medium .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 90% 0, 0 117%, 0 100%); } } @media screen and (min-width: 28.125rem) and (max-width: 30rem) { .banner--hero.medium .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 94% -2.5%, 0 114%, 0 100%); } } @media screen and (min-width: 26.6875rem) and (max-width: 28.125rem) { .banner--hero.medium .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 94% -0.5%, 0 113%, 0 100%); } } @media only screen and (max-width: 26.625rem) { .banner--hero.medium .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 94% 0%, 9% 100%, 0% 100%); } } @media only screen and (max-width: 24.375rem) { .banner--hero.medium .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 95% 0%, 8% 100%, 0% 100%); } } @media only screen and (max-width: 23.5rem) { .banner--hero.medium .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 96.5% 0%, 8% 100%, 0% 100%); } } @media only screen and (max-width: 22.5rem) { .banner--hero.medium .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 97% 0%, 7% 100%, 0% 100%); } } @media only screen and (max-width: 21.5rem) { .banner--hero.medium .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 98% 0%, 6% 100%, 0% 100%); } } @media only screen and (max-width: 20.063rem) { .banner--hero.medium .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 100% 0, 0 104%, 0 100%); } } @media only screen and (max-width: 991px) { .banner--hero.medium .banner--hero__contentContainer .shape { translate: -5%; } } .banner--hero.medium .banner--hero__contentContainer .banner--hero__content { width: 1264px; margin: 0 auto; left: 0; right: 0; } @media only screen and (max-width: 991px) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__content { width: 55%; right: unset; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__content { margin: 0; } } .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { padding-top: 5rem; color: #ffffff; } @media only screen and (max-width: 991px) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { padding-top: 4rem; margin-bottom: 2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { padding-top: 4rem; } } @media (max-width: 1440px) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 53.75rem; } } @media (max-width: 1390px) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 51.25rem; } } @media (max-width: 1320px) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 790px; } } @media (max-width: 1260px) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 750px; } } @media (max-width: 1220px) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 730px; } } @media (max-width: 74.9375rem) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 665px; } } @media (max-width: 1190px) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 671px; } } @media (max-width: 1165px) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 41.25rem; } } @media (max-width: 1140px) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 639px; } } @media (max-width: 1120px) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 625px; } } @media (max-width: 1090px) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 609px; } } @media (max-width: 1060px) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 586px; } } @media (max-width: 1030px) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 570px; } } @media (max-width: 993px) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 541px; } } @media (max-width: 61.9375rem) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 765px; } } @media (max-width: 960px) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 710px; } } @media (max-width: 56.25rem) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 685px; } } @media (max-width: 850px) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 645px; } } @media (max-width: 750px) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 36.25rem; } } @media (max-width: 700px) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 33.125rem; } } @media (max-width: 40.625rem) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 30.625rem; } } @media (max-width: 37.5rem) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 28.125rem; } } @media (max-width: 34.375rem) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 25rem; } } @media (max-width: 30.625rem) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 365px; } } @media (max-width: 27.5rem) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 19.375rem; } } @media (max-width: 25rem) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 280px; } } @media (max-width: 370px) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 255px; } } @media (max-width: 21.875rem) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 237px; word-wrap: break-word; } } @media (max-width: 20rem) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__title { width: 15rem; } } .banner--hero.medium .banner--hero__contentContainer .banner--hero__description { width: 39.813rem; color: #ffffff; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__description { display: none; } } @media only screen and (max-width: 991px) { .banner--hero.medium .banner--hero__contentContainer .banner--hero__description { width: 100%; } } .banner--hero a { font-weight: 650; color: #ffffff; } .banner--hero a:hover { text-decoration: none; } .banner--hero__contentContainer { position: relative; } .banner--hero__contentContainer::after { content: ''; position: absolute; background: #ffffff; width: 100%; height: 0.25rem; bottom: 5.5rem; } @media only screen and (max-width: 991px) { .banner--hero__contentContainer::after { bottom: 3rem; } } .banner--hero__contentContainer .shape { opacity: 1.0; display: flex; height: 100%; translate: -25%; justify-content: center; align-items: center; width: 100%; } @media only screen and (max-width: 991px) { .banner--hero__contentContainer .shape { translate: -5%; } } .banner--hero__contentContainer .shape::before { content: ''; width: 60%; height: 32rem; background: #016dff; display: flex; } @media only screen and (max-width: 991px) { .banner--hero__contentContainer .shape::before { height: 30rem; } } @media only screen and (max-width: 991px) { .banner--hero__contentContainer .shape::before { width: 80%; } } .banner--hero__contentContainer .shape::after { content: ''; -webkit-clip-path: polygon(0 0, 100% 0%, 94.5% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 4.5% 100%, 0% 100%); width: 19.375rem; height: 32rem; margin-left: -1px; background: linear-gradient(120deg, #016dff 50%, #ffffff 50.6%, #ffffff 100%); } @media only screen and (max-width: 991px) { .banner--hero__contentContainer .shape::after { height: 30rem; } } @media only screen and (max-width: 991px) { .banner--hero__contentContainer .shape::after { background: linear-gradient(100deg, #016dff 49%, #ffffff 50%, #ffffff 100%); width: 9.875rem; clip-path: polygon(0 0, 100% 3%, 5% 100%, 0% 100%); } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .banner--hero__contentContainer .shape::after { padding-top: 5rem; } } @media only screen and (max-width: 767px) { .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 85% 0, 7% 120%, 0 100%); } } @media screen and (min-width: 62rem) and (max-width: 62.0625rem) { .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 100% 0%, 5% 100%, 0% 100%); } } @media screen and (max-width: 61.9375rem) { .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 80% 0, 15% 119%, 0 100%); } } @media screen and (max-width: 58.25rem) { .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 79% 0, 15% 119%, 0 100%); } } @media screen and (max-width: 48rem) { .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 79.5% 0, 15% 120%, 0 100%); } } @media screen and (max-width: 46.25rem) { .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 80% 0, 15% 119%, 0 100%); } } @media screen and (max-width: 41.6875rem) { .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 80% 0, 15% 117%, 0 100%); } } @media screen and (max-width: 33.75rem) { .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 82% 0, 15% 114%, 0 100%); } } @media screen and (max-width: 30rem) { .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 84% 0, 9% 120%, 0 100%); } } @media screen and (max-width: 24.375rem) { .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 85.5% 0, 9% 118%, 0 100%); } } @media screen and (max-width: 23.4375rem) { .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 85% 0, 9% 117%, 0 100%); } } @media screen and (max-width: 22.1875rem) { .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 86% 0, 9% 116%, 0 100%); } } @media screen and (max-width: 21.5rem) { .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 86% 0, 9% 115%, 0 100%); } } @media only screen and (max-width: 20.063rem) { .banner--hero__contentContainer .shape::after { clip-path: polygon(0 0, 87% 0, 5% 120%, 0 100%); } } .banner--hero__contentContainer .banner--hero__content { position: absolute; bottom: 0; display: flex; height: 100%; flex-direction: column; padding-left: 5.5rem; padding-right: 5.5rem; box-sizing: content-box; gap: 2rem; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .banner--hero__contentContainer .banner--hero__content { gap: 1.75rem; } } @media only screen and (max-width: 991px) { .banner--hero__contentContainer .banner--hero__content { width: 15.5rem; padding-left: 1.25rem; padding-right: 1.25rem; gap: 1.5rem; } } @media (max-width: 430px) { .banner--hero__contentContainer .banner--hero__content:not( :has(.banner--hero__description)) .banner--hero__title { overflow: visible; text-overflow: unset; -webkit-line-clamp: unset; line-clamp: unset; } } .banner--hero__contentContainer .banner--hero__title { padding: 0; padding-top: 5rem; font-size: 3.875rem !important; line-height: 4.75rem; margin: 0; letter-spacing: -0.077rem; text-align: left; width: 45.0625rem; color: #ffffff; } @media only screen and (min-width: 1200px) { .banner--hero__contentContainer .banner--hero__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } } @media (max-width: 2600px) { .banner--hero__contentContainer .banner--hero__title { width: 830px; } } @media (max-width: 1440px) { .banner--hero__contentContainer .banner--hero__title { width: 755px; } } @media (max-width: 1400px) { .banner--hero__contentContainer .banner--hero__title { width: 720px; } } @media (max-width: 1360px) { .banner--hero__contentContainer .banner--hero__title { width: 40rem; font-size: 3.25rem !important; line-height: 4rem; } } @media (max-width: 1199px) { .banner--hero__contentContainer .banner--hero__title { width: 40.625rem; padding-top: 5rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } } @media (max-width: 1162px) { .banner--hero__contentContainer .banner--hero__title { width: 36.25rem; } } @media (max-width: 1040px) { .banner--hero__contentContainer .banner--hero__title { width: 540px; } } @media (max-width: 992px) { .banner--hero__contentContainer .banner--hero__title { font-size: 2.5rem !important; line-height: 3rem; padding-top: 4rem; width: 32.75rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } } @media (max-width: 720px) { .banner--hero__contentContainer .banner--hero__title { width: 31.25rem; } } @media (min-width: 461px) and (max-width: 540px) { .banner--hero__contentContainer .banner--hero__title { width: 26.6875rem; } } @media (max-width: 460px) { .banner--hero__contentContainer .banner--hero__title { width: 18.125rem; } } @media (max-width: 430px) { .banner--hero__contentContainer .banner--hero__title { width: 16.25rem; } } .banner--hero__contentContainer .banner--hero__description, .banner--hero__contentContainer a { width: 37.25rem; color: #ffffff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 1440px) { .banner--hero__contentContainer .banner--hero__description, .banner--hero__contentContainer a { width: 34.375rem; } } @media (max-width: 62rem) { .banner--hero__contentContainer .banner--hero__description, .banner--hero__contentContainer a { width: 26.875rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 12; overflow: hidden; text-overflow: ellipsis; } } @media (max-width: 59.375rem) { .banner--hero__contentContainer .banner--hero__description, .banner--hero__contentContainer a { width: 42.5rem; } } @media (max-width: 53.75rem) { .banner--hero__contentContainer .banner--hero__description, .banner--hero__contentContainer a { width: 40rem; } } @media (max-width: 768px) { .banner--hero__contentContainer .banner--hero__description, .banner--hero__contentContainer a { width: 36.25rem; } } @media (max-width: 45rem) { .banner--hero__contentContainer .banner--hero__description, .banner--hero__contentContainer a { width: 31.25rem; } } @media (max-width: 39.375rem) { .banner--hero__contentContainer .banner--hero__description, .banner--hero__contentContainer a { width: 28.125rem; } } @media (max-width: 36rem) { .banner--hero__contentContainer .banner--hero__description, .banner--hero__contentContainer a { width: 25rem; } } @media (max-width: 33.125rem) { .banner--hero__contentContainer .banner--hero__description, .banner--hero__contentContainer a { width: 22.5rem; } } @media (max-width: 30.625rem) { .banner--hero__contentContainer .banner--hero__description, .banner--hero__contentContainer a { width: 20.875rem; } } @media (max-width: 27.5rem) { .banner--hero__contentContainer .banner--hero__description, .banner--hero__contentContainer a { width: 15rem; } } @media (max-width: 374px) { .banner--hero__contentContainer .banner--hero__description, .banner--hero__contentContainer a { display: none; } } @media (max-width: 374px) { .banner--hero__contentContainer a { display: block; } } .hero-bg-blue { background-color: #016dff; } .hero-bg-black { background-color: #161616; } .hero-bg-black .banner--hero__contentContainer .shape::before { background: #161616; } .hero-bg-black .banner--hero__contentContainer .shape::after { background: linear-gradient(120deg, #161616 50%, #ffffff 50%, #ffffff 100%); } @media only screen and (max-width: 991px) { .hero-bg-black .banner--hero__contentContainer .shape::after { background: linear-gradient(100deg, #161616 49%, #ffffff 50%, #ffffff 100%); } } @media only screen and (max-width: 991px) { .hero-bg-black.medium .banner--hero__contentContainer .shape::after { background: linear-gradient(107deg, #161616 49%, #ffffff 50%, #ffffff 100%); } } .hero-bg-violet { background-color: #5d36da; } .hero-bg-violet .banner--hero__contentContainer .shape::before { background: #5d36da; } .hero-bg-violet .banner--hero__contentContainer .shape::after { background: linear-gradient(120deg, #5d36da 50%, #ffffff 50%, #ffffff 100%); } @media only screen and (max-width: 991px) { .hero-bg-violet .banner--hero__contentContainer .shape::after { background: linear-gradient(100deg, #5d36da 49%, #ffffff 50%, #ffffff 100%); } } @media only screen and (max-width: 991px) { .hero-bg-violet.medium .banner--hero__contentContainer .shape::after { background: linear-gradient(107deg, #5d36da 49%, #ffffff 50%, #ffffff 100%); } } .dynamic-bg-blue { background-color: #016dff; } .dynamic-bg-black { background-color: #161616; } .dynamic-bg-violet { background-color: #5d36da; } .banner--dynamic__container { padding: 5.5rem 5.5rem 5.5rem 5.5rem; display: flex; justify-content: space-between; align-items: center; max-width: 1440px; margin: 0 auto; } @media only screen and (max-width: 991px) { .banner--dynamic__container { padding: 4.5rem 2.5rem; flex-direction: column; } } .banner--dynamic__container .banner--dynamic__contentContainer { max-width: 51.438rem; } @media only screen and (max-width: 991px) { .banner--dynamic__container .banner--dynamic__contentContainer { margin-bottom: 4.5rem; } } .banner--dynamic__container .banner--dynamic__contentContainer h2 { margin-bottom: 2rem; color: #ffffff; } @media only screen and (max-width: 991px) { .banner--dynamic__container .banner--dynamic__contentContainer h2 { margin-bottom: 1.75rem; } } .banner--dynamic__container .banner--dynamic__contentContainer p { padding-bottom: 3rem; margin-bottom: 0; color: #ffffff; } @media only screen and (max-width: 991px) { .banner--dynamic__container .banner--dynamic__contentContainer p { padding-bottom: 1.75rem; } } .banner--dynamic__container .banner--dynamic__contentContainer a { color: #ffffff; font-weight: 650; } .banner--dynamic__container .banner--dynamic__contentContainer a:hover { text-decoration: none; } .medium.banner--dynamic { max-width: 1264px; margin: 0 auto; } .medium .banner--dynamic__container { padding: 3rem 2.5rem 3rem 3.5rem; gap: 3.5rem; } @media only screen and (max-width: 991px) { .medium .banner--dynamic__container { padding: 4.5rem 2.5rem; gap: 0; } } .h50-bg-blue { background-color: #016dff; } .h50-bg-black { background-color: #161616; } .h50-bg-violet { background-color: #5d36da; } .banner--highlight50 { max-width: 1264px; margin: 0 auto; } .banner--highlight50__contentContainer { max-width: 1440px; margin: 0 auto; display: flex; } @media only screen and (max-width: 1199px) { .banner--highlight50__contentContainer { flex-direction: column-reverse; } } .banner--highlight50__content { padding: 0.625rem 6rem 0.625rem 3.5rem; display: flex; flex-direction: column; justify-content: center; width: calc(49.875%); border-right: 0.125rem solid #ffffff; } @media only screen and (max-width: 1199px) { .banner--highlight50__content { padding: 2rem; border-right: 0; border-top: 0.125rem solid #ffffff; width: 100%; min-height: 18.75rem; } } .banner--highlight50__content h2, .banner--highlight50__content p { margin-bottom: 2rem; color: #ffffff; } @media only screen and (max-width: 1199px) { .banner--highlight50__content h2, .banner--highlight50__content p { margin-bottom: 1.5rem; } } @media only screen and (max-width: 1199px) { .banner--highlight50__content p { font-size: 0.875rem; line-height: 1.25rem; } } .banner--highlight50__content a { color: #ffffff; font-weight: 650; } .banner--highlight50__content a:hover { text-decoration: none; } .banner--highlight50__image { width: 50%; } @media only screen and (max-width: 1199px) { .banner--highlight50__image { width: 100%; } } .banner--highlight50__image img { width: 100%; } .banner--highlight60 { min-height: 25rem; background-position: right bottom; background-repeat: no-repeat; position: relative; width: 100%; } @media only screen and (max-width: 991px) { .banner--highlight60 { background-image: none !important; background-color: #5d36da; min-height: 16.5625rem; } } .banner--highlight60__contentContainer { position: relative; overflow: hidden; } .banner--highlight60__contentContainer .shape { opacity: 1.0; display: flex; height: 100%; translate: -25%; justify-content: center; align-items: center; width: 100%; } @media only screen and (max-width: 991px) { .banner--highlight60__contentContainer .shape { translate: -72%; position: relative; z-index: 1; } } @media only screen and (max-width: 26.625rem) { .banner--highlight60__contentContainer .shape { translate: -71.5%; } } @media only screen and (max-width: 23.5rem) { .banner--highlight60__contentContainer .shape { translate: -69%; } } @media only screen and (max-width: 20rem) { .banner--highlight60__contentContainer .shape { translate: -63%; } } .banner--highlight60__contentContainer .shape::before { content: ''; width: 70%; height: 25rem; background: #5d36da; display: flex; } @media only screen and (max-width: 991px) { .banner--highlight60__contentContainer .shape::before { width: 80%; height: 16.5625rem; } } .banner--highlight60__contentContainer .shape::after { content: ''; -webkit-clip-path: polygon(0 0, 94% 0, 11% 100%, 0 100%); clip-path: polygon(0 0, 95% 0, 12% 100%, 0 100%); width: 14.063rem; height: 25rem; margin-left: -1px; background: linear-gradient(115deg, #5d36da 50.6%, #ffffff 50%, #ffffff 100%); } @media only screen and (max-width: 991px) { .banner--highlight60__contentContainer .shape::after { background: linear-gradient(112deg, #5d36da 49%, #ffffff 50%, #ffffff 100%); -webkit-clip-path: polygon(0 0, 100% 0, 3% 100%, 0 100%); clip-path: polygon(0 0, 87% 0, 18% 100%, 0 100%); width: 9.813rem; height: 16.5625rem; } } @media screen and (min-width: 30.0625rem) and (max-width: 37.5rem) { .banner--highlight60__contentContainer .shape::after { clip-path: polygon(0 0, 90% 0, 15% 100%, 0 100%); } } @media screen and (min-width: 20.125rem) and (max-width: 30rem) { .banner--highlight60__contentContainer .shape::after { clip-path: polygon(0 0, 93% 0, 12% 100%, 0 100%); } } @media only screen and (max-width: 20.063rem) { .banner--highlight60__contentContainer .shape::after { clip-path: polygon(0 0, 95% 0, 11% 100%, 0 100%); width: 10.813rem; } } @media (min-width: 1440px) { .banner--hero__contentContainer .shape::after { margin-left: -4px; content: ""; } } .banner--highlight60__content { position: absolute; bottom: 0; height: 100%; width: 29.938rem; box-sizing: content-box; } @media only screen and (max-width: 991px) { .banner--highlight60__content { width: 100%; position: relative; height: 20.063rem; border-top: 0.25rem solid #ffffff; } } .banner--highlight60__content .banner--highlight60__contentInner { display: flex; flex-direction: column; justify-content: center; padding-left: 5.5rem; height: 100%; } @media only screen and (max-width: 991px) { .banner--highlight60__content .banner--highlight60__contentInner { padding-left: 1.25rem; padding-right: 1.25rem; } } .banner--highlight60__content h2, .banner--highlight60__content p { margin-bottom: 2.5rem; color: #ffffff; } @media only screen and (max-width: 991px) { .banner--highlight60__content h2, .banner--highlight60__content p { margin-bottom: 2rem; } } .banner--highlight60__content a { color: #ffffff; font-weight: 650; } .banner--highlight60__content a:hover { text-decoration: none; } .banner--highlight60__image { display: none; } @media only screen and (max-width: 991px) { .banner--highlight60__image { display: block; position: absolute; top: 0; width: 100%; } .banner--highlight60__image img { height: 16.5625rem; width: inherit; } } @media only screen and (max-width: 991px) { .h60-bg-blue.banner--highlight60 { background-color: #016dff; } } .h60-bg-blue .banner--highlight60__contentContainer .shape::before { background: #016dff; } .h60-bg-blue .banner--highlight60__contentContainer .shape::after { background: linear-gradient(115deg, #016dff 50.6%, #ffffff 50%, #ffffff 100%); } @media only screen and (max-width: 991px) { .h60-bg-blue .banner--highlight60__contentContainer .shape::after { background: linear-gradient(112deg, #016dff 50.6%, #ffffff 50%, #ffffff 100%); } } @media only screen and (max-width: 991px) { .h60-bg-black.banner--highlight60 { background-color: #161616; } } .h60-bg-black .banner--highlight60__contentContainer .shape::before { background: #161616; } .h60-bg-black .banner--highlight60__contentContainer .shape::after { background: linear-gradient(115deg, #161616 50.6%, #ffffff 50%, #ffffff 100%); } @media only screen and (max-width: 991px) { .h60-bg-black .banner--highlight60__contentContainer .shape::after { background: linear-gradient(112deg, #161616 50.6%, #ffffff 50%, #ffffff 100%); } } .fwb-banner { position: relative; width: 100%; overflow: hidden; min-height: 20rem; } @media only screen and (max-width: 991px) { .fwb-banner { min-height: 18.75rem; } } .fwb-banner__media { width: 100%; height: 20rem; overflow: hidden; } @media only screen and (max-width: 991px) { .fwb-banner__media { height: 18.75rem; } } .fwb-banner__media .fwb-banner__image { width: 100%; height: 100%; object-fit: cover; object-position: center top; } @media only screen and (max-width: 991px) { .fwb-banner__media .fwb-banner__image { object-position: left center; } } .fwb-banner__overlay { position: absolute; bottom: 3rem; left: 3rem; right: auto; } @media only screen and (max-width: 991px) { .fwb-banner__overlay { top: 50%; bottom: auto; left: 1.25rem; right: 1.25rem; transform: translateY(-50%); } } .fwb-banner__title { color: #ffffff; margin: 0; max-width: 37rem; } @media only screen and (max-width: 991px) { .fwb-banner__title { font-size: 2.5rem; line-height: 3rem; max-width: 15.5rem; } } .banner a:focus { outline: 0; } .banner a:focus-visible { outline: 0; } .banner--hero .lock-icn, .banner--dynamic .lock-icn, .banner--highlight50 .lock-icn, .banner--highlight60 .lock-icn { width: 1rem; height: 1rem; } @media only screen and (max-width: 991px) { .banner--hero .lock-icn, .banner--dynamic .lock-icn, .banner--highlight50 .lock-icn, .banner--highlight60 .lock-icn { width: 0.75rem; height: 0.75rem; } } .banner--highlight60__cta { width: fit-content; } .banner--highlight50__cta { width: fit-content; } @media (min-width: 992px) { .banner--hero__cta { width: fit-content !important; } } /* RESPONSIVE MIXIN */ .assetlist { width: 100%; font-style: normal; } .assetlist .icon-list { display: flex; flex-direction: column; gap: 0.75rem; border-bottom: none; padding: 0.75rem 5.5rem; margin: 0 auto 3rem; max-width: 1440px; } @media only screen and (max-width: 991px) { .assetlist .icon-list { padding: 0.75rem 1.25rem; } } .assetlist .icon-list .cmp-list__item { display: flex; flex-direction: column; text-indent: 0; gap: 0.75rem; border-bottom: 0.25rem solid #f3f3f3; padding: 2rem 2rem 2rem 2.25rem; margin: 0; position: relative; } @media only screen and (max-width: 991px) { .assetlist .icon-list .cmp-list__item { padding: 0 0 2rem; } } .assetlist .icon-list .cmp-list__item span { font-size: 0.875rem; color: #666666; font-weight: 400; line-height: 1.5; display: block; padding-bottom: 1.5rem; } @media only screen and (max-width: 991px) { .assetlist .icon-list .cmp-list__item span { padding-top: 1.75rem; } } .assetlist .icon-list .cmp-list__item .asset-link-wrapper { display: flex; align-items: center; flex-wrap: nowrap; gap: 0.5rem; } .assetlist .icon-list .cmp-list__item .asset-link-wrapper a { position: relative; font-size: 1.125rem; color: #016dff; font-weight: 400; line-height: 1.5; line-height: 1.75rem; text-decoration: solid underline; text-underline-offset: 0.3125rem; flex: 1 1 0; white-space: normal; overflow-wrap: break-word; word-break: break-word; } .assetlist .icon-list .cmp-list__item .asset-link-wrapper a:hover { text-decoration: none; } @media only screen and (max-width: 991px) { .assetlist .icon-list .cmp-list__item .asset-link-wrapper a { font-size: 1rem; } } .assetlist .icon-list .cmp-list__item .asset-link-wrapper a span { margin-left: 0.5rem; } .assetlist .icon-list .cmp-list__item .asset-link-wrapper svg[data-icon="file-pdf"] { width: 1.125rem; height: 1.125rem; flex-shrink: 0; display: inline-flex; background: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-site-v2/resources/img/pdf-icon.svg") no-repeat center center; background-size: contain; color: transparent; } .assetlist .icon-list .cmp-list__item .asset-link-wrapper svg[data-icon="file-pdf"] path { display: none ; } .assetlist .icon-list .cmp-list__item .asset-link-wrapper .lock-icn { display: none; } @media only screen and (max-width: 991px) { .assetlist .icon-list .cmp-list__item .asset-link-wrapper { flex-direction: column; align-items: flex-start; gap: 0; width: 100%; text-align: left; } .assetlist .icon-list .cmp-list__item .asset-link-wrapper a { padding-left: 8px; width: fit-content; text-align: left; } } .assetlist .icon-list .grid-col { display: grid; gap: 2rem; grid-template-columns: 1fr; } .assetlist .icon-list .grid-col .cmp-list__item { padding: 1.125rem 1.5rem; border: 0.0625rem solid #f3f3f3; justify-content: center; } @media only screen and (max-width: 991px) { .assetlist .icon-list .grid-col .cmp-list__item { padding: 1rem 1.125rem; } } .assetlist .icon-list .grid-col .cmp-list__item .asset-link-wrapper { gap: 0.5rem; } .assetlist .icon-list .grid-col .cmp-list__item .asset-link-wrapper a { flex: unset; } .assetlist .icon-list .grid-col .cmp-list__item .asset-link-wrapper .fa-file-pdf:before { content: ""; width: 1.125rem; height: 1.125rem; flex-shrink: 0; display: inline-flex; background: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-site-v2/resources/img/pdf-icon.svg") no-repeat center center; background-size: contain; color: transparent; } .assetlist .icon-list .grid-col .cmp-list__item .asset-link-wrapper .lock-icn { display: block; width: 1rem; height: 1rem; aspect-ratio: 1; } @media only screen and (max-width: 991px) { .assetlist .icon-list .grid-col .cmp-list__item .asset-link-wrapper .lock-icn { width: 0.75rem; height: 0.75rem; } } .assetlist .icon-list .grid-col .cmp-list__item .asset-link-wrapper .locked::after { display: none; } @media only screen and (max-width: 991px) { .assetlist .icon-list .grid-col .cmp-list__item .asset-link-wrapper { flex-direction: unset; align-items: center; gap: 0.5rem; } } .assetlist .icon-list .grid-col--two { display: grid; grid-template-columns: repeat(2, minmax(0, 38.5rem)); gap: 2rem; } @media only screen and (max-width: 991px) { .assetlist .icon-list .grid-col--two { grid-template-columns: 1fr; } } .assetlist .icon-list .grid-col--two .cmp-list__item { padding: 1.125rem 1.5rem; border: 0.0625rem solid #f3f3f3; justify-content: center; } @media only screen and (max-width: 991px) { .assetlist .icon-list .grid-col--two .cmp-list__item { padding: 1rem 1.125rem; } } .assetlist .icon-list .grid-col--two .cmp-list__item .asset-link-wrapper { gap: 0.5rem; } .assetlist .icon-list .grid-col--two .cmp-list__item .asset-link-wrapper a { flex: unset; } .assetlist .icon-list .grid-col--two .cmp-list__item .asset-link-wrapper .fa-file-pdf:before { content: ""; width: 1.125rem; height: 1.125rem; flex-shrink: 0; display: inline-flex; background: url("../../../etc.clientlibs/dynamic/clientlibs/clientlib-site-v2/resources/img/pdf-icon.svg") no-repeat center center; background-size: contain; color: transparent; } .assetlist .icon-list .grid-col--two .cmp-list__item .asset-link-wrapper .lock-icn { display: block; width: 1rem; height: 1rem; aspect-ratio: 1; } @media only screen and (max-width: 991px) { .assetlist .icon-list .grid-col--two .cmp-list__item .asset-link-wrapper .lock-icn { width: 0.75rem; height: 0.75rem; } } .assetlist .icon-list .grid-col--two .cmp-list__item .asset-link-wrapper .locked::after { display: none; } @media only screen and (max-width: 991px) { .assetlist .icon-list .grid-col--two .cmp-list__item .asset-link-wrapper { flex-direction: unset; align-items: center; gap: 0.5rem; } } .assetlist .tn-img-list-item .asset-title { font-weight: 400; } .right-small-panel h2 { margin-bottom: 0; } .right-small-panel .assetlist .icon-list .cmp-list__item { padding: 0.625rem; } /* * Copyright 2019 Adobe Systems Incorporated * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .cmp-accordion__header { margin: 0; } .cmp-accordion__button { display: block; width: 100%; text-align: left; } .cmp-accordion__panel--hidden { display: none; } .cmp-accordion__panel--expanded { display: block; padding-bottom: 15px; } /* RESPONSIVE MIXIN */ .cmp-accordion { display: block; max-width: 1440px; margin: 0 auto; padding: 0 5.5rem; } .cmp-accordion .cmp-title, .cmp-accordion .cmp-text, .cmp-accordion .button { padding-left: 0; padding-right: 0; } .cmp-accordion__item { position: relative; } .cmp-accordion__item:first-child { margin-top: 0.25rem; } .cmp-accordion__header { font: inherit; } .cmp-accordion__button { position: relative; border: none; border-bottom: 0.25rem solid #f3f3f3; padding: 2rem 0 2.25rem 0; background: none; font: inherit; cursor: pointer; outline: inherit; border-radius: 0; color: #161616; } @media only screen and (max-width: 991px) { .cmp-accordion__button { padding: 2rem 1.5625rem 2.25rem 0; } } .cmp-accordion__button--disabled { cursor: default; } .cmp-accordion__title { font-size: 1.75rem; font-weight: 500; line-height: 2.5rem; } .cmp-accordion__button--expanded { border: none; } .cmp-accordion__button:hover { color: #161616; } .cmp-accordion__button::after { display: none; } .cmp-accordion__icon { position: absolute; top: 40%; right: 0; width: 1.375rem; height: 1.375rem; } .cmp-accordion__button .cmp-accordion__icon { transform: rotate(180deg); } .cmp-accordion__button.cmp-accordion__button--expanded .cmp-accordion__icon { transform: rotate(0deg); } .cmp-accordion__item[data-cmp-expanded] { border-bottom: 0.25rem solid #f3f3f3; } .cmp-accordion__panel--expanded { padding-bottom: 2.75rem; } .cmp-accordion__panel--expanded .cmp-text ol { margin: 0; } .cmp-accordion__panel--expanded .cmp-text, .cmp-accordion__panel--expanded .video-v3__transcript__wrapper, .cmp-accordion__panel--expanded .multiline-grid__item { margin-bottom: 0; padding-bottom: 0; } .cmp-accordion__panel--expanded .cmp-text p:last-child, .cmp-accordion__panel--expanded .video-v3__transcript__wrapper p:last-child, .cmp-accordion__panel--expanded .multiline-grid__item p:last-child { margin-bottom: 0; } @media only screen and (max-width: 991px) { .cmp-accordion__panel--expanded { padding-bottom: 2.5rem; } .cmp-accordion__panel .multiline-grid__container, .cmp-accordion__panel .video-v3 { padding-inline: 0; } } @media only screen and (max-width: 991px) { .cmp-accordion__panel .cmp-text p { margin-left: 0 !important; } } .cmp-accordion__panel .cmp-text li { white-space: normal; word-break: normal; overflow-wrap: anywhere; hyphens: auto; } @media (max-width: 992px) { .cmp-accordion { padding: 0 1.25rem; } .cmp-accordion__title { font-size: 1.375rem; font-weight: 650; line-height: 1.75rem; } .cmp-accordion__icon { width: 1.125rem; height: 1.125rem; } } #authorAccess { width: 900px; margin: auto; margin-top: 100px; text-align: center; }