/* Theme Name: YPulse 2020 Text Domain: ypulse Version: 1.4.40 Requires at least: 4.7 Requires PHP: 7.4 Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors. Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready Author: the WordPress team Author URI: https://wordpress.org/ Theme URI: https://wordpress.org/themes/ypulse/ License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html All files, unless otherwise stated, are released under the GNU General Public License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. @todo Split the definitions up again with a mobile-first approach. Then also use tools like Gulp to combine them back to one, minified script that can be loaded by the browser, or use media queries when loading the style tag to allow the different devices load the style file they need. @todo Remove the break-points that do not follow the Bootstrap break-points. It probably goes hand in hand with the mobile-first approach. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 0. CSS Reset 0.1 Copy paste of the previously imported generic.css 0.2 Copy paste of the previously imported top-menu.css 1. Document Setup 2. Element Base 3. Helper Classes 4. Site Header 5. Menu Modal 6. Search Modal 7. Page Templates a. Template: Cover Template c. Template: Full Width 8. Post: Archive 9. Post: Single 10. Blocks 11. Entry Content 12. Comments 13. Site Pagination 14. Error 404 15. Widgets 16. Site Footer 17. Media Queries 18. Michael no idea what's going on here but want CSS classes ¯\_(ツ)_/¯ 19. Print ----------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* 0. CSS Reset /* -------------------------------------------------------------------------- */ /* Wonder why we need an extra generic.css but generic stuff is defined here? * The idea to have import files for different screen-size is just an idea... * Probably not efficient for big-screen browsers to load multiple files... */ /* @import url("assets/css/generic.css"); */ /* @import url("assets/css/top-menu.css"); */ /* @import url("assets/css/style-print.css") only print; */ /* Define some (generic) variables */ :root { --yp-dark: #212529; --yp-white: #ffffff; --yp-purple: rgba(83, 7, 91, 1); --yp-purple-50: rgba(83, 7, 91, .5); --yp-blue: rgb(0 51 153); --yp-blue-dark: rgb(3 29 82); } /**************************************** * 0.1 Previous generic.css ***************************************/ /*== 1 - GENERIC ==*/ *:focus { outline:none !important; } ::selection {/* WebKit/Blink Browsers */ background: #333; color:#fff; } ::-moz-selection {/* Gecko Browsers */ background: #333; color:#fff; } body { margin:0; padding:0px; background:#fff; font-family: 'Open Sans', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; color:#58626e; } a.moreInfo { color:#52075a; position: relative; display: inline-block; } p { margin:0 0 1rem 0; padding:0; } strong, b { font-weight:700 } img { border:none; vertical-align:top; max-width:100%; } /***** Button Style */ .Theme.btn { background:#52075a; color:#fff; border:none; border-radius: 12px; padding: 10px 25px; } .Theme.btn:hover, .Theme.btn:focus, .Theme.btn.focus { /*background:#1f262e;*/ color:#fff; } .Theme.btn.Black { background:#1f262e; } .Theme.btn.Black:hover, .Theme.btn.Black:focus, .Theme.btn.Black.focus { background:#52075a; } .Theme.btn.AnchorBtn { padding:0; } .Theme.btn.AnchorBtn a { color:#fff; padding: .5em 1.1em; display:block; } /***** Helpers for this and that */ .vollkorn { font-family: 'Vollkorn'; } /* Tabs account page */ body #tabs.ui-widget.ui-widget-content { border: 1px solid #53075b; background-color: #fff; } body .ui-tabs .ui-tabs-nav li { border-bottom-width:1px; } body .header-navigation-tabs li.active { border-bottom:4px solid #89dc7b !important; border-top: none; } body .ui-tabs .ui-tabs-nav { padding:.8em .8em 0 .8em; ; border: none; background-color:#ffffff; } body .ui-corner-top { border-radius:0; } body .ui-tabs .ui-state-default, body .ui-tabs .ui-widget-content .ui-state-default, body .ui-tabs .ui-widget-header .ui-state-default { border-right:1px solid #53075B; ; border-radius:0; border:none; } body .ui-tabs .ui-state-hover, body .ui-tabs .ui-widget-content .ui-state-hover, body .ui-tabs .ui-widget-header .ui-state-hover { border-left:1px solid #53075B; ; border-radius:0; border:none; } body .ui-state-active a, body .ui-state-active a:link { color:#ffffff; ; font-weight:bold; } body .section-text, body .expiration-warning, body .vanilla-flat-tabs { color:#ffffff; } body #ypulse-manage-newsletter .row { margin: 0; color: #fff; } body .ui-tabs .ui-tabs-panel { padding: 0em .8em; } body .ui-tabs .ui-tabs-nav li { margin-right: 1px; margin-bottom: 0; border-bottom: 1px solid #53075b; background-color: #f9f9f9; } body .ui-tabs .ui-tabs-nav li.ui-tabs-active { background-color:#53075b; } body #piano-manage-account iframe { width:100% !important; } div#ypulse-manage-newsletter a.cscra-btn { background-color: #3d0543; color: #ffffff; padding: 10px 30px; border-radius: 12px; float: left; margin-top: 1em; margin-bottom: 1em; } body .daterangepicker .ranges li{padding: 3px 12px;margin-bottom: 5px;} body #filterpostform li label{cursor:pointer;} @media All and (max-width:760px) { .Theme.btn.AnchorBtn a { padding:10px 20px; } } /***** Input Field Style */ label { font-weight: 400; color: #333; margin-bottom: 4px; } .custom-control-input:checked~.custom-control-label::before { border-color: #53075b; background-color: #53075b; } .custom-control-input:focus~.custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(83,7,91,.15); } /***** GoTo Top Button */ .topBtn { display:none; position: fixed; right: 20px; bottom: 20px; cursor: pointer; z-index: 1001; } .topBtn a { display:inline-block; } .topBtn img { height:50px; width:50px; } @media All and (max-width:767px) { .topBtn { bottom:5px; margin-right:-15px; } .topBtn img { height:40px; width:40px; } } /*** Just a simple class to hide things w/o !important (on default) ***/ .hidden { display: none; } /*== 2 - ELEMENTS ==*/ ul, ol, li { margin:0; padding:0; } ul, ol { margin-left:18px; } li { margin-bottom:10px; } /*== 3 - SCROLLING ==*/ #ScrollingPartners { width:100%; position:relative; } .ScrollProject { display:inline-block; vertical-align:top !important; text-align:left; } .ScrollProject img { height:40px !important; margin:0px 25px; } @media All and (max-width:576px) { .ScrollProject img { margin:0px 15px; } } /*== 4 - MODAL BOX ==*/ .modal-backdrop { background:#53075B; } .modal-backdrop.in, .modal-backdrop.show { filter: alpha(opacity=4); opacity: 0.4; } .MyBox.modal { text-align: center; padding: 0!important; } .MyBox.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin:0; } .MyBox .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; background:none; width:90%; max-width:800px; } /* Popup Header */ .MyBox .modal-header { background: #fff; border-bottom: 1px solid #e7e7e7; border-radius:0; padding: 20px 30px; position:relative; } .MyBox .close { position: absolute; top: 0px; right: 0px; background: no-repeat; filter: alpha(opacity=100); opacity: 1; z-index: 1; margin:0; padding:0; } .MyBox .close img { height:24px; width:24px; margin: 16px; } /* Popup Body */ .MyBox .modal-content { background: #fff; border: none !important; -webkit-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: none; box-shadow: none; padding:0; } .MyBox .modal-content .modal-body { padding:60px 70px; } /* Popup Footer */ .MyBox .modal-footer { background: #fff; border-top: 1px solid #e7e7e7; border-radius:0; padding: 20px 30px; justify-content: left; } @media All and (max-width:760px) { .MyBox .modal-content .modal-body { padding: 30px; } } @media All and (max-width:576px) { .MyBox .modal-header { padding:15px; } .MyBox .modal-content .modal-body { padding: 20px; } .MyBox .modal-footer { padding:15px; } } /*== 5 - CAROUSEL - https://mdbootstrap.com/docs/jquery/javascript/carousel/ ==*/ .MyCarousel .carousel-multi-item .carousel-inner.v-2 .carousel-item.active, .MyCarousel .carousel-multi-item .carousel-inner.v-2 .carousel-item-next, .MyCarousel .carousel-multi-item .carousel-inner.v-2 .carousel-item-prev { display:-webkit-box; display:-ms-flexbox; display:flex; } .MyCarousel .carousel-multi-item .carousel-inner.v-2 .carousel-item-right.active, .MyCarousel .carousel-multi-item .carousel-inner.v-2 .carousel-item-next { -webkit-transform:translateX(100%); transform:translateX(100%) } @media(min-width:768px) { .MyCarousel .carousel-multi-item .carousel-inner.v-2 .carousel-item-right.active, .MyCarousel .carousel-multi-item .carousel-inner.v-2 .carousel-item-next { -webkit-transform:translateX(33%); transform:translateX(33%) } } .MyCarousel .carousel-multi-item .carousel-inner.v-2 .carousel-item-left.active, .MyCarousel .carousel-multi-item .carousel-inner.v-2 .carousel-item-prev { -webkit-transform:translateX(-100%); transform:translateX(-100%) } @media(min-width:768px) { .MyCarousel .carousel-multi-item .carousel-inner.v-2 .carousel-item-left.active, .MyCarousel .carousel-multi-item .carousel-inner.v-2 .carousel-item-prev { -webkit-transform:translateX(-33%); transform:translateX(-33%) } } .MyCarousel .carousel-multi-item .carousel-inner.v-2 .carousel-item-right, .MyCarousel .carousel-multi-item .carousel-inner.v-2 .carousel-item-left { -webkit-transform:translateX(0); transform:translateX(0) } .MyCarousel .carousel-indicators { bottom:0; display:none; } .MyCarousel .carousel .carousel-indicators li { width:14px; height:14px; cursor:pointer; border-radius:50%; background-color:#d8d8d8; opacity:1; } .MyCarousel .carousel-multi-item .carousel-indicators .active { background-color:#52075a; } @media All and (max-width:1199px) { .MyCarousel .carousel { padding-bottom:50px; } .MyCarousel .carousel-indicators { display:flex; } } /** Piano stuff **/ /* Fixed container to envetually show Piano inline messages at the bottom */ #piano-inline-container { position: fixed; bottom: 0; right: 0; background: #52075a; width: 100%; text-align: center; opacity: 0.9; z-index: 99999; color: #FFFFFF; } /* Sticky container at the top for eventual Piano messages */ #piano-sticky-inline-container { position: sticky; position: -webkit-sticky; top: 0; z-index: 999999; } #piano-sticky-inline-container-close { position: absolute; top: 0; right: 0; margin: 1em; height: 100%; cursor: pointer; } /* Hidden Piano container */ #piano-hidden-container { display:none; visibility:hidden; } /******************************************************************************* * END generic.css ******************************************************************************/ /******************************************************************************* * 0.1 Previous top-menu.css ******************************************************************************/ #TopNav { margin-top:15px; text-align:center; } #TopNav .navbar { padding:0; } #TopNav .navbar-nav { width:100%; display:block; } #TopNav ul.navbar-nav { margin:0; padding-left:9%; } #TopNav ul.navbar-nav > li { margin:0 15px; display:inline-block; position:initial; } #TopNav ul.navbar-nav > li.LastChild { float:right;} #TopNav ul.navbar-nav > li > a { color: #fff; padding: 0 5px; font-size: 16px; line-height: 30px; font-weight: 600; display: inline-block; position:relative; border-bottom:2px solid transparent; } #TopNav ul.navbar-nav > li a span { width: 0; height: 100%; position: absolute; display: block; border-bottom: 2px solid #fff; left: 50%; top: 2px; -webkit-transition: 0.3s ease; transition: 0.3s ease; } #TopNav ul.navbar-nav > li a:hover span { text-decoration: none; display: inline-block; width: 100%; left:0; } #TopNav ul.navbar-nav > li.Border > a { border:1px solid #fff; padding-left:15px; padding-right:15px; -webkit-transition: 0.3s ease; transition: 0.3s ease; border-radius:4px; } #TopNav ul.navbar-nav > li.Border > a:hover { background:#fff; color:#52075a; } #TopNav ul.navbar-nav > li.active > a, #TopNav ul.dropdown-menu .active a { border-bottom-color:#fff; color:#fff;border-bottom: 2px solid !important; } #TopNav ul.navbar-nav > li > a.moreInfo span { border-bottom-width:2px; } #TopNav ul.navbar-nav > li.dropdown > .dropdown-toggle::after { display:none; } /* 2nd Level */ #TopNav .dropdown-submenu { position: relative; } #TopNav .dropdown-menu .dropdown-toggle::after { vertical-align: top; border-top: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #ccc; position: absolute; top: 50%; right: 0; margin:-6px 0 0 0; } #TopNav .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: 0px; margin-left: 0px; } #TopNav ul.navbar-nav > li.dropdown ul li { margin:0; float:none; display:inline-block; } #TopNav ul.navbar-nav > li.dropdown .dropdown-menu, #TopNav ul.navbar-nav > li.dropdown-submenu .dropdown-menu { min-width: 100%; /*padding: 0 210px 0 0px;*/ padding:10px 0 0 0; margin:0; font-size: 16px; line-height: 30px; color: #fff; font-weight:600; background-color: transparent; border:none; border-radius:0; box-shadow:none; text-align:center; } .th_active #TopNav ul.navbar-nav > li.dropdown .dropdown-menu { background: rgba(92,12,101,1); background: -moz-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(92,12,101,1)), color-stop(100%, rgba(50,3,55,1))); background: -webkit-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -o-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -ms-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: linear-gradient(to right, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c0c65', endColorstr='#320337', GradientType=1 ); padding-bottom:15px; } .th_active #TopNav ul.navbar-nav > li.dropdown .dropdown-menu { left:-15px; right:-15px; } #TopNav ul.navbar-nav > li.dropdown .dropdown-menu li { margin:0 15px; position:relative; } #TopNav ul.navbar-nav > li.dropdown .dropdown-menu li a, #TopNav ul.navbar-nav > li.dropdown-submenu .dropdown-men li a { padding:0 5px; background:none; border-bottom:none; display:block; color:#fff; } #TopNav ul.navbar-nav > li.dropdown .dropdown-menu li a:hover, #TopNav ul.navbar-nav > li.dropdown-submenu .dropdown-men li a:hover, #TopNav ul.navbar-nav > li.dropdown .dropdown-menu li.show>a, #TopNav ul.navbar-nav > li.dropdown-submenu .dropdown-men li.show>a, #TopNav ul.navbar-nav > li.dropdown .dropdown-menu li.active a, #TopNav ul.navbar-nav > li.dropdown-submenu .dropdown-men li.active a { background:none; color:#fff; } /* 3rd Level */ #TopNav ul.navbar-nav li.dropdown-submenu ul.dropdown-menu { top:-15px!important; } #TopNav ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu { left: 100%; top: 0; margin-top: -15px; } #TopNav ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown .dropdown-toggle::after { border-top: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #fff; top: 4px; position: relative; right: -10px; } /*= Mobile Toggle =*/ #TopNav .navbar-toggler { padding: 0; font-size: 21px; line-height: normal; background-color: none; border: none; border-radius: 0; position: fixed; top: 0; color: #fff; height: 60px; line-height: 60px; width: 60px; z-index:2; } #TopNav .navbar-toggler.collapsed { position:fixed; } #TopNav .navbar-toggler[aria-expanded="true"]::before { content:''; background-image: url(/wp-content/themes/ypulse/assets/images/close.svg); background-repeat: no-repeat; background-position: center center; width: 26px; height: 26px; position: absolute; top: 17px; left: 17px; } #TopNav .navbar-toggler[aria-expanded="false"]::before { content: ''; background-image:url(/wp-content/themes/ypulse/assets/images/nav.svg); background-repeat:no-repeat; background-position:center center; width: 37px; height: 34px; position:absolute; top:12px; left:11px; } #TopNav ul.navbar-nav > li#ForMobile, #FreeUser ul.navbar-nav > li.AddAccount { display:none; } /*======================== DASHBOARD STYLING =========================*/ .th_active #Dashboard ul.navbar-nav > li a span, .th_active #Dashboard ul.navbar-nav > li.dropdown .dropdown-menu li a span { border-bottom: 2px solid #fff; padding:8px 0 0 0; } #Dashboard ul.navbar-nav > li.dropdown .dropdown-menu li a span { border-bottom: 2px solid #53075b; padding:8px 0 0 0; } #Dashboard ul.navbar-nav > li > a, #Dashboard ul.navbar-nav > li.dropdown .dropdown-menu li a, #Dashboard ul.navbar-nav > li.dropdown .dropdown-menu li a:hover, #Dashboard ul.navbar-nav > li.dropdown .dropdown-menu li.active a { color:#53075b; font-family:'Open Sans', sans-serif; } #Dashboard ul.navbar-nav > li > a span, #Dashboard ul.navbar-nav > li.Border > a { border-color:#53075b; } #Dashboard ul.navbar-nav > li.active > a { border-bottom-color: #52075a; color: #52075a; } #Dashboard ul.navbar-nav > li > a > img,img.avatar { height: 24px; position: relative; top: 3px; right: -8px;background-color:#fff ;border-radius:20px; border:1px solid #fff } #Dashboard ul.navbar-nav > li.Border > a:hover { background: #52075a; color: #fff; } #TopHead.th_active #Dashboard ul.navbar-nav > li > a, #TopHead.th_active #Dashboard ul.navbar-nav > li.dropdown .dropdown-menu li a, #TopHead.th_active #Dashboard ul.navbar-nav > li.dropdown .dropdown-menu li a:hover, #TopHead.th_active #Dashboard ul.navbar-nav > li.dropdown .dropdown-menu li.active a { color: #fff; } #Dashboard ul.navbar-nav > li > a > img.Color, #TopHead.th_active #Dashboard ul.navbar-nav > li > a > img.White { display:none; } #TopHead.th_active #Dashboard ul.navbar-nav > li > a > img.Color { display:inline-block; } #TopHead.th_active #Dashboard ul.navbar-nav > li.Border > a { border-color:#fff; } #Dashboard .navbar-toggler[aria-expanded="true"]::before { background-image: url(/wp-content/themes/ypulse/assets/images/close_color.svg); } #Dashboard .navbar-toggler[aria-expanded="false"]::before { background-image:url(/wp-content/themes/ypulse/assets/images/nav_color.svg); } .post-type-archive-wp_ypulse_article .menu-item-has-children ul, .post-type-archive-wp_ypulse_report .menu-item-has-children ul{ display:block; } @media All and (max-width:1279px) { #Dashboard ul.navbar-nav > li { margin: 0 8px; } #Dashboard ul.navbar-nav > li > a { font-size:14px; padding:0 3px; } } @media All and (max-width:991px) {img.avatar { background-color: #fff; border-radius: 33px; border: 1px solid #fff; margin-left: 4px; margin-top: -3px; margin-right: -10px;} .is_mobile_menu #TopNav { /*height:calc(100vh - 60px);*/ overflow-y:scroll; background:#52075a; } .is_mobile_menu html, .is_mobile_menu body { overflow:hidden; } #TopNav ul.navbar-nav { padding-left:0; } #TopNav ul.navbar-nav > li#ForMobile { display:block; margin-top:10px; } #TopNav ul.navbar-nav > li#ForDesktop { display:none; } #FreeUser ul.navbar-nav > li.AddAccount { display:block; } #TopNav ul.navbar-nav > li.AddAccount img { height:24px; display:inline-block; position:relative; right:-5px; } #TopNav { float:none; margin:0; } #TopNav .navbar { padding:0; } #TopNav .navbar-nav { width:100%; display:flex; margin:0; text-align:left; } #TopNav .navbar-collapse {background: rgba(92,12,101,1); background: -moz-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(92,12,101,1)), color-stop(100%, rgba(50,3,55,1))); background: -webkit-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -o-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -ms-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: linear-gradient(to right, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c0c65', endColorstr='#320337', GradientType=1 );} #TopNav ul.navbar-nav > li { margin:0; display:block; position:relative; } #TopNav ul.navbar-nav>li>a { color: #fff !important; padding:6px 0; font-size:14px; line-height: 20px; font-weight: 600; display: block; position: relative; border: none; display:inline-block; margin:0 30px 0 15px; } #TopNav ul.navbar-nav > li > a > span, #TopNav ul.navbar-nav>li>a:hover span { display:none; } #TopNav ul.navbar-nav > li.dropdown .dropdown-menu li { display:block; } #TopNav ul.navbar-nav > li.dropdown .dropdown-menu li span { display:none; } #TopNav ul.navbar-nav > li > a:hover, #TopNav ul.navbar-nav > li.show > a, #TopNav ul.navbar-nav > li.active > a { background:none !important; } #TopNav ul.navbar-nav>li.dropdown .dropdown-menu { background-color: #320338; box-shadow:none; padding:0; text-align:left; } #TopNav ul.navbar-nav>li.dropdown .dropdown-menu li a { border-bottom-color: rgba(255,255,255,0.2); color: #fff; margin-left: 15px; font-size: 14px; padding-left: 0; display: inline-block; } .th_active #TopNav ul.navbar-nav > li.dropdown .dropdown-menu{padding-bottom:0;} #TopNav ul.navbar-nav>li.dropdown>.dropdown-toggle::after { display: inline-block; margin: 0; background: rgba(0,0,0,0.1); height: auto; width: auto; text-align: center; position: absolute; top:14px;right:-10px;border-top: 6px solid #fff; border-right: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid transparent; }.rightCol{position: absolute !important;top: 0;right: 0;} #TopNav ul.navbar-nav>li.dropdown > a { padding-right:10px; margin-right:0; }.Row2nd {top:40px;right:6px;}.Row3rd {top: 64px;} #Dashboard ul.navbar-nav > li > a > img { top:0; } #Dashboard ul.navbar-nav > li.AddAccount img.White { display:none; } #Dashboard ul.navbar-nav > li.AddAccount img.Color { display:inline-block; } #Dashboard ul.navbar-nav > li.Border > a { border-color: #fff; } #TopHead.th_active #Dashboard .navbar-toggler[aria-expanded="true"]::before { background-image: url(/wp-content/themes/ypulse/assets/images/close.svg); } #TopHead.th_active #Dashboard .navbar-toggler[aria-expanded="false"]::before { background-image:url(/wp-content/themes/ypulse/assets/images/nav.svg); } .menu-item-has-children ul{ display:block !important; } } /******************************************************************************* * END top-menu.css ******************************************************************************/ /**************************************** Layout ****************************************/ .p-16 { font-size:16px !important; } .no-padd { padding:0 !important; } .l-padd { padding-left:0 !important } .r-padd { padding-right:0 !important; } .no-row { margin:0 !important } .h2, body h2 { font-size:22px; font-weight:bold; font-family:Vollkorn; } .h4, h4 { font-size:16px; } .h1, body h1, .SrvcBox.Article .Inner .Title { font-size:30px; font-weight:bold; font-family:Vollkorn; color: #212529; } a, a:active, a:visited, a:link, a:hover { text-decoration: none !important; outline:none !important; color: #1b28fb; cursor: pointer; } a.text-purple, a.text-purple:active, a.text-purple:visited, a.text-purple:link, a.text-purple:hover { color: var(--yp-purple); } .SrvcBox.Article .Inner .Title{min-height:unset;} .SrvcBox.Article .Inner p.content{min-height:66px;} .SrvcBox.Article .Inner p.content{ height:96px; overflow: hidden;} .SrvcBox.Article .Inner a.moreInfo::after{display:none;} .SrvcBox a, .SrvcBox a:active, .SrvcBox a:visited, .SrvcBox a:link, .SrvcBox a:hover { color: var(--yp-purple); } .Article .Inner .Title { font-size: 20px; font-weight:bold; } .navbar-nav .dropdown.show .dropdown-menu { display:block; } /* The links in the nav-bar come with their own underline */ body .rounded { border-radius: 20px !important; width:100%; } .large-text { line-height: 100px; font-family: Vollkorn, serif; font-size:100px; color: #400646; } .stat_box h1 { line-height: 28px; } #navbarContent .primeaccount, #navbarContent .proaccount, #navbarContent .freeaccount, #navbarContent .smiaccount { display: none; } /*body .ml-2, .mx-2 { margin-left: 2rem!important; } body .mr-2, .mx-2 { margin-right: 2rem!important; } body .ml-3, .mx-3 { margin-left: 4rem!important; } body .mr-3, .mx-3 { margin-right: 4rem!important; } body .ml-4, .mx-4 { margin-left: 6rem!important; } body .mr-4, .mx-4 { margin-right: 6rem!important; } body .ml-5, .mx-5 { margin-left: 8rem!important; } body .mr-5, .mx-5 { margin-right: 8rem!important; } body .ml-6, .mx-6 { margin-left: 10rem!important; } body .mr-6, .mx-6 { margin-right: 10rem!important; } body .ml-7, .mx-7 { margin-left: 12rem!important; } body .mr-7, .mx-7 { margin-right: 12rem!important; } body .ml-8, .mx-8 { margin-left: 14rem!important; } body .mr-8, .mx-8 { margin-right: 14rem!important; }*/ a.moreInfo:hover { color:#52075a } .select { width: 100%; padding: 10px 15px 10px 10px; border: 1px solid #5c0b65; border-radius: 100px; } form input[type=submit] { border-radius: 12px; padding:11px 30px; font-weight: bold; } .purple .select {border: 1px solid #5c0b65; } form .purple input[type=submit] { color:#fff; background-color: #53075b; border: 1px solid #53075b; } .select { width: 100%; padding: 10px 20px 10px 20px; border-radius: 100px; background: url("/wp-content/themes/ypulse/assets/images/down-arrow.png") no-repeat right; -webkit-appearance: none; background-position-x: 94%; font-weight: bold; background-size: 13px; } .head-450 { height:450px !important; } .MainHeader a:hover { color:#fff; } .activated { background-color: #53075B; color: #fff; } .MainWrapper { max-width:1220px; display:block; margin:0px auto; position:relative; } /* OWL adjustment - the slider of article cards / articles */ /* Always center the owl-dots */ .owl-dots { margin-left: auto; margin-right: auto; text-align: center; display: block; } .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span { background: #869791; } .owl-dots .owl-dot span { width: 50px; height: 50px; margin: 20px 15px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; } .small_img [class*=wp-image-] { height:75px; width:75px; } /**===== TOP HEADER ==**/ #TopHead { width:100%; position:fixed; left:0; width:100%; z-index:1001; -webkit-transition: 0.3s ease; transition: 0.3s ease; } #TopHead.th_active { background: rgba(92,12,101,1); background: -moz-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(92,12,101,1)), color-stop(100%, rgba(50,3,55,1))); background: -webkit-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -o-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -ms-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: linear-gradient(to right, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c0c65', endColorstr='#320337', GradientType=1 ); padding-bottom:15px; } #TopHead.purpleFlatTopHead {background: rgba(92,12,101,1); background: -moz-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(92,12,101,1)), color-stop(100%, rgba(50,3,55,1))); background: -webkit-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -o-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -ms-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: linear-gradient(to right, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c0c65', endColorstr='#320337', GradientType=1 ); padding-bottom:15px; } #TopHead .Logo { position:absolute; top:auto; z-index:1; } #TopHead .Logo img { height:25px; width:auto; } /*===== HEADING STYLE ==*/ .TitleStyle { position:relative; text-align:center; margin-bottom:40px; } .SmallTitle { font-size:0.75em; line-height: 1.2; color:#697f97; font-weight:700; text-transform:uppercase; margin-bottom: .5rem; } h2.Title { font-size:50px; line-height:56px; font-weight:400; color:#1f262e; margin-bottom:10px; } h3.Tagline { font-size:23px; line-height:32px; font-weight:300; color:#1f262e; margin-bottom:30px; } /*===== DESIGN LAYOUT ==*/ .WhiteWrapper, .GreyWrapper { position:relative; padding:3.5em 0 0 0; } .WhiteWrapper { background:#fff; } .GreyWrapper { background:#f5f5f5; } .MainHeader { background: rgba(92,12,101,1); background: -moz-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(92,12,101,1)), color-stop(100%, rgba(50,3,55,1))); background: -webkit-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -o-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -ms-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: linear-gradient(to right, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c0c65', endColorstr='#320337', GradientType=1 ); color:#fff; position:relative; overflow:hidden; } .MainHeader.Home::before { content:''; background-image:url(/wp-content/themes/ypulse/assets/images/hero-strips.png); background-repeat:no-repeat; background-position:top left; width:598px; height:900px; position:absolute; top:0; left:0; } .TopHeadHeightFixed { height:73px; } .MainHeader h1 { font-size: 3em; line-height: 1.2; font-weight:bold; color:#fff;} .MainHeader a { margin-bottom: 10px; font-weight: 700; color: #fff; } .MainHeader a.moreInfo span { border-bottom-color:#fff; } .bg-white a { color: #334458 !important; padding-bottom: 0px !important; } .locked { padding: 5px 20px 5px 33px; background-image: url("/wp-content/themes/ypulse/assets/images/lock.png"); font-size: 14px; font-weight: normal; background-repeat: no-repeat; background-size: 14px; background-position: 12px; } .bg-purple { background:rgba(92,12,101,1); color: #fff; } .arrow a::after { content: ''; background-image: url(/wp-content/themes/ypulse/assets/images/link_arrow.svg); background-position: center center; background-size: auto 100%; background-repeat:no-repeat; width: 26px; height: 16px; position: absolute; top: 6px; right: -39px; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .MainHeader a:hover::after { right:-42px; } .MainHeader p { font-weight: 300; font-size: 1em; } #HeadImg {overflow: hidden;} #HeadImg img { max-height:440px; object-fit: cover; object-position: center;} .MainHeader.Subpage { text-align:center; padding-bottom:25px; min-height:400px; } .MainHeader.Subpage .TopHeadHeightFixed { height: 116px; } .MainHeader.Subpage::before { content: ''; background-image: url(/wp-content/themes/ypulse/assets/images/hero-strips-right.png); background-repeat: no-repeat; background-position: unset; width: 50%; height: 100%; background-size: cover; position: absolute; right: 0; } .MainHeader.Subpage h1 { margin-bottom: .5rem;} main#site-content {margin-top: 5em;} body:not(.page-template-template-home) .MainHeader .Button, body:not(.page-template-template-home) .MainHeader .moreInfo{ margin-bottom: 4em; } .CompaniesLogo .SmallTitle { padding-bottom:0em; } /*== Article */ .MainArticles { margin-bottom:2em; } .MainArticles .Button { padding:2em 0; text-align:center; } #Footer .Button { text-align: center; margin-top: -4em; margin-right: -4em; } #Footer .inner ul { width: 33%; float: left; } .Article { background:#fff; overflow:hidden; -webkit-box-shadow: 0px 0px 30px rgba(137, 156, 197, 17%); box-shadow: 0px 0px 30px rgba(137, 156, 197, 17%); -webkit-border-radius:20px; border-radius:20px; -webkit-transition: 0.3s ease; transition: 0.3s ease; text-align:left; margin-bottom:15px; } .Article .head { max-height: 165px; overflow: hidden; min-height:165px; } .full-width .Article .head { max-height: 100%; } .full-width .Article .head img { height:100% } .Article .head img { width:100%; max-width:100%; } .Article:hover { -webkit-box-shadow: 0px 0px 30px rgba(137,156,197,0.50); box-shadow: 0px 0px 30px rgba(137,156,197,0.50); } .Article .Inner { padding:20px; min-height:234px; position:relative;} .date-link .bottom { position: absolute; bottom: 12px; width: auto; }.date-link .Link{right:55px;} .Article .Title { font-weight:bold; font-size:20px; line-height: 1.2; color:#2b3c4d; margin-bottom: .5rem; /* max-height:50px; min-height:50px; overflow:hidden; */ } .full-width .Article .Title { max-height: unset; min-height: unset; overflow:inherit; } .Article p { font-weight: 300; font-size: .875em; line-height: 23px; margin-bottom: .7rem; } .Article table { width:100%; } .Article .Data, .Article .Link { font-weight:700; color:#2b3c4d; } .Article .Link { text-align:right; padding-right:33px; } .Article .Link a { position:relative; font-family: 'Open Sans', sans-serif; } .QuoteBox { margin-bottom:50px; } .QuoteBox .Inner { background:#fff; -webkit-box-shadow: 0px 0px 30px rgba(137, 156, 197, 17%); box-shadow: 0px 0px 30px rgba(137, 156, 197, 17%); -webkit-border-radius:20px; border-radius:20px; padding: 40px 30px 20px; text-align:center; max-width:70%; margin:auto; } .QuoteBox .Inner .Lrg { color: #53075b; margin-bottom: 35px; font-size: 1.3em; font-weight:600; line-height: 35px; } .QuoteBox .Inner .Lrg ~ p{margin-bottom:30px;font-size: 20px;color: #20262d;text-transform:capitalize;} /*== Services */ .HomeServices { margin:2em 0 2em 0; } .SrvcBox { background:#fff; -webkit-box-shadow: 0px 0px 30px rgba(137, 156, 197, 17%); box-shadow: 0px 0px 30px rgba(137, 156, 197, 17%); -webkit-border-radius:20px; border-radius:20px; position:relative; } .SrvcBox::after { content:''; width:10px; height:50px; position:absolute; left:80px; bottom:-50px; background:#fff; -webkit-box-shadow: 0px 0px 30px rgba(137,156,197,0.5); box-shadow: 0px 0px 30px rgba(137,156,197,0.5); } .SrvcBox.Last::after { display: none; }.SrvcBox .Name { font-size:1em; line-height:24px; text-align:center; color:#212529; font-weight:700; /* padding:20px 40px; min-width:175px; max-width:175px; */ } .SrvcBox .Name img { /*margin-bottom:15px; */ } .SrvcBox .Pic img.image-250 {max-width:250px;} .SrvcBox .Pic img { /* min-height:204px; */ } /*.SrvcBox.Article .Pic img{ max-width:unset; min-height:unset; }*/ .no-small-img .SrvcBox .Pic img { /* max-width: 100%; max-height: 100%; height: 100%; width:100%; */ } .no-small-img .Article .head { max-height: unset; } .SrvcBox .Pic img.ImgMbl { display:none; } .SrvcBox .Info { /* padding:20px 30px; */ } .SrvcBox .Info .Heading, .Article .Title { font-size:3em; line-height: 1.2; color:#212529; font-weight:400; /* margin-bottom: .5rem; */ font-family: Vollkorn; } .alignleft { display: inline; float: left; margin-right: 15px; } #TopNav ul.navbar-nav > li > a.piano-action-account, #TopNav ul.navbar-nav > li > a.piano-action-account:hover { border: none; background-color:transparent !important; } #TopNav ul.navbar-nav > li a.piano-action-account span { border-color: transparent; background-color: transparent; width: 24px; height: 24px; right: 13px !important; margin-left: 25px !important; background-image: url(/wp-content/themes/ypulse/assets/images/icons/icon-profile-white.svg); background-repeat: no-repeat; left: unset !important; } .SrvcBox .Info .Link a { position:relative; font-weight:700; } .SrvcBox .Info .Link a::after { content: ''; background-image: url(/wp-content/themes/ypulse/assets/images/link_arrow_dark.svg); background-position: center center; background-repeat:no-repeat; background-size: auto 100%; width: 26px; height: 16px; position: absolute; top: 6px; right: -39px; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .SrvcBox .Info p { font-weight: 300; font-size: 1.25em; line-height: 30px; color:#212529; } .Video { margin:6em 0 2em; } .Video .Inner { background-image:url(/wp-content/themes/ypulse/assets/images/bg_video.png); background-repeat:no-repeat; background-size:cover; background-position:center center; -webkit-border-radius:20px; border-radius:20px; min-height:200px; position:relative; max-width:90%; margin:auto; } .Video .Title { font-size:1em; line-height:1.5; font-weight:700; color:#fff; background:#52075a; display:inline-block; margin-top:40px; padding:8px 15px; } .Video .Btn a { background:#fff; height:80px; width:80px; display:inline-block; border-radius:100%; line-height:80px; text-align:center; position:absolute; top:50%; left:50%; margin-top:-40px; margin-left:-40px; z-index:1; padding:25px; } .Newsletter .Inner { background: rgba(92,12,101,1); background: -moz-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(92,12,101,1)), color-stop(100%, rgba(50,3,55,1))); background: -webkit-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -o-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -ms-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: linear-gradient(to right, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c0c65', endColorstr='#320337', GradientType=1 ); -webkit-border-radius:20px; border-radius:20px; padding:30px 50px; color:#fff; max-width:65%; margin:4em auto 2em auto; font-size: 1.2em; line-height: 24px; } .Newsletter p { margin-bottom:20px; } .Newsletter input[type=text] { background:#fff; border:none; font-size: 1rem; font-weight: 400; line-height: 1.5; color:#495057; width:100%; border-radius:50px; padding: .375rem .75rem; margin-bottom:8px; } .Newsletter button[type=submit], .Newsletter button[type=button] { background:none; border:none; font-weight:700; color:#fff; display:inline-block; line-height:40px; position:relative; padding:8px; font-size: 1rem; line-height: 1.5; } .Newsletter button[type=submit]::after, .Newsletter button[type=button]::after { content: ''; background-image: url(/wp-content/themes/ypulse/assets/images/link_arrow.svg); background-position: center center; background-repeat:no-repeat; background-size: auto 100%; width: 26px; height: 16px; position: absolute; top: 14px; right: -30px; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .Newsletter button[type=submit]:hover::after, .Newsletter button[type=button]:hover::after { right: -32px; } /*== SUBPAGES =*/ .DetailArea .description { color:#212529; font-weight: 300; font-size: 1.25em; line-height: 30px; } .SubpageWrapper .heading3 { color: #516375; font: 400; font-size: 2em; } .DetailArea #piano-paywall-fading.blur { position:relative;overflow:hidden;} .DetailArea .blur#piano-paywall-fading::after { content: ""; position: absolute; background: -moz-linear-gradient(180deg, rgba(255,255,255,.7)0%, #ffffff 100%); background: -webkit-linear-gradient(180deg, rgba(255,255,255,.7)0%, #ffffff 100%); background: linear-gradient(180deg, rgba(255,255,255,.7)0%, #ffffff 100%); top:85%; width: 100%; height:20%;left:0;} .unlockContent{display:none;}.unlockContent.article{display:block;} .unlockContent { text-align:center; } .Sidebar_widget { margin-bottom:2em; } .Sidebar_widget .Newsletter h2 { font-size: 1.2em; line-height: 24px; margin-bottom: 20px; } .Sidebar_widget .Newsletter .Inner { padding: 30px; color: #fff; max-width: 100%; font-weight:300; margin:0; } .downloadPdf { margin-top: 15px; } .downloadPdf .download { box-shadow: 0px 0px 33px rgba(137,156,197,0.17); display: flex; justify-content: space-between; align-items: center; color: #20262d; padding: 16px 22px; } .downloadPdf .download .downloadText { font-size: 1.375em; } .downloadPdf .download .icon { height: 24px; } .downloadPdf .download .iconText { margin-left: 8px; font-weight: 300; } .sources { margin-top: 15px; box-shadow: 0px 0px 33px rgba(137,156,197,0.17); padding: 20px; } .sources .title { font-size: 1.375em; color:#212529; }.small_btn{border-radius: 11px; background-color: #3f0645; color: #fff; padding: 2px 8px; font-size: 12px; float: right;} .sources .source .link { color: #516375; font-weight: 300;margin-left:2px;} .sources .source .link .icon { height:16px; width:26px; margin-left: 8px; margin-top:5px; } .sources .releaseDate { margin-top: 10px; } .sources .releaseDate .title { margin-bottom: 0; color:#212529; } .sources .releaseDate .description { margin-top: 10px; font-size: 1em; margin: 0; color: #516375; } .socialLinks { display: flex; margin-top: 25px; justify-content: center; } .socialLinks .link { display: inline-block; width: 32px; height: 32px; border: 2px solid #53075b; text-align: center; line-height: 32px; border-radius: 50%; vertical-align: middle; display: flex; align-items: center; justify-content: center; } .socialLinks .link:not(:last-child) { margin-right: 8px; } .socialLinks .link img { height:15px; } .MyBox .Title { text-align:center; } .MyBox .Title h2 { font-size:3em; line-height:1.5; font-weight:400; color:#20262D; } .MyBox .Title h3 { font-size:1em; font-weight:700; color:#20262D; } .MyBox .SigninWith img { height:24px; margin-right:8px; } .template-search .SearchBox { max-width:100%; } .template-search .SearchBox input { width:100%; } .MyBox .form-search { border:none; border-bottom:2px solid #53075b; border-radius:0; padding:12px 10px; } .form-search { font-family: 'Open Sans', sans-serif; font-size:1rem; line-height:1.5; color:#495057; font-weight:400; background:#fff; border:1px solid #ced4da; border-radius:30px; height:auto; padding: .6rem 1rem; margin:0; box-shadow:none; cursor:text; position:relative; z-index: 1; width:100%; } .form-search:focus { color:#000; } .form-search::-moz-placeholder, .form-search:-ms-input-placeholder, .form-search::-webkit-input-placeholder { color: #999; }/*.marquee1 div:nth-child(1),.marquee1 div:nth-child(0){width:100% !important;}*/ .FieldWrapper { position:relative; } .FieldWrapper::before { content:''; width:2px; height:30px; position:absolute; bottom:10px; left:0; background:#4e5d6c; z-index:2; } .MyBox label { font-size:16px; color:#2B3C4D; font-weight:700; margin-bottom: 13px; } .MyBox p { margin-bottom:25px; } .shadow_box { -webkit-box-shadow: 0px 0px 30px rgba(137, 156, 197, 17%); box-shadow: 0px 0px 30px rgba(137, 156, 197, 17%); -webkit-border-radius: 20px; border-radius: 20px; -webkit-transition: 0.3s ease; transition: 0.3s ease; padding: 5px 0; width: 100%; float: left; } .account_type .shadow_box { padding:5px 8px 5px 8px; font-family:Vollkorn; font-size:22px; font-weight:bold; cursor:pointer; } .account_type .shadow_box:hover { background-color: #53075B; color: #fff; } .shadow_list { position: relative; } .shadow_list .SrvcBox { margin-bottom: -4em;margin-top:2em;} .shadow_list table { width:100% } .shadow_list .SrvcBox:nth-child(1) { z-index: 9; } .shadow_list .SrvcBox:nth-child(2) { z-index: 8; } .shadow_list .SrvcBox:nth-child(3) { z-index: 7; } .shadow_list .SrvcBox:nth-child(4) { z-index: 6; } .shadow_list .SrvcBox:nth-child(4) { z-index: 5; } .shadow_list .SrvcBox:nth-child(5) { z-index: 4; } .shadow_list .SrvcBox:nth-child(6) { z-index: 3; } .shadow_list .SrvcBox:nth-child(7) { z-index: 2; } .shadow_list .SrvcBox:nth-child(1) table td { padding: 10px 0; } .gray-text { color:#20262D; } .underline { text-decoration: underline !important; } /*Product*/ .shadow_list .SrvcBox .Name { padding-bottom:10px; padding-top:40px; } .shadow_list p { margin-bottom:5px; font-size: 14px; line-height:18px; font-weight: normal; } .shadow_list .SrvcBox .Name img { margin-bottom:0px; } .shadow_list .SrvcBox { border-radius:3px; } .shadow_list .serviceName { font-weight:bold; margin-bottom: 0; } .overlap { background: transparent; } .account_type { margin-top:0em; } .Package { margin-top: 2em; } .Article p { font-size: 16px !important; font-weight: 400; } .Article .Title { font-size:30px; max-height:75px; } .product .SrvcBox .Pic img { max-width: 270px; min-height: 300px; } .Article .Title { margin-bottom:.9rem} .Theme.btn.AnchorBtn { margin-bottom:5px; } span.company_range, .employee_range { border: 3px solid #53075B; padding: 7px 5em; border-radius: 23px; font-weight:bold; } .Package { margin-bottom: 8px; } div#yp-slider-label-min { position: absolute; top: 0; left: 0; margin-top: 0.75em; font-weight: bold; font-size: initial; } #yp-slider-label-max { position: absolute; top: 0; right: 0; margin-top: 0.75em; font-weight: bold; font-size: initial; } .yp-slider-label { display: block; color:#53075B; font-size: x-large; margin-top: 1em; } .HomeServices { margin:0em 0 2em 0; } .overlap-box { position: absolute; top: 95%; padding: 0 2%; z-index: 999; background-color: transparent; } /*End Product*/ /*Dashboard*/ .MainHeader.Dashboard { background:#fff; color:#20262D; text-align:center; } .MainHeader.Dashboard h1 { color:#20262D; margin-bottom:0; margin-top:17px; } .MainHeader.Dashboard p { font-weight:400; margin: 0; font-size: 1.1em; } #TopHead .Logo img.LogoWhite, #TopHead.th_active .Logo img.LogoColor { display:none; } #TopHead.th_active .Logo img.LogoWhite { display:inline-block; } .post_bg { background-size:100%; min-height:400px; } .tb-div { position:absolute !important; bottom: 0; } .tb-div p { margin-top: 0; font-weight: bold; line-height: 10px; } .tb-div h1 { margin-bottom: 0; } /* Delete me - CategoryLinks */ .CategoryLinks { position:relative; /* margin-bottom:20px; */ } .CategoryLinks > ul { margin:0; padding:0; list-style:none; } .CategoryLinks > ul > li { margin:0 8px 8px 0; padding:0; font-size:.8em; line-height:1.2; font-weight:700; color:#2B3C4D; display:inline-block; } .CategoryLinks > ul > li > a { color:#2B3C4D; border:1px solid #f5f5f5; padding:8px 10px; display:inline-block; border-radius:6px; } .CategoryLinks > ul > li > a:hover { background:#2B3C4D; border-color:#2B3C4D; color:#fff; } .CategoryLinks .dropdown-toggle::after { display:none; } .CategoryLinks ul li.dropdown > a { border-color:#53075b; background:#53075b; color:#fff !important; } .CategoryLinks .dropdown-menu { min-width: 380px; padding:20px; margin: 10px 0 0 0; border: none; border-radius: 0; -webkit-box-shadow: 0px 0px 30px rgba(137,156,197,0.25); box-shadow: 0px 0px 30px rgba(137,156,197,0.25); transform: none !important; } .CategoryLinks .dropdown-menu.show { left:auto !important; right:0 !important; top:100% !important; } .CategoryLinks .dropdown-menu > img.Close { height:20px; position:absolute; top:15px; right:15px; cursor:pointer; } .CategoryLinks .dropdown-menu .DateFilter { margin-bottom:30px; } .CategoryLinks .dropdown-menu h3 { margin:0 0 15px 0; padding:0; color:#2B3C4D; font-size:16px; line-height:20px; font-weight:700; } .CategoryLinks .dropdown-menu ul { margin:0 0 6px 0; padding:0; list-style:none; font-size:13px; font-weight:400; line-height:20px; color:#A8B1BA; } .CategoryLinks .dropdown-menu ul li { margin:0; padding:0; } .CategoryLinks .dropdown-menu ul li a { display:block; color:#A8B1BA; } .CategoryLinks .dropdown-menu ul li a:hover { color:#2b3c4d; } .CategoryLinks .dropdown-menu ul li a strong { color:#53075b; } .CategoryLinks .dropdown-menu .row { margin-left:-8px; margin-right:-8px; } .CategoryLinks .dropdown-menu .row .col-6 { padding-left:8px; padding-right:8px; } .SearchBox { width:100%; max-width:250px; position:absolute; top:-69px; right:0; } .searchpage { max-width:none; } .owl-carousel:not(.owl-loaded) { opacity: 0; visibility:hidden; height:0; } .owl-stage {display: flex;} .CompaniesLogo{display:none;} table.selected { background-color: #eee; opacity: .5; } .account_type .shadow_box.pro:hover~.toolkit.pro { display:block } .account_type .shadow_box.prime:hover~.toolkit.prime { display:block } .account_type .shadow_box.free:hover~.toolkit.free { display:block } .toolkit { position: absolute; display:none; background-color:#f0f4fc; padding: 5px 14px; color:#53075b; width: 70%; transform: translate(-50%, 0%); left: 50%; top: -30px; font-weight:bold; font-size: 14px; border-radius: 25px; } .template-insights .SearchBox { top:-70px; } .MainHeader.Dashboard.insight { overflow: unset; } .viewAll { float:right } .DashboardContents .Article { margin-bottom:30px; } .Article.Premium { background: rgba(92,12,101,1); background: -moz-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(92,12,101,1)), color-stop(100%, rgba(50,3,55,1))); background: -webkit-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -o-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -ms-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: linear-gradient(to right, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c0c65', endColorstr='#320337', GradientType=1 ); color:#fff; } .Article.Premium p, .Article.Premium .Title, .Article.Premium .Data, .Article.Premium .Link, .Article.Premium .Link a { color:#fff; } .Article.Premium .Link a.moreInfo span { border-color:#fff; } .Article.Premium a::after { background-image: url(/wp-content/themes/ypulse/assets/images/link_arrow.svg); } .Article .Badge { position:absolute; top:10px; left:30px; color:#53075b; } .Article .Badge img { position:relative; top:2px; } /*Dashboard*/ /*===== FOOTER ==*/ .contactUs .FieldWrapper::before{bottom:32px;} #Footer { background: rgba(92,12,101,1); background: -moz-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(92,12,101,1)), color-stop(100%, rgba(50,3,55,1))); background: -webkit-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -o-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -ms-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: linear-gradient(to right, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c0c65', endColorstr='#320337', GradientType=1 ); font-size:15px; line-height:22px; color:#a07da3; padding:80px 50px; font-weight:600; margin-top: 2em;} #Footer .Social img { width:20px; height: 16px; } #Footer a { color:#a07da3; text-decoration:underline !important; min-height: 48px;} #Footer a:hover { color:#fff; } #Footer ul { margin:0; padding:0; list-style:none; } #Footer ul li { margin:0 0 10px 0; padding:0; } #Footer p { margin-bottom:20px; } #Footer img { margin-right:10px; } #Footer .Social img { opacity:.5; } #Footer .Social img:hover { opacity:1; } .headertex { text-align:center; } .MyBox .Title { text-align:center; } .MyBox .Title h2 { font-size:3em; line-height:1.5; font-weight:400; color:#20262D; } .MyBox .Title h3 { font-size: 30px; font-weight: 700; color: #20262D; font-family: Vollkorn-Roman_Bold !important; line-height: 36px; } .MyBox .SigninWith img { height:24px; margin-right:8px; } .MyBox .wpcf7-textarea { border: solid 1px #a8b1ba; border-radius: 35px; } .MyBox .wpcf7-text { border:none; border-bottom:4px solid #53075b; border-radius:0; padding:12px 10px; } .MyBox .wpcf7-textarea { border: solid 1px #a8b1ba; border-radius: 35px; } .MyBox .wpcf7-submit { background: #52075a; color: #fff; border: none; border-radius: 12px; padding: 10px 25px; } .MyBox .form-control { border:none; border-bottom:4px solid #53075b; border-radius:0; padding:12px 10px; } .MyBox .Title { text-align:center; } .MyBox .Title h2 { font-size:3em; line-height:1.5; font-weight:400; color:#20262D; } .MyBox .Title h3 { font-size: 30px; font-weight: 700; color: #20262D; font-family: Vollkorn-Roman_Bold !important; line-height: 36px; } .MyBox .SigninWith img { height:24px; margin-right:8px; } .MyBox .form-control { border:none; border-bottom:3px solid #53075b; border-radius:0; padding:12px 10px; } .txtarea { border-radius: 20px; width: 98%; padding: 8px; border: solid 1px #ccc; } .searchtabactive { background: #53075b; color: white !important; border: #53075b; } .footerul{ width:100% !important; } .footerul li{ width:33%; float:left; } .mob-active, .footerul .rightCol{ display:none; } .lg-active{display:block !important;} /******************************************************************************* * 18. Michael no idea what's going on here but want CSS classes ¯\_(ツ)_/¯ ******************************************************************************/ .wp_ypulse_companies_carousel { margin-top: 2em; overflow: hidden; white-space: nowrap; } .yp-rounded-top { border-top-left-radius: 20px; border-top-right-radius: 20px; } .yp-rounded-bottom { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .yp-rounded-left { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .yp-rounded-right { border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .yp-rounded { border-radius: 20px; } .yp-shadow { box-shadow: 0px 0px 5px 5px rgba(137, 156, 197, 23%); } /* Make the report-download buttons use a download mouse cursor */ .yp_report_download { cursor: pointer; } .image-container { overflow: hidden; } .image-container img { min-width: 100%; min-height: 100%; object-fit: cover; object-position: center; } .yp-grid-item { margin-top: 1em; cursor: pointer } .yp-grid-item:hover { transform: translateY(-5px); transition: transform 0.2s; } .yp-grid-item .head { margin-left: -15px; margin-right: -15px; } .yp-grid-item .title { color: var(--yp-dark); margin-top: 0.5em; font-size: large; line-height: 1.2em; min-height: 3.6em; } .yp-grid-item.yp-grid-item-wide .title {line-height: 1.2em; min-height: 1.2em; } .yp-grid-item .excerpt {margin-top: 2em; line-height: 1.2em; min-height: 3.6em;} .yp-grid-item a { color: var(--yp-purple);} .arrow { content: ''; background-image: url(/wp-content/themes/ypulse/assets/images/link_arrow_dark.svg); background-position: center center; background-repeat:no-repeat; background-size: auto 100%; width: 26px; height: 16px; display: inline-block; position: relative; top: 3px; left: 3px; transition: 0.3s ease; -webkit-transition: 0.3s ease; } .arrow-white { background-image: url(/wp-content/themes/ypulse/assets/images/link_arrow.svg); } .wp_ypulse_report .arrow { background-image: url(/wp-content/themes/ypulse/assets/images/link_arrow.svg); } /* .yp-grid-item.wp_ypulse_report.region-north-america, .yp-grid-item.wp_ypulse_webinar.premium.region-north-america { background: rgba(92,12,101,1); background: -moz-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(92,12,101,1)), color-stop(100%, rgba(50,3,55,1))); background: -webkit-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -o-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -ms-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: linear-gradient(to right, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c0c65', endColorstr='#320337', GradientType=1 ); } .yp-grid-item.wp_ypulse_report.region-western-europe, .yp-grid-item.wp_ypulse_webinar.premium.region-western-europe { background: rgba(0, 51, 153, 1); background: -moz-linear-gradient(left, rgba(0, 51, 153, 1) 0%, rgba(50,3,55,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 51, 153, 1)), color-stop(100%, rgba(50,3,55,1))); background: -webkit-linear-gradient(left, rgba(0, 51, 153, 1) 0%, rgba(50,3,55,1) 100%); background: -o-linear-gradient(left, rgba(0, 51, 153, 1) 0%, rgba(50,3,55,1) 100%); background: -ms-linear-gradient(left, rgba(0, 51, 153, 1) 0%, rgba(50,3,55,1) 100%); background: linear-gradient(to right, rgba(0, 51, 153, 1) 0%, rgba(50,3,55,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003399', endColorstr='#320337', GradientType=1 ); } .region-north-america-background { background: rgba(92,12,101,1); background: -moz-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(92,12,101,1)), color-stop(100%, rgba(50,3,55,1))); background: -webkit-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -o-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: -ms-linear-gradient(left, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); background: linear-gradient(to right, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c0c65', endColorstr='#320337', GradientType=1 ); } .region-western-europe-background { background: rgba(0, 51, 153, 1); background: -moz-linear-gradient(left, rgba(0, 51, 153, 1) 0%, rgba(50,3,55,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 51, 153, 1)), color-stop(100%, rgba(50,3,55,1))); background: -webkit-linear-gradient(left, rgba(0, 51, 153, 1) 0%, rgba(50,3,55,1) 100%); background: -o-linear-gradient(left, rgba(0, 51, 153, 1) 0%, rgba(50,3,55,1) 100%); background: -ms-linear-gradient(left, rgba(0, 51, 153, 1) 0%, rgba(50,3,55,1) 100%); background: linear-gradient(to right, rgba(0, 51, 153, 1) 0%, rgba(50,3,55,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003399', endColorstr='#320337', GradientType=1 ); } */ .yp-grid-item.wp_ypulse_report .title, .yp-grid-item.wp_ypulse_report .excerpt, .yp-grid-item.wp_ypulse_report .footer, .yp-grid-item.wp_ypulse_report .footer a, .yp-grid-item.wp_ypulse_webinar.premium .title, .yp-grid-item.wp_ypulse_webinar.premium .excerpt, .yp-grid-item.wp_ypulse_webinar.premium .footer, .yp-grid-item.wp_ypulse_webinar.premium .footer a { color: var(--yp-white); } .wp_ypulse_webinar.premium span.arrow { background-image: url(/wp-content/themes/ypulse/assets/images/link_arrow.svg); } /* Make the (primary) Bootstrap button YPulsey */ .btn-outline-primary { color: var(--yp-purple); border-color: var(--yp-purple); } .btn-outline-primary:focus { box-shadow: 0 0 0 0.2rem var(--yp-purple-50); } .btn-outline-primary:not(.disabled):not(:disabled):active { color: var(--yp-white); background-color: var(--yp-purple); border-color: var(--yp-purple); } .btn-outline-primary:not(.disabled):not(:disabled).active { color: var(--yp-white); background-color: var(--yp-purple); border-color: var(--yp-purple); } .btn-outline-primary:not(.disabled):not(:disabled).active:focus { color: var(--yp-white); background-color: var(--yp-purple); border-color: var(--yp-purple); } .btn-outline-primary:hover { color: var(--yp-white); background-color: var(--yp-purple); border-color: var(--yp-purple); } .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle { color: var(--yp-white); background-color: var(--yp-purple); border-color: var(--yp-purple); } .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem var(--yp-purple-50); } .btn-primary { color: var(--yp-white); background-color: var(--yp-purple); border-color: var(--yp-purple); } .btn-primary:focus { box-shadow: 0 0 0 0.2rem var(--yp-purple-50); } .btn-primary:not(.disabled):not(:disabled):active { color: var(--yp-purple); border-color: var(--yp-purple); background-color: var(--yp-white); } .btn-primary:not(.disabled):not(:disabled).active { color: var(--yp-purple); border-color: var(--yp-purple); background-color: var(--yp-white); } .btn-primary:not(.disabled):not(:disabled).active:focus { color: var(--yp-purple); border-color: var(--yp-purple); background-color: var(--yp-white); } .btn-primary:hover { color: var(--yp-purple); border-color: var(--yp-purple); background-color: var(--yp-white); } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle { color: var(--yp-purple); border-color: var(--yp-purple); background-color: var(--yp-white); } .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem var(--yp-purple-50); } .btn-primary:disabled { color: var(--yp-white); background-color: var(--yp-purple); border-color: var(--yp-purple); } /* A smaller button than btn-sm */ .btn-xs { padding: 0.1rem 0.5rem; font-size: small; font-weight: 700; opacity: 0.9; } .yp-hide-text { font-size: 0; } /* On the overview pages, add more margin to the grid w/o confusing the owl * carousel on the e.g. the start-page */ .articlecontainer .yp-grid-item { margin: 0.8em; } /* Remove the box-shows for the active owl-carousel item. Seems it cannot * calculatethe suroudning box properly? */ .owl-item.active { overflow: hidden; } /* Test to see if that make the footer always be at the bottom without messing * things up... */ body { display: flex!important; flex-direction: column!important; min-height: 100vh!important; } footer { margin-top: auto!important; border-top: 2em var(--yp-white) solid; } /******************************************************************************* * MEDIA QUERIES * Why don't we use the Bootstrap breakpoints and their definitions? Starting... ******************************************************************************/ /** * Breakpoing sm **/ @media screen and (max-width: 575px) { .yp-rounded-xs-top { border-top-left-radius: 20px; border-top-right-radius: 20px; } .yp-rounded-xs-bottom { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .yp-rounded-xs-left { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .yp-rounded-xs-right { border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .yp-rounded-xs { border-radius: 20px; } } @media screen and (min-width: 576px) { .yp-rounded-sm-top { border-top-left-radius: 20px; border-top-right-radius: 20px; } .yp-rounded-sm-bottom { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .yp-rounded-sm-left { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .yp-rounded-sm-right { border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .yp-rounded-sm { border-radius: 20px; } } /* * Breakpoing md */ @media screen and (max-width:767px) { .owl-item div.yp-grid-item.yp-shadow { box-shadow: none; } } @media screen and (min-width:768px) { .owl-item.active { overflow: unset; } #TopHead.purpleFlatTopHead { height: 102px; }; } /** * Non Bootstrap breakpoints **/ /***** for 1400px or less ===========*/ @media All and (max-width:1400px) { .MainWrapper { margin:0px 5%; } .MainHeader h1 { font-size: 2.5em; margin-bottom: 1.5rem; } } /***** for 1280px or less ===========*/ @media All and (max-width:1280px) { } @media All and (max-width:1199px) { .MainWrapper { margin:0px 25px; } } @media All and (max-width:1050px) { .MainHeader h1 { font-size: 30px; line-height: 38px; margin-bottom: 20px; } } /***** for 1024px or less ===========*/ @media All and (max-width:991px) { #HeadImg {padding-right: 0; padding-left: 0;} #TopHead .MainWrapper, #TopHead .container-fluid { margin:0; padding:0; } #TopHead .Logo { float: none; margin: 15px 0; text-align: center; position:relative; top:0; } #TopHead.th_active { padding-bottom:0; } .MainHeader { text-align:center; } .MainHeader.Home::before { opacity:.5; } .SrvcBox table tr td { float:left; width:100%; /*text-align:center;*/ } .SrvcBox::after { left:50%; margin-left:-5px; } .SrvcBox.Last::after { display: none; } .SrvcBox .Pic img { max-width:none; width:100%; } .SrvcBox .Pic img.ImgMbl { display:block; } .SrvcBox .Pic img.ImgDsktop { display:none; } .Video .Btn a { margin-top:0; } /*Dashboard*/ .SearchBox { width: 100%; max-width: 100%; position: relative; top: 0; right: 0; margin-top: 10px; } } /***** for 768px or less ===========*/ @media All and (max-width:767px) {.mob-active{display:block;}.item.Article .Link{text-align:left;}.item.Article .Inner{padding:12px;}.item.Article .Data, .item.Article .Link{width: 100%;float: left;position: unset;} .lg-active{display:none !important;} } @media All and (max-width:767px) { } @media All and (max-width:767px) { #TopHead { top:0; } h2.Title { font-size: 32px; line-height: 40px; font-weight: 400; color: #1f262e; } h3.Tagline { font-size: 17px; line-height: 26px; font-weight: 400; color: #1f262e; } .SrvcBox .Info .Heading, .Article .Title { font-size: 26px; line-height: 33px; font-weight: 600; } .SrvcBox .Info p { font-weight: 400; font-size: 1em; line-height: 26px; } .Video .Inner { min-height: auto; padding-bottom: 10px; } .Video .Btn a { display: block; position: relative; top: 0; left: 0; margin: 25px auto; } .SrvcBox .Info .Link a::after { top: 6px; } #HomeVideo, #HomeNewsletter { display:none; } .Article p, .SrvcBox .Info p { line-height:23px; } .MyBox .Title h2 { font-size: 2em; line-height: 1.2; } /*Dashboard*/ .CategoryLinks > ul > li.MblHide { display:none; } .MainHeader.Dashboard { padding-bottom:0; } .CategoryLinks .dropdown-menu { min-width:auto; width:80vw; } .SrvcBox .Pic img { max-width: 100%; min-height: auto; } } /***** for 576px or less ===========*/ #TopNav ul.navbar-nav > li.dropdown > .dropdown-toggle::after{display:inherit;} .Article .Inner .min-50 {max-height: 50px;} .piano-action-account:hover { background-color: #fff !IMPORTANT; border-color: #fff !important; } #Dashboard ul.navbar-nav > li > a.piano-action-account span, #Dashboard ul.navbar-nav > li.Border > a.piano-action-account{ border-color: transparent !important; background-color: transparent !important; background-image: unset; } .piano-action-account { border-color: #fff !important; } @media All and (max-width:575px) { .h1, body h1 { font-size:22px; } #Footer .Button { margin-top:-5em; margin-right: 0em; text-align:right; } .overlap { padding:0 1em !important; margin-top:-7em; } #Footer .Theme.btn { min-width: 100px; padding: 0px 9px !important; font-size: 14px; } #Footer .Theme.btn.AnchorBtn a { padding: 7px 14px; } .MainHeader.Subpage::before { width: 100%; background-size: inherit; background-position: top; } .MainHeader h1 { font-size: 26px; line-height: 32px; margin-bottom: 20px; } .MainHeader.Home::before { background-size:auto 65%; } .MainArticles .col-sm-12 { width:100%; } .Article .Title { font-size: 20px; line-height:30px; } .Article .Inner { padding: 18px;position:relative; } .QuoteBox .Inner { padding: 25px; } .QuoteBox .Inner .Lrg { font-size: 18px; line-height: 26px; } .Newsletter .Inner { padding: 30px 25px 20px 25px; } .MainArticles .Button { padding: .25em 0; } .QuoteBox .Inner, .Video .Inner, .Newsletter .Inner { max-width:100%; } .HomeServices, .Video { margin-top:2em; margin-bottom:0; } .Newsletter .Inner { margin:0; } .HomeServices h3.Tagline { margin-bottom:0; } #Footer { padding: 30px 15px; } .FootAddres { margin-top:15px; } h2.Title { margin-bottom:15px; } .HomeServices h3.Tagline { margin-bottom: -15px; } .MainHeader.Subpage br { display:none; } .DetailArea .description { font-size: 1em; line-height: 26px; font-weight:400; } .SubpageWrapper .heading3 { font-size: 1.5em; } body .ml-2, .mx-2 { margin-left: 1.5rem!important; } body .mr-2, .mx-2 { margin-right: 1.5rem!important; } body .ml-3, .mx-3 { margin-left: 2.5rem!important; } body .mr-3, .mx-3 { margin-right: 2.5rem!important; } body .ml-4, .mx-4 { margin-left: 3.5rem!important; } body .mr-4, .mx-4 { margin-right: 3.5rem!important; } body .ml-5, .mx-5 { margin-left: 4.5rem!important; } body .mr-5, .mx-5 { margin-right: 4.5rem!important; } body .ml-6, .mx-6 { margin-left: 5.5rem!important; } body .mr-6, .mx-6 { margin-right: 5.5rem!important; } body .ml-7, .mx-7 { margin-left: 6.5rem!important; } body .mr-7, .mx-7 { margin-right: 6.5rem!important; } body .ml-8, .mx-8 { margin-left: 7.5rem!important; } body .mr-8, .mx-8 { margin-right: 7.5rem!important; } .CategoryLinks .dropdown, .CategoryLinks ul li.dropdown > a { width:100%; } .CategoryLinks .dropdown-menu.show { top: 27px !important; width: 100%; } .CategoryLinks.row { margin-left: 0; margin-right: 0; } .template-insights .SearchBox { position: unset; } #Footer .inner { margin-top: 2em; } .SrvcBox .Name { max-width:none; } .SrvcBox .Name img { margin-bottom: 4px; } .SrvcBox .Pic img { height: 200px; } span.company_range, .employee_range { padding:7px 1em; } .stat_box{margin-bottom:1.5em;}#TopNav .manual{position:inherit !important;}.SrvcBox .Pic img.image-250{max-width:inherit;} .manual .bottom{float:right;bottom:35px;}.manual .top {top: 0px;position: absolute !important;float: right;right: 0;} #TopNav span.down-arrow{content: ' ' !important; left: 84px;display: inline-block; margin: 0; background: rgba(0,0,0,0.1); height: auto; width: auto; text-align: center; position: absolute; top: 14px; right: -10px; border-top: 6px solid #fff; border-right: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid transparent; width: 10px !important;}#TopNav ul.navbar-nav > li.dropdown > .dropdown-toggle::after{display:none} } /******************************************************************************* * Print ******************************************************************************/ @media print { @page { margin: 0; } body { -webkit-print-color-adjust: exact; visibility: visible; } * { -webkit-print-color-adjust: exact !important; /*Chrome, Safari */ color-adjust: exact !important; /*Firefox*/ } .MainHeader h1 { margin-bottom: 0px !important; } .tb-div { text-align: left !important; } .topBtn { display: none !important; } #Footer, .printScreen { display: none !important; } .post_bg { background-attachment: unset !important; visibility: visible !important; background-size: 100%; min-height: 400px; } #sds-fading-paywall.no-print, .no-print { display: none !important; } #article-post-content { display: block !important; } } .articlecontainer .yp-grid-item { background: var(--yp-white) !important; } .yp-grid-item.wp_ypulse_report.region-western-europe, .yp-grid-item.wp_ypulse_webinar.premium.region-western-europe { background: linear-gradient(to left, var(--yp-blue-dark) 0%, var(--yp-blue) 100%) !important; color: var(--yp-white) !important; } .yp-grid-item.wp_ypulse_report.region-north-america, .yp-grid-item.wp_ypulse_webinar.premium.region-north-america { background: linear-gradient(to right, rgba(92,12,101,1) 0%, rgba(50,3,55,1) 100%) !important; color: var(--yp-white) !important; } .yp-grid-item .region-row { text-transform: uppercase; font-family: 'Open Sans'; } /* New CSS added by SDS * * * * */ #regional-hover-information { position: fixed; top: 100px; left: 24px; max-width: 320px; z-index: 99999999; display: none; } #regional-hover-information.active { display: block; } #regional-hover-information .elementor-widget:not(:last-child) { margin-bottom: 0; } #regional-hover-information .regional-modal-close { position: absolute; right: -8px; top: -24px; width: 24px; } #regional-hover-information .regional-modal-close svg { width: 24px; cursor: pointer; } .hdr-region-select.elementor-column { width: auto !important; } .hdr-region-selector { opacity: 0; } .hdr-region-selector.hrs-ini { opacity: 1; transition: opacity .4s ease; } .hdr-region-selector svg.globe { min-width: 20px; width: 20px; } .sds-template-logo img { width: 100px; height: auto; } .sflex-row { flex-direction: row; display: flex; } .hdr-region-selector { align-items: center; cursor: pointer; } .active-regions-text { text-transform: uppercase; padding-left: 9px; padding-right: 12px; font-size: 12px; line-height: 16px; color: #53075B; position: relative; } .active-regions-text svg.sds_arrow { width: 10px; transition: all .2s ease; margin-left: 8px; } .initial-filters-row svg.regional-info-hover { width: 16px; min-width: 16px; margin-left: 16px; cursor: pointer; } .hdr-region-selector svg.regional-info-hover { width: 16px; min-width: 16px; } .sds-nav { box-shadow: 0px 6px 13px rgba(126, 142, 174, 0.13); min-height: 64px; } .sds-nav .elementor-column { min-height: 64px; } .sds-nav li.LastChild { display: none !important; } .sds-nav .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .sds-nav .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item, .sds-nav a { color: #53075B; font-weight: 700; } .sds-nav a.elementor-item:after { display: none !important; } .hdr-right a:not(.elementor-button-link) { color: #53075B !important; } .sds-nav .elementor-nav-menu--main .elementor-nav-menu a { padding: 4px 12px; border-radius: 12px; } .sds-nav .elementor-nav-menu--main .elementor-nav-menu a:hover { background-color: rgba(83, 7, 91, 0.1); padding: 4px 12px; color: #53075B; } .sds-nav .elementor-nav-menu--main .elementor-nav-menu li { padding: 9px 8px; } .announcement-bar { background-color: #53075B; min-height: 60.5px; } .announcement-bar p { color: #ffffff; margin-bottom: 0; } .announcement-bar a { background-color: #ECF2FE !important; color: #53075B !important; padding: 8px 24px !important; border-radius: 12px !important; border: 1px solid #53075B !important; transition: all .3s ease !important; } .announcement-bar a:hover { border: 1px solid #ffffff !important; color: #ffffff !important; background-color: #53075B !important; } .elementor-75669 .elementor-element.elementor-element-591ded37.article-socials .elementor-social-icon { background: none; } .sds-nav .elementor-element-populated { padding-top: 7px !important; padding-bottom: 7px !important; } .elementor-75669 .elementor-element.elementor-element-62da5bf7 > .elementor-element-populated { margin: 0; } .elementor-75669 .elementor-element.elementor-element-72980989.footer-logo { margin-bottom: 0; } .region-selector-menu { position: absolute; top: 30px; left: 0; z-index: 9999; background-color: #ffffff; box-shadow: 0px 4px 15px rgb(58, 67,86, 0.15); border-radius: 8px; width: 250px; max-height: 0; visibility: hidden; overflow: hidden; transition: all .4s ease; } .region-selector-menu.active { visibility: visible; } .region-selector-item { padding: 8px 16px; border-bottom: 1px solid #ECF2FE; text-transform: uppercase; font-size: 14px; line-height: 18px; cursor: pointer; position: relative; } .region-selector-item svg { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden; transition: all .1s ease; } .region-selector-item.selected svg { opacity: 1; visibility: visible; } .hdr-right.elementor-column { width: auto !important; min-width: 290px; } .hdr-region-select .elementor-widget-wrap { min-width: 100px; } .hdr-right .elementor-widget-wrap { flex-direction: row; justify-content: flex-end; flex-wrap: nowrap !important; } .hdr-right .elementor-widget-wrap>.elementor-element.hdr-btn-wrap { margin-right: 0; } .hdr-right .elementor-widget-wrap>.elementor-element { width: auto; margin-bottom: 0; margin-right: 16px; } .hdr-right svg.avatar { right: 0; top: 0; margin-left: 8px; } a#account { vertical-align: middle; display: block; white-space: nowrap; } .account-badge span { font-size: 14px; font-weight: 600; line-height: 24px; width: 100%; text-align: center; border-radius: 12px; white-space: nowrap; padding: 0 8px; } .account-badge span.daily { border: 1px solid #F29408; color: #F29408; } .account-badge span.agency, .account-badge span.pro { border: 1px solid #C31230; color: #C31230; } .account-badge span.prime { border: 1px solid #3B76E6; color: #3B76E6; } .sds-paywall .elementor-widget-wrap { padding: 0 !important; } .active-regions-text { white-space: nowrap; } .hdr-region-selector.active .sds_arrow { transform: rotate(-180deg); } .free-article-sticky-bottom p, .footer-free-article-sign-up p { margin-bottom: 0; padding: 7px 0; } .free-article-sticky-bottom a:not(.elementor-button), .footer-free-article-sign-up a:not(.elementor-button) { color: #ffffff; text-decoration: underline !important; white-space: nowrap; } .footer-free-article-sign-up.white .sticky-footer-btn { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: auto; } .footer-free-article-sign-up.white { box-shadow: 0px -18px 24px -24px #D0D0D8; } .footer-free-article-sign-up.white .elementor-widget:not(:last-child) { margin-bottom: 0; } .footer-free-article-sign-up.white p { padding: 0; } .footer-menu-col { width: 20% !important; padding-top: 48px; } .footer-menu-col .elementor-icon-list-text:hover { text-decoration: underline; } .wp_ypulse_article .elementor-widget-theme-post-content img { margin-bottom: 32px } .wp_ypulse_article .elementor-widget-theme-post-content h2 { margin-bottom: 24px; font-family: Open Sans; font-size: 20px; line-height: 32px; } .mobile-view { display: none; } .hdr-region-select { z-index: 9999; } .hdr-logo { width: auto !important; min-width: 134px; z-index: 9999; } .footer-logo-socials { width: 40% !important; } .article-footer .elementor-element.elementor-element-591ded37 { --icon-size: 22px !important; } #article-info { min-width: 225px; } .products-logo-carousel .swiper-pagination-bullet-active { opacity: 0.4; grid-row-start: 1; } .products-logo-carousel .swiper-wrapper, .products-logo-carousel { cursor: default !important; } .products-logo-carousel .swiper-pagination { display: none; } .products-logo-carousel .swiper-pagination-bullet, .logo-carousel .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 4px !important; } .logo-carousel p { margin-bottom: 0; } .logo-carousel .elementor-widget:not(:last-child) { margin-bottom: 17px; } .products-logo-carousel .swiper-pagination-bullet-active, .logo-carousel .swiper-pagination-bullet { background-color: #ECF2FE; opacity: 1; } .products-logo-carousel .swiper-pagination-bullet-active, .logo-carousel .swiper-pagination-bullet-active { background-color: #ABB4C5; } .logo-carousel .elementor-pagination-position-outside .swiper-container { padding-bottom: 54px; } .swiper-container_press .swiper-pagination-bullet, .custom-swiper .swiper-pagination-bullet, #staff-profiles-section .swiper-pagination-bullet, .why-trust-slides-section .swiper-pagination-bullet, .ypulse-products-carousel .swiper-pagination-bullet, .ypulse-testimonial-carousel .swiper-pagination-bullet { height: 8px; width: 8px; border: 1px solid #53075B; background: none; opacity: 1; margin: 0 3px !important; } .ypulse-products-carousel .swiper-pagination-bullet { margin: 0 4px !important; } .swiper-container_press .swiper-pagination-bullet-active, .custom-swiper .swiper-pagination-bullet-active, #staff-profiles-section .swiper-pagination-bullet-active, .why-trust-slides-section .swiper-pagination-bullet-active, .ypulse-products-carousel .swiper-pagination-bullet-active, .ypulse-testimonial-carousel .swiper-pagination-bullet-active { background: #53075B; } .ypulse-testimonial-carousel .elementor-testimonial__content { position: relative; padding-bottom: 26px; } .ypulse-testimonial-carousel .elementor-testimonial__content:after { content: ''; width: 58px; height: 2px; display: inline-block; background-color: #53075B; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); } .ypulse-testimonial-carousel:before { content: ''; background-image: url('/wp-content/uploads/2022/09/quote-mark.png'); width: 68px; height: 58px; background-size: cover; position: absolute; left: 50%; top: 66px; transform: translateX(-50%); } .ypulse-testimonial-carousel .elementor-widget-testimonial-carousel.elementor-pagination-type-bullets .swiper-container { padding-bottom: 102px; } .ypulse-products-carousel .swiper-slide-inner { background-color: #ECF2FE; max-width: 1192px; border-radius: 22px; width: 80%; } .ypulse-products-carousel { overflow: hidden; } .ypulse-products-carousel .swiper-container { overflow: visible; } .ypulse-products-carousel .swiper-slide .swiper-slide-bg { width: calc(40% - 68px); max-width: 546px; background-size: contain; min-width: 0; transform: translateX(calc(50% + 34px)); transition-duration: 0 !important; margin: 50px auto 50px auto; min-height: 1px; height: calc(100% - 120px); position: relative; z-index: 10; background-color: rgba(255,255,255,0) !important; } .mxw-600 { max-width: 600px; margin: auto; } .ypulse-products-carousel .elementor-button.elementor-slide-button { padding: 12px 54px; } .ypulse-products-carousel .elementor-swiper-button { width: 40px; height: 40px; border-radius: 50%; background-color: #ECF2FE; flex-direction: column; align-items: center; justify-content: center; } .ypulse-products-carousel .elementor-swiper-button-next { right: max(calc((100% - 1314px)/2),32px); } .ypulse-products-carousel .elementor-swiper-button-prev { left: max(calc((100% - 1314px)/2),32px); } .ypulse-products-carousel .swiper-slide-contents:before { content: 'Products'; display: block; position: absolute; top: 88px; left: 71px; text-transform: uppercase; color: #ABB4C5; font-size: 14px; font-weight: 700; line-height: 18px; } .ypulse-products-carousel .elementor-swiper-button i { color: #53075B; font-size: 18px; } .ypulse-products-carousel .elementor-swiper-button .eicon-chevron-right { position: relative; left: 1px; } .ypulse-products-carousel .elementor-swiper-button .eicon-chevron-left { position: relative; right: 1px; } .ypulse-products-carousel .swiper-container-horizontal>.swiper-pagination-bullets { bottom: -45px; } .three-posts-section .elementor-grid-3 .elementor-grid { min-width: 1024px; padding-right: 24px; grid-column-gap: 0 !important; } .three-posts-section .elementor-grid-3 .elementor-grid article { margin-left: 24px; } .three-posts-section .elementor-widget-container::-webkit-scrollbar { display: none; } .three-posts-section .elementor-widget-container { -ms-overflow-style: none; scrollbar-width: none; } .three-posts-section .elementor-column-gap-default>.elementor-column>.elementor-element-populated { padding: 0; } .elementor-widget:not(:last-child).pre-heading { margin-bottom: 16px; } .pre-heading p { margin-bottom: 0; } .small-btn-with-icon svg { width: 24px; height: 24px; position: relative; bottom: 1px; transition: transform .3s ease; } .small-btn-with-icon a:hover svg { transform: translateX(6px); } .ypulse-fifty-fifty-section p { margin-bottom: 8px; } .ypulse-fifty-fifty-section h2 { margin-bottom: 16px; } .ypulse-fifty-fifty-section .elementor-widget:not(:last-child) { margin-bottom: 0; } .ypulse-fifty-fifty-section .small-btn-with-icon { margin-top: 8px; } .no-elm-margin .elementor-widget:not(:last-child), .no-elm-margin p, .region-showcase-box .elementor-widget:not(:last-child) { margin-bottom: 0; } .region-showcase-box h3 { margin-bottom: 16px; } .region-showcase-box .elementor-widget-wrap { padding: 32px 64px !important; } .region-showcase-box div.elementor-widget-image { margin-top: auto; } body:not(.elementor-editor-active) .region-showcase-box div.elementor-widget-image:last-of-type { opacity: 0; position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); transition: opacity .4s ease; width: calc(100% - 128px); } body:not(.elementor-editor-active) .region-showcase-row:not(.regions-hovered) .region-showcase-box.false-region-hover .elementor-widget-wrap { background-color: #E3DBE5 !important; } body:not(.elementor-editor-active) .region-showcase-row:not(.regions-hovered) .region-showcase-box.false-region-hover div.elementor-widget-image:last-of-type, body:not(.elementor-editor-active) .region-showcase-row .region-showcase-box:hover div.elementor-widget-image:last-of-type { opacity: 1; } .region-showcase-box .elementor-widget-wrap { flex-direction: column; } .insight-query-control-container { display: inline-flex; flex-direction: row; background-color: #FEFEFE; padding: 5px; box-shadow: 0px 6px 13px rgba(126, 142, 174, 0.13); border-radius: 12px; justify-content: center; margin: auto; } .insight-query-control:not(:last-of-type):after { content: ''; position: absolute; right: 0; background-color: #ABB4C5; width: 1px; height: 33px; top: 50%; transform: translateY(-50%); right: 0; } .insight-query-control.active { background-color: #53075B; } .insight-query-control.active a { color: #ffffff !important; font-weight: 700; } .insight-query-control.active:after { display: none; } .insight-query-control { width: 143px; text-align: center; padding: 9px 0; position: relative; border-radius: 12px; background-color: #FEFEFE; display: flex; align-items: center; justify-content: center; } .insight-query-control-locked-state { margin-left: 8px; } .insight-query-control-locked-state:before { position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-color: rgba(255,255,255,.6); z-index: 20; content: ''; } .insight-query-control a { font-size: 20px; line-height: 28px; color: #0A0D14 !important; font-weight: 400; display: inline-block; } .initial-filters-row { margin-bottom: 16px; } .insight-query-control-container.newsfeed .insight-query-control:nth-of-type(4):after { display: none; } #insights-search { padding-left: 68px; position: relative; margin-left: auto; } #insights-search-close { position: absolute; right: 0; top: -24px; font-family: 'Open Sans'; font-size: 14px; cursor: pointer; visibility: hidden; transform: translateX(100%); transition: all .4s ease; } #insights-search.search-active #insights-search-close { transform: translateX(0); visibility: visible; } #reports-calendar-btn { margin-left: auto !important; } #insights-search i { display: none; } #insights-search .elementor-widget-container { max-width: 0; overflow: hidden; transition: all .4s ease; } #insights-search.search-active .elementor-widget-container { max-width: 271px; } #insights-search.search-active:after { opacity: 0; transition: all .1s ease .3s; visibility: hidden; } #insights-search:after { content: ''; width: 32px; height: 32px; background-image: url('/wp-content/uploads/2022/09/Search.png'); background-size: contain; position: absolute; top: 50%; right: 7px; transform: translate(0,-50%); cursor: pointer; } #insights-search button:after { content: ''; width: 32px; height: 32px; background-image: url('/wp-content/uploads/2022/09/Search.png'); background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } #insights-search button.elementor-search-form__submit { position: relative; min-width: 44px; } #insights-search input[type="search"].elementor-search-form__input { padding: 9px 16px; } .initial-filters-row, .filters-row { display: flex; flex-direction: row; position: relative; } .initial-filters-row { justify-content: space-between; } .filters-expand-btn { font-weight: 700; font-size: 16px; line-height: 150%; color: #7B89A4; text-transform: uppercase; display: flex; flex-direction: row; align-items: center; cursor: pointer; } .filters-expand-btn svg path { fill: #7B89A4; } .filters-expand-btn.initial-active, .filters-expand-btn.active { color: #53075B; } .filters-expand-btn.initial-active svg path, .filters-expand-btn.active svg path { fill: #53075B; } .filters-expand-btn .mob-text { display: none; } .filters-expand-btn svg { margin-right: 5px; } .filters-row-wrap { max-height: 0; overflow: hidden; transition: all .4s ease; } .filters-row-wrap.filters-expanded { max-height: 100px; overflow: visible; margin-bottom: 16px; } .filters-row-wrap.filters-initial-expand { max-height: 100px; overflow: visible; margin-bottom: 16px; } #ins-sort-filter { border: none; } #ins-sort-filter span:not(.text) { padding: 0 24px 0 0; color: #7B89A4; text-transform: uppercase; } #ins-sort-filter .filter-menu { right: 0; } #ins-sort-filter svg { right: 0; } #ins-sort-filter.selected { background: none; } #ins-sort-filter .filter-menu li { white-space: nowrap; } .insights-filter { border: 1px solid #ABB4C5; border-radius: 8px; cursor: pointer; transition: all .2s ease; } .insights-filter:not(:last-of-type) { margin-right: 8px; } .insights-filter.selected .filter-menu { max-height: none; visibility: visible; margin: 0; } .insights-filter.selected { border: 1px solid #53075B; background-color: rgba(83, 7, 91, 0.1); } .insights-filter.selected span.insights-filter-select { color: #53075B; } .insights-filter.selected svg { transform: translateY(-50%) rotate(-180deg); } .insights-filter span.insights-filter-select { display: inline-block; padding: 8px 42px 8px 16px; font-family: Open Sans; font-weight: 700; font-size: 16px; line-height: 24px; color: #ABB4C5; position: relative; transition: all .2s ease; } .insights-filter svg { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); transition: all .2s ease; } .insights-filter .filter-menu { display: flex; flex-direction: column; max-height: 0; overflow: hidden; visibility: hidden; position: absolute; top: calc(100% + 8px); z-index: 101; border: 1px solid #ABB4C5; box-shadow: 0px 6px 13px rgba(126, 142, 174, 0.13); border-radius: 8px; background-color: #ffffff; padding: 12px 16px 2px; } .insights-filter .filter-menu li a { color: #53075B; font-weight: 400; } .insights-filter .filter-menu li a.activeFilter { font-weight: 700; } .insights-filter .filter-menu li { font-size: 16px; line-height: 24px; display: block; padding: 0 80px 0 0; position: relative; } .insights-filter .filter-menu a svg { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); opacity: 0; visibility: none; transition: all .1s ease; } .insights-filter .filter-menu a.activeFilter svg { opacity: 1; visibility: visible; } .insights-filter .filter-menu li:not(:last-of-type) { margin-bottom: 12px; } .active-filter-item:not(:empty) { text-transform: capitalize; margin-right: 24px; cursor: pointer; position: relative; padding-right: 26px; color: #53075B; font-weight: 700; font-size: 16px; line-height: 150%; white-space: nowrap; } .active-filter-item:not(:empty):after { content: ''; background-image: url('/wp-content/uploads/2022/09/close.png'); position: absolute; height: 18px; width: 18px; background-size: contain; right: 0; top: 50%; transform: translateY(-50%); } .elementor-posts-container.elementor-posts.elementor-posts--skin-ypulse_cards article:hover .elementor-post__thumbnail, .insight-posts-section .insight-posts-section_inner .elementor-posts--skin-ypulse_cards article:hover .elementor-post__thumbnail { box-shadow: 0px 4px 8px rgba(44, 61, 96, 0.2); } .elementor-posts-container.elementor-posts.elementor-posts--skin-ypulse_cards .elementor-post__card .elementor-post__thumbnail__link:after, .insight-posts-section .insight-posts-section_inner .elementor-posts__hover-gradient .elementor-posts--skin-ypulse_cards .elementor-post__card .elementor-post__thumbnail__link:after { display: none; } .elementor-posts-container.elementor-posts.elementor-posts--skin-ypulse_cards .elementor-post__thumbnail, .insight-posts-section .insight-posts-section_inner .elementor-posts--skin-ypulse_cards .elementor-post__thumbnail { padding-bottom: 0 !important; height: 206px; border-radius: 12px; transition: all .2s ease; overflow: hidden; } .elementor-posts-container.elementor-posts.elementor-posts--skin-ypulse_cards .elementor-post__thumbnail__link, .insight-posts-section .insight-posts-section_inner .elementor-element.elementor-posts--thumbnail-top .elementor-posts--skin-ypulse_cards .elementor-post__thumbnail__link { margin-bottom: 0 !important; } .elementor-posts-container.elementor-posts.elementor-posts--skin-ypulse_cards .elementor-post__card .elementor-post__text, .insight-posts-section .insight-posts-section_inner .elementor-posts--skin-ypulse_cards .elementor-post__card .elementor-post__text { padding: 0; margin: 0; } .elementor-posts-container.elementor-posts.elementor-posts--skin-ypulse_cards .elementor-post__thumbnail img, .insight-posts-section .insight-posts-section_inner .elementor-posts--skin-ypulse_cards .elementor-post__thumbnail img { object-fit: cover; height: 100%; width: 100%; } .elementor-posts--skin-video_up_next article .elementor-post__thumbnail:after, .elementor-posts-container.elementor-posts.elementor-posts--skin-ypulse_cards .elementor-post__thumbnail:after, .insight-posts-section .insight-posts-section_inner .elementor-posts--skin-ypulse_cards .elementor-post__thumbnail:after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(83, 7, 91, .19); z-index: 1; content: ''; opacity: 0; visibility: hidden; transition: all .3s ease; } .elementor-posts--skin-video_up_next article .elementor-post__thumbnail:after { border-radius: 12px; } .elementor-posts--skin-video_up_next article:hover .elementor-post__thumbnail:after, .elementor-posts-container.elementor-posts.elementor-posts--skin-ypulse_cards article:hover .elementor-post__thumbnail:after, .insight-posts-section .insight-posts-section_inner .elementor-posts--skin-ypulse_cards article:hover .elementor-post__thumbnail:after { opacity: 1; visibility: visible; } .elementor-posts-container.elementor-posts.elementor-posts--skin-ypulse_cards .elementor-post__card, .insight-posts-section .insight-posts-section_inner .elementor-posts--skin-ypulse_cards .elementor-post__card { box-shadow: none !important; overflow: visible; } .elementor-posts-container.elementor-posts.elementor-posts--skin-ypulse_cards .elementor-post__card .elementor-post__meta-data, .insight-posts-section .insight-posts-section_inner .elementor-posts--skin-ypulse_cards .elementor-post__card .elementor-post__meta-data { border-top: 0; padding: 8px 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .elementor-posts-container.elementor-posts.elementor-posts--skin-ypulse_cards .elementor-post__card .elementor-post-date, .insight-posts-section .insight-posts-section_inner .elementor-posts--skin-ypulse_cards .elementor-post__card .elementor-post-date { font-weight: 400; font-size: 16px; line-height: 24px; color: #9DA5B5; white-space: nowrap; } .insight-posts-section .elementor-widget-wrap { padding: 0 5px 0 5px !important; } .elementor-posts-container.elementor-posts.elementor-posts--skin-ypulse_cards.elementor-posts .elementor-post__badge, .elementor-posts--skin-video-spotlight.elementor-posts article.elementor-post .elementor-post__badge, .insight-posts-section .insight-posts-section_inner .elementor-posts--skin-ypulse_cards.elementor-posts .elementor-post__badge { position: relative; margin: 0 8px 0 0 !important; font-weight: 600; text-transform: uppercase; font-size: 11px; line-height: 18px; padding: 4px 6px; border-radius: 6px; background-color: #ECF2FE; color: #53075B; } .elementor-posts-container.elementor-posts.elementor-posts--skin-ypulse_cards.elementor-posts .elementor-post__badges, .elementor-posts--skin-video-spotlight.elementor-posts article.elementor-post .elementor-post__badges, .insight-posts-section .insight-posts-section_inner .elementor-posts--skin-ypulse_cards.elementor-posts .elementor-post__badges { display: flex; flex-direction: row; align-items: flex-start; position: absolute; top: 16px; left: 16px; } .elementor-posts-container.elementor-posts.elementor-posts--skin-ypulse_cards .insight-post-type-text, .insight-posts-section .insight-posts-section_inner .elementor-posts--skin-ypulse_cards .insight-post-type-text { text-transform: uppercase; font-weight: 700; font-size: 14px; line-height: 18px; } .elementor-posts-container.elementor-posts.elementor-posts--skin-ypulse_cards .insight-post-type-text svg, .insight-posts-section .insight-posts-section_inner .elementor-posts--skin-ypulse_cards .insight-post-type-text svg { margin-right: 4px; } .elementor-posts-container.elementor-posts.elementor-posts--skin-ypulse_cards .insight-post-type-text.article, .insight-posts-section .insight-posts-section_inner .elementor-posts--skin-ypulse_cards .insight-post-type-text.article { color: #9C528B; } .elementor-posts-container.elementor-posts.elementor-posts--skin-ypulse_cards .insight-post-type-text.report, .insight-posts-section .insight-posts-section_inner .elementor-posts--skin-ypulse_cards .insight-post-type-text.report { color: #FF6B35; } .elementor-posts-container.elementor-posts.elementor-posts--skin-ypulse_cards .insight-post-type-text.webinar, .insight-posts-section .insight-posts-section_inner .elementor-posts--skin-ypulse_cards .insight-post-type-text.webinar { color: #BA4F5F; } .elementor-posts-container.elementor-posts.elementor-posts--skin-ypulse_cards .insight-post-type-text.video, .insight-posts-section .insight-posts-section_inner .elementor-posts--skin-ypulse_cards .insight-post-type-text.video { color: #07BEB8; } .elementor-posts-container.elementor-posts.elementor-posts--skin-ypulse_cards .insight-post-type-text .report-type-text, .insight-posts-section .insight-posts-section_inner .elementor-posts--skin-ypulse_cards .insight-post-type-text .report-type-text { color: #ABB4C5; margin-left: 4px; } #homepage-posts .insight-post-locked-state { display: none !important; } .swiper-slide-bg.elementor-ken-burns--active { -webkit-transition-duration: 0s !important; -o-transition-duration: 0s !important; transition-duration: 0s !important; } .insight-posts-section .post-type-badge .video-length { font-weight: 700; margin-left: 10px; font-size: 14px; } .insight-posts-section .insight-posts-section_inner .elementor-posts--skin-ypulse_cards h3, .insight-posts-section .insight-posts-section_inner .elementor-posts--skin-ypulse_cards h3 a { font-weight: 700; font-size: 20px; line-height: 26px; color: #191A31; margin-bottom: 0; } .insight-posts-section_newsfeed .elementor-posts .elementor-post__card .elementor-post__meta-data { justify-content: flex-start; } .insight-posts-section .report-type-text.brand-tracker { display: none; } .insight-posts-section { margin-top: 22px; } .insights-active-filters-wrap { padding-right: 100px; position: relative; overflow: hidden; } .insight-post-locked-state { position: absolute; top: 16px; right: 16px; border-radius: 50%; width: 32px; height: 32px; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #53075B; } .insight-posts-section .elementor-grid-item .elementor-post__thumbnail__link { position: static; } #ins-filters-clear-all { position: absolute; right: 0; top:0; color: #7B89A4; font-weight: 700; font-size: 16px; line-height: 150%; cursor: pointer; } .post-back-btn a.elementor-button { padding: 0; } .post-back-btn .elementor-button-icon svg { height: 24px; width: 24px; margin-right: 8px; } .post-back-btn .elementor-button-content-wrapper { align-items: center; } .elementor-widget-post-info.single-post-top-meta .elementor-icon-list-icon .elementor-icon-list-icon { width: 16px !important; margin-right: 1px; } .elementor-widget-post-info.single-post-top-meta .elementor-icon-list-icon svg { height: 16px; width: 16px; --e-icon-list-icon-size: 16px !important; min-width: 16px; } body.single-wp_ypulse_report .elementor-element .single-post-top-meta .elementor-icon-list-items li { color: #7B89A4; } body.single-wp_ypulse_report .elementor-element .single-post-top-meta .elementor-icon-list-items li:first-of-type .elementor-icon-list-text { color: #FF6B35 !important; } body.single-wp_ypulse_article .elementor-element .single-post-top-meta .elementor-icon-list-text { color: #9C528B !important; } body.single-wp_ypulse_report .report-featured-img img, body.single-wp_ypulse_report .report-featured-img { max-height: 360px; } body.single-wp_ypulse_report .report-featured-img img { object-fit: cover; width: 100%; height: 100%; } body.single-wp_ypulse_webinar .elementor-element .single-post-top-regions .elementor-icon-list-text .elementor-post-info__terms-list, body.single-wp_ypulse_article .elementor-element .single-post-top-regions .elementor-icon-list-text .elementor-post-info__terms-list, body.single-wp_ypulse_report .elementor-element .single-post-top-regions .elementor-icon-list-text .elementor-post-info__terms-list { margin-left: 9px; right: 7px; position: relative; } body.single-wp_ypulse_webinar .elementor-element .single-post-top-regions .elementor-icon-list-text .elementor-post-info__terms-list-item, body.single-wp_ypulse_article .elementor-element .single-post-top-regions .elementor-icon-list-text .elementor-post-info__terms-list-item, body.single-wp_ypulse_report .elementor-element .single-post-top-regions .elementor-icon-list-text .elementor-post-info__terms-list-item { background-color: #ECF2FE; color: #53075B !important; border-radius: 6px; padding: 4px 6px; font-weight: 600; font-size: 14px; line-height: 18px; margin-right: 8px; position: relative; display: none; font-family: "Open Sans", Sans-serif; font-size: 14px; line-height: 18px; font-weight: 600; text-transform: uppercase; } body.single-wp_ypulse_webinar .elementor-element .single-post-top-regions, body.single-wp_ypulse_article .elementor-element .single-post-top-regions, body.single-wp_ypulse_report .elementor-element .single-post-top-regions { margin-left: 16px; } .generic-share-links .sds_share_row { justify-content: flex-end; } .generic-share-links .sds_share_row .sds_share_links { margin-left: 8px; } ul.article-tldr { margin-left: 0; } body.no-new-fi .further-reports-title { display: none; } ul.article-tldr li, ul.further-insights { list-style: none; } ul.further-insights { margin-left: 0; margin-top: 20px; } ul.further-insights li { font-size: 16px; line-height: 28px; color: #20262D; padding-left: 26px; position: relative; } ul.further-insights li:last-of-type { margin-bottom: 20px; } ul.article-tldr li:before, ul.further-insights li:before { background-color: #20262D; font-size: 12px; display: block; content: ''; width: 4px; height: 4px; border-radius: 50%; position: absolute; left: 10px; top: 12px; } ul.article-tldr li:before { color: #000000; } .methodology-card p { margin-bottom: 0; } .methodology-card { padding: 38px 32px; border: 1px solid #53075B; background: #FFFFFF; font-size: 16px; line-height: 24px; color: #0A0D14; border-radius: 12px; margin-bottom: 20px; display: none; } .methodology-card.active { display: block; } .sds-single-report-section .elementor-container { justify-content: center; } .sds-single-report-section .main-column { max-width: 716px; } .sds-single-report-section .sidebar-column { max-width: 306px; } .sds-single-report-section .sidebar-column .elementor-widget-wrap { padding: 10px 0; } .sds-single-report-section .sidebar-column .elementor-button-wrapper a { width: 100%; } .sds-single-report-section .sidebar-column .elementor-button-wrapper a .elementor-button-text { text-align: left; } .sds-single-report-section .sidebar-column .elementor-button-wrapper .elementor-button-icon svg { width: 24px; } .sds-single-report-section .sidebar-column .elementor-widget-wrap.elementor-element-populated { padding-left: 0; } .wp_ypulse_report .sidebar-column .report-prn-sidebar { height: auto; } .wp_ypulse_report .sidebar-column .report-ef-sidebar .elementor-container { position: sticky; top: 0; left: 0; } .wp_ypulse_report .sidebar-column .report-ef-sidebar { height: 100%; } #report-download-container { position: sticky; bottom: 0; left: 0; right: 0; width: 100%; } .report-download-bar { justify-content: space-between; align-items: center; } .rdb-region-selector-menu { display: flex; flex-direction: column; max-height: 0; overflow: hidden; visibility: hidden; position: absolute; bottom: 38px; transition: all .4s ease; background-color: #ffffff; border: 1px solid #53075B; padding: 3px 16px; border-radius: 8px; z-index: 10; } .rdb-region-wrap { cursor: pointer; } .report-download-bar.no-menu .rdb-region-wrap { cursor: auto; } .report-download-bar.no-menu .rdb-region-wrap svg, .report-download-bar.no-menu .rdb-region-selector-menu { visibility: hidden !important; max-height: 0 !important; } .report-download-bar.upgrade .rdb-checkbox-locked, .report-download-bar.upgrade .rdb-checkbox { display: none; } .report-download-bar.no-menu .rdb-region-selector { padding: 0 16px; } .rdb-region { padding: 5px 72px 5px 0; white-space: nowrap; position: relative; cursor: pointer; } .elementor a.question-index-btn { font-size: 16px; font-weight: 400; line-height: 24px; fill: #53075B; color: #53075B; background-color: #FEFEFE; border: 1px solid #ECF2FE; border-radius: 12px; box-shadow: 0px 6px 13px 0px rgb(126,142,174,0.13); padding: 16px; display: block; position: relative; } ul.previous-years-reports { list-style: none; margin-left: 0; } ul.previous-years-reports li { font-size: 20px; line-height: 32px; display: flex; flex-direction: row; margin-bottom: 16px; } .sds-nmb.elementor-widget:not(:last-child) { margin-bottom: 0 !important; } ul.previous-years-reports li .date { font-weight: 700; margin-right: 16px; color: #20262D; display: block; } ul.previous-years-reports li a { font-weight: 400; color: #53075B; flex-grow: 1; position: relative; padding-right: 40px; } ul.previous-years-reports li a svg { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .elementor a.question-index-btn svg { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } .rdb-dc { padding-right: 16px; border-right: 1px solid #ABB4C5; font-weight: 700; font-size: 20px; line-height: 26px; color: #20262D; } .rdb-region-selector { font-weight: 700; font-size: 16px; line-height: 150%; color: #53075B; padding: 0 49px 0 16px; border-right: 1px solid #ABB4C5; position: relative; } .rdb-region-selector.menu-active .rdb-region-selector-menu { max-height: 200px; visibility: visible; } .rdb-region-selector.menu-active .rdb-region-wrap svg { transform: translateY(-50%) rotate(-180deg); } .rdb-region-selector .rdb-region-wrap svg { position: absolute; top: 50%; right: 16px; transform: translateY(-50%); transition: all .2s ease; } .rdb-region-locked { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(255,255,255,.8); } .rdb-region-locked svg { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); } .rdb-region svg.tick { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); visibility: hidden; opacity: 0; transition: all .1s ease; } .rdb-region.active-region svg.tick { opacity: 1; visibility: visible; } .rdb-checkbox { padding: 0 16px; cursor: pointer; align-items: center; font-weight: 400; font-size: 16px; line-height: 24px; color: #20262D; } .rdb-checkbox-locked { padding: 0 16px; cursor: not-allowed; align-items: center; font-weight: 400; font-size: 16px; line-height: 24px; color: #20262D; } .rdb-checkbox-locked svg { margin-left: 9px; } .rdb-checkbox .checkbox { height: 16px; width: 16px; border: 1px solid #53075B; border-radius: 3px; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-left: 9px; } .rdb-checkbox .checkbox svg { opacity: 0; } .rdb-checkbox.rdb-checkbox-selected .checkbox svg { opacity: 1; } .report-read-time { font-weight: 400; font-size: 12px; line-height: 18px; color: #ABB4C5; } article.wp_ypulse_report .report-read-time { display: none; } #report-download-btn-mob, a.sds-btn { background: #53075B; border-radius: 12px; padding: 12px 59px; font-weight: 700; font-size: 16px; line-height: 24px; color: #ffffff; } .report-download-bar a.sds-btn { display: block; color: #ffffff !important; } #report-download-container .elementor-widget-wrap { padding: 20px 48px; } #report-analyze-data-agencypro .elementor-button-text, #report-analyze-data-agency .elementor-button-text, #report-analyze-data .elementor-button-text { padding-right: 63px; } #report-analyze-data-agencypro .elementor-button-text, #report-analyze-data-agency .elementor-button-text, #report-analyze-data .elementor-button-text { position: relative; display: inline-block; } #downloadableReports { display: none !important; } #report-analyze-data-agencypro .elementor-button-text:after, #report-analyze-data-agency .elementor-button-text:after, #report-analyze-data .elementor-button-text:after { font-size: 14px; line-height: 24px; border-radius: 12px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding: 0 19px; } #report-analyze-data .elementor-button-text:after { content: 'Pro'; color: #ED6E2E; border: 1px solid #ED6E2E; } #report-analyze-data-agency .elementor-button-text:after { content: 'Agency'; color: #C31230; border: 1px solid #C31230; } #report-analyze-data-agencypro .elementor-button-text:after { content: 'Agency Pro'; color: #C31230; border: 1px solid #C31230; padding: 0 8px; } ul.article-tldr li { font-size: 16px; line-height: 28px; color: #20262D; padding-left: 26px; position: relative; } .elementor-ken-burns--active { transition-duration: 0 !important; -webkit-transition-duration: 0 !important; -o-transition-duration: 0!important; } .insights-ajax-loading { position: fixed !important; z-index: 101; height: 100vh; width: 100vw !important; display: none; top: 0; left: 0; background-color: rgba(255,255,255,0.8); } .insights-ajax-loading.active { display: block; } .lds-ellipsis { display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 80px; height: 80px; } .lds-ellipsis div { position: absolute; top: 33px; width: 13px; height: 13px; border-radius: 50%; background: #53075B; animation-timing-function: cubic-bezier(0, 1, 1, 0); } .lds-ellipsis div:nth-child(1) { left: 8px; animation: lds-ellipsis1 0.6s infinite; } .lds-ellipsis div:nth-child(2) { left: 8px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(3) { left: 32px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(4) { left: 56px; animation: lds-ellipsis3 0.6s infinite; } @keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(24px, 0); } } .elementor .article-main-content img { border-radius: 12px; } .sds-nav .elementor-container { flex-direction: row; justify-content: space-between; } .skip-paywall-skip #article-post-content { display: block !important; } ul.article-report-data-list { list-style: none; margin-left: 0; } ul.article-report-data-list a { color: #0A0D14; font-size: 16px; line-height: 24px; } ul.article-report-data-list a .date { color: #7B89A4; } ul.article-report-data-list a:hover .date, ul.article-report-data-list a:hover { color: #53075B; text-decoration: underline !important; } .article-report-data-locked { position: absolute; width: 100%; height: 100%; background-color: rgba(255,255,255,0.6); top: 0; left: 0; } .article-report-data-locked svg { position: absolute; top: 14px; right: 5px; } .position-static { position: static !important; } .elementor-posts--skin-report_read_more .elementor-post__thumbnail img { height: 45px; object-fit: cover; border-radius: 3px; } .elementor-posts--skin-report_read_more .elementor-post__thumbnail { padding-bottom: 0 !important; } .elementor-posts--skin-report_read_more .elementor-post__thumbnail__link { margin-right: 14px !important; } .elementor-posts--skin-report_read_more .svg-wrap { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .elementor-posts--skin-report_read_more.elementor-grid { --grid-row-gap: 16px; } .elementor-posts--skin-report_read_more article { position: relative; align-items: center; padding-right: 32px !important; } .elementor-posts--skin-report_read_more .elementor-post__meta-data { margin-bottom: 0 !important; } .elementor-posts .elementor-posts--skin-report_read_more h3 { padding-right: 32px; } .report-download-bar .rdb-mob-close { display: none; } #report-download-btn-mob { display: none; outline: none; border: none; } .wp_ypulse_report-template-default .elementor-widget-container:empty { display: none; } .tldr-block .elementor-widget-container { font-size: 20px; line-height: 30px; } .tldr-block { padding-left: 24px; position: relative; overflow: hidden; } .tldr-block:before { content: ''; position: absolute; left: 4px; top: 12px; height: 6px; width: 6px; background-color: #000000; border-radius: 50%; } .region-tag-container { display: flex; flex-direction: row; margin-bottom: 4px; } .region-tag { border: 1px solid #53075B; border-radius: 8px; margin-right: 17px; display: none; } .region-tag span { font-size: 16px; font-weight: 400; color: #53075B; text-transform: uppercase; line-height: 30px; padding: 0 17px; } .post-back-btn_mob, .post-back-btn { z-index: 1; } .elementor-column.pro-prime-extra-col { width: 84px !important; } .region-north-america .region-tag_north_america { display: block; } .region-western-europe .region-tag_western_europe { display: block; } .article-sub-heading .elementor-widget-container { margin-bottom: 0 !important; } #article-info span { font-size: 16px; color: #20262D; } #article-info .elementor-post-info__item--type-author:before { content: 'By'; font-size: 16px; color: #20262D; } .old-article-layout .article-sub-heading .elementor-widget-container { padding-bottom: 12px !important; } .article-info-container { padding: 14px 0; } .article-sidebar-ad img { width: 120px; } .article-sidebar-ad { max-width: 326px; margin: auto; } .old-article-layout #article-post-content p:first-of-type img { display: none; } .article-sidebar-ad h4 { font-family: 'Vollkorn', sans-serif; font-weight: 700; font-size: 32px; line-height: 42px; color: #53075B; margin-bottom: 16px; } .article-sidebar-ad p { font-size: 20px; font-weight: 400; color: #20262D; margin-bottom: 72px; } .sds_share_links img { width: 24px; } .sds_share_links span { font-size: 20px; line-height: 22px; color: #516375; } .sds_share_links svg:not(.social_svg) { margin-right: 9px; } .sds_share_row { align-items: center; justify-content: flex-end; } .sds_share_links { margin-left: 8px; display: flex; flex-direction: row; align-items: center; } .sds_share_links.pdf { margin-right: 8px; } .wp_ypulse_article .elementor-post-info li:first-of-type { margin-left: 0 !important; } .wp_ypulse_article .elementor-widget-theme-post-featured-image { margin-bottom: 0 !important; } body:not(.elementor-editor-active) .article-sidebar-container { height: 40%; position: relative; margin-bottom: 20px; } body:not(.elementor-editor-active) .wp_ypulse_article section.article-sidebar-container_ad { height: auto; } body:not(.elementor-editor-active) .article-sidebar-container .elementor-container { position: sticky; top: 20px; } .elementor-element-edit-mode .hidden { display: block; } #sds-fading-paywall { position: absolute; height: 1000px; width: 100%; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); bottom: 0; left: 0; z-index: 999; } .wp_ypulse_webinar, .wp_ypulse_report, .wp_ypulse_article { position: relative; } body.single.piano-paywall-active .wp_ypulse_report .sidebar-column .elementor-inner-section, .wp_ypulse_report-template-default.sds-paywall-active .wp_ypulse_report .sidebar-column .elementor-inner-section { height: auto; } .sds-paywall-active .elementor[data-elementor-type="wp-page"] { position: relative; } #sds-fading-paywall .elementor-container { position: absolute; top: 50%; left: 50%; transform: translateX(-50%); text-align: center; width: 90%; } #sds-fading-paywall .elementor-container h2 { font-family: Vollkorn; font-size: 48px; font-weight: 700; line-height: 56px; margin-bottom: 16px; color: #20262D; } a.article_report_data { display: block; font-size: 14px; line-height: 20px; color: #53075B; margin-bottom: 12px; } .article_report_data .date { margin-right: 5px; } #article-report-data h4 { font-size: 24px; color: #20262D; margin-bottom: 0; } #mid-content-ra .region { display: inline-block; } #mid-content-ra { display: flex; flex-direction: row; border: 1px solid #53075B; border-radius: 12px; overflow: hidden; max-width: 640px; margin-bottom: 32px; } #mid-content-ra .sds-bg-img { width: 202px; position: relative; background-size: cover; background-position: center; min-width: 202px; } .elementor-section.Hide h4.ract, .elementor-section.Hide #mid-content-ra { display: none; } #article-post-content h4.ract { font-family: Open Sans; font-weight: 700; font-size: 20px; line-height: 32px; color: #20262D; margin-bottom: 8px; } #mid-content-ra h5.ract { font-family: Open Sans; font-weight: bold; font-size: 16px; line-height: 24px; color: #20262D; margin: 4px 0 8px; } #mid-content-ra p.excerpt { margin-bottom: 16px; } #mid-content-ra p.date { font-size: 16px; line-height: 20px; color: #53075B; margin-bottom: 0; } #mid-content-ra .sds-btn { background: #53075B; border-radius: 12px; color: #ffffff; padding: 8px 22px; font-weight: 700; border: 1px solid #53075B; transition: all .4s ease; display: inline-block; } #mid-content-ra .content { padding: 24px; } .hide_article_report_data .ract, .hide_article_report_data #mid-content-ra { display: none; } .elastic-press-container ul { margin-left: 0 !important; border-top: 1px solid #53075B; padding-top: 20px; } .elastic-press-container li { list-style: none; } .elastic-press-container li a { font-weight: bold; font-size: 12px; line-height: 16px; color: #000000; } .elastic-press-container h5 { font-family: Vollkorn; font-weight: bold; font-size: 32px; line-height: 52px; color: #20262D; } .article-sidebar-ad .ad-btn { display: inline-block; padding: 7px 31px; background-color: #53075B; color: #ffffff; border-radius: 12px; transition: all .4s ease; border: 1px solid #53075B; } #sds-fading-paywall .paywall-content .elementor-button:hover, .article-sidebar-ad .ad-btn:hover, #mid-content-ra .sds-btn:hover { background-color: transparent; color: #53075B; border: 1px solid #53075B; } #mid-content-ra .hidden { display:block; } .ract svg { fill: #53075B; margin-right: 8px; position: relative; bottom: 2px; } a.article_report_data { transition: all .2s ease; } a.article_report_data:first-of-type { margin-top: 24px; } .article-main-content { max-width: 640px; margin: auto; } a.article_report_data:hover { text-decoration: underline !important; } .elementor-nav-menu--dropdown ul { transition: padding-top .4s ease; } .article-tldr-section h2 { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 32px; color: #20262D; margin-top: 24px; margin-bottom: 24px; } .article-tldr-section ul { padding-bottom: 24px; border-bottom: 1px solid #9BA2AF; } .elementor-widget.pricing-title-bubble { display: inline-block; width: auto !important; position: absolute; top: -21px; left: 50%; transform: translateX(-50%); } .pricing-title-bubble { white-space: nowrap } .text-center { text-align: center; } .pricing-cards-container { max-width: 1242px; margin-left: auto; margin-right: auto; } .pricing-tick-list .elementor-icon-list-item { flex-direction: row-reverse !important; justify-content: space-between !important; align-items: center !important; } .pricing-tick-list .elementor-icon-list-item .elementor-icon-list-text { padding-left: 0 !important; padding-right: 8px; } .pricing-card .elementor-button { display: block !important; } .pricing-card .pricing-tick-list ul li { text-align: left !important; padding-left: 0 !important; } .pricing-card .elementor-container, .pricing-card { height: 100% !important; } .pricing-card .elementor-widget-button { align-self: flex-end; margin-top: auto; } .pricing-card .elementor-widget-wrap { flex-direction: column; } .pricing-card .pc-pa-text { color: #9BA2AF; font-family: "Open Sans", Sans-serif; font-size: 16px; font-weight: 700; line-height: 24px; } .pricing-price-list-head .elementor-price-list, .pricing-price-list .elementor-price-list { max-width: 323px; margin-left: auto !important; margin-right: auto !important; } .pricing-price-list .elementor-price-list-text { background-color: #ffffff; border-radius: 12px; box-shadow: 0px 6px 13px rgba(126, 142, 174, 0.13); padding: 8px 24px; } .pricing-price-list .elementor-price-list-header { margin-bottom: 0 !important; position: relative; } .pricing-price-list .elementor-price-list-header:after { content: ''; position: absolute; left: 50%; transform: translate(-50%,-50%); top: 50%; background-color: #9BA2AF; height: 20px; width: 1px; } .pricing-price-list ul li:last-of-type .elementor-price-list-price { font-weight: 700 !important; } .compare-plans-table-container .elementor-icon-wrapper { display: flex; align-items: center; justify-content: center; flex-direction: column; } .compare-plans-table-container { max-width: 1214px; margin-left: auto; margin-right: auto; } .region-showcase-row { padding-bottom: 2px !important; } .region-showcase-row .region-showcase-box img { max-width: 201px !important; } .pricing-card:not(.product-pricing-card) { cursor: pointer; transition: all .4s ease; margin-left: auto; margin-right: auto; } .pricing-title-bubble .elementor-widget-container, .pricing-card_daily .pricing-title-bubble .elementor-widget-container h3, .pricing-card .elementor-widget-wrap { transition: all .4s ease; } .pricing-card:not(.product-pricing-card):hover { transform: translateY(-25px); } .pricing-card:not(.product-pricing-card):hover .elementor-widget-wrap { box-shadow: 0px 6px 13px rgba(126, 142, 174, 0.13); } .pricing-card_daily:hover .pricing-title-bubble .elementor-widget-container { background-color: #F29408 !important; } .pricing-card_prime:hover .pricing-title-bubble .elementor-widget-container { background-color: #4E79E8 !important; } .pricing-card_pro:hover .pricing-title-bubble .elementor-widget-container { background-color: #C31230 !important; } .pricing-card_pro:hover .pricing-title-bubble .elementor-widget-container h3, .pricing-card_prime:hover .pricing-title-bubble .elementor-widget-container h3, .pricing-card_daily:hover .pricing-title-bubble .elementor-widget-container h3 { color: #ffffff !important; } body.search-results .elementor-posts-container { visibility: hidden; } body.search-results.search-results-filtered .elementor-posts-container { visibility: visible; } .elementor-posts-container.elementor-posts.elementor-posts--skin-ypulse_cards { padding-bottom: 64px; } @media all and (max-width:767px) { .elementor-posts-container.elementor-posts.elementor-posts--skin-ypulse_cards { padding-bottom: 40px; } } .region-showcase-row { overflow: scroll; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; } .region-showcase-row::-webkit-scrollbar { display: none; } .region-showcase-row .elementor-container { min-width: 1100px; } .sds-mob-nav .elementor-widget-wrap { padding-left: 0 !important; padding-right: 0 !important; } .sds-nav a, .sds-nav span { white-space: nowrap; } body:not(.elementor-editor-active) .product-scroll-slide { z-index: 1; min-height: 100vh; display: flex; flex-direction: column; justify-content: center; position: sticky; top: 0; box-shadow: 0px -8px 18px rgba(44, 61, 96, 0.04); } .product-scroll-slide div.elementor-column:first-of-type .elementor-widget-wrap { max-width: 475px; } .product-scroll-slide .elementor-container { min-height: 599px; } .product-scroll-slide .product-scroll-slide-next .elementor-icon-list-text { white-space: nowrap; } .why-trust-slides-section .swiper-slide { height: auto !important; min-height: 268px !important; opacity: .4; transition: opacity .3s ease !important; } .why-trust-slides-section .swiper-slide-active { opacity: 1; transition: opacity .3s ease !important; } .why-trust-slides-section .swiper-slide-inner { border-radius: 22px; border: 1px solid #53075B; margin: 0 9px !important; padding: 75px 102px 40px !important; position: relative !important; height: 100%; } .why-trust-slides-section .swiper-container { overflow: visible; padding-bottom: 50px !important; } .why-trust-slides-section { overflow: hidden; } .why-trust-slides-section .elementor-container { max-width: 706px !important; } .why-trust-slides-section .swiper-slide-bg { width: 32px; height: 32px; position: absolute; top: 40px; left: 50%; transform: translateX(-50%); min-height: 0 !important; min-width: 0 !important; } .why-trust-slides-section .elementor-swiper-button { display: none !important; } .clickable-link { cursor: pointer; } .pro-data-card .elementor-widget-wrap { flex-direction: column; } .pro-data-card .elementor-widget-button { margin-top: auto; } .pro-data-cards-section .elementor-container { flex-wrap: wrap; } .pro-data-cards-section .pro-data-card-column { width: 33.33% !important; } .pro-data-card-column .elementor-widget-wrap { margin-bottom: 0 !important; } .pro-data-card-column .elementor-section, .pro-data-card-column .elementor-container { height: 100%; } .sds-single-video-section-top iframe { border-radius: 22px; display: block; } .single-video-post-content .fl-module-video, .single-video-post-content iframe { display: none !important; } ul.video-additional-content-list { list-style: none; margin: 0; } ul.video-additional-content-list .post-type { color: #7B89A4; font-size: 14px; line-height: 18px; font-weight: 700; text-transform: uppercase; margin-right: 8px; } ul.video-additional-content-list .post-title { color: #53075B; font-weight: 400; font-size: 20px; line-height: 28px; } ul.video-additional-content-list li { position: relative; padding-right: 36px; margin-bottom: 16px; } ul.video-additional-content-list li a { display: flex; flex-direction: row; align-items: center; } ul.video-additional-content-list svg { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .sds-single-video-bottom .fl-module-content { margin: 0; } .sds-single-video-bottom .fl-row-content-wrap { padding: 0; } .sds-single-video-bottom .elementor-shortcode h3 { font-weight: 700; font-size: 20px; line-height: 32px; color: #0A0D14; margin-bottom: 16px; } .sds-single-video-bottom .elementor-shortcode p { font-weight: 400; font-size: 16px; line-height: 28px; color: #20262D; } .sds-single-video-section-top .old-post-content { display: none !important; } .elementor-posts-container.elementor-posts--skin-video_up_next .elementor-post__meta-data { margin-bottom: 8px; margin-top: 8px; } .elementor-posts-container.elementor-posts--skin-video_up_next img { border-radius: 12px; height: 123px; object-fit: cover; } .elementor-posts-container.elementor-posts--skin-video_up_next .post-type-tag { display: flex; flex-direction: row; align-items: center; } .elementor-posts-container.elementor-posts--skin-video_up_next .post-type-tag svg { margin-right: 6px; } .elementor-posts-container.elementor-posts--skin-video_up_next .post-type-tag span { font-weight: 700; font-size: 14px; line-height: 18px; text-transform: uppercase; color: #7B89A4; } .elementor-posts-container.elementor-posts--skin-video_up_next .post-type-tag span.vid-length { margin-left: 10px; } .elementor-posts-container.elementor-posts--skin-video_up_next .elementor-post__thumbnail { padding-bottom: 0 !important; } .video-meta-shares .elementor-widget-wrap { padding: 0 !important; } .single-video-up-next-column { min-width: 476px; } .gs-card:hover .elementor-widget-wrap { border-color: #53075B !important; } .gs-card:hover .elementor-button-wrapper a { background-color: #53075B !important; color: #ffffff !important; } .product-scroll-links a { border-radius: 16px; border: 1px solid #ffffff; } .product-scroll-links a:hover { border: 1px solid #DDE4F2; box-shadow: 0px 6px 13px rgba(126, 142, 174, 0.13); } .mob-product-scroll-links { display: inline-flex; flex-direction: row; margin: auto; align-items: center; justify-content: center; padding: 19px 22px; border: 1px solid #DDE4F2; box-shadow: 0px 6px 13px rgba(126, 142, 174, 0.13); border-radius: 16px; cursor: pointer; } .mob-product-scroll-links svg.icon { margin-right: 8px; position: relative; bottom: 2px; } .mob-product-scroll-links .text { font-family: "Vollkorn", Sans-serif; font-size: 24px; font-weight: 700; line-height: 30px; fill: var( --e-global-color-text ); color: var( --e-global-color-text ); margin-right: 8px; } .mob-product-scroll-links svg.dropdown-arrow { transition: all .3s ease; } .mob-product-scroll-links.active svg.dropdown-arrow { transform: rotate(-180deg) } #staff-profiles-section .elementor-progress-wrapper { overflow: visible; margin-top: 8px; } #staff-profiles-section .elementor-progress-percentage { position: absolute; right: 0; top: -25px; padding-right: 0; } #staff-profiles-section .elementor-progress-bar { border-radius: 4px; } body:not(.elementor-editor-active) #staff-profiles-section img { height: calc(100% + 2px); width: 100%; object-fit: cover; right: 1px; position: relative; min-height: 472px; } body:not(.elementor-editor-active) #staff-profiles-section .staff-profile-card { background-color: #ffffff; height: auto !important; } body:not(.elementor-editor-active) #staff-profiles-section .staff-profile-card .elementor-widget-image .elementor-widget-container, body:not(.elementor-editor-active) #staff-profiles-section .staff-profile-card .elementor-widget-image, body:not(.elementor-editor-active) #staff-profiles-section .staff-profile-card .elementor-container { height: 100%; } body:not(.elementor-editor-active) #staff-profiles-section .staff-profile-card .elementor-title { display: block; padding-right: 35px; } body:not(.elementor-editor-active) #staff-profiles-section #sp-main-column > .elementor-widget-wrap { display: flex; flex-direction: row; flex-wrap: nowrap; padding: 0; width: 100%; margin-left: auto; cursor: grab; padding-bottom: 62px; } #staff-profiles-section { overflow: hidden; } #staff-profiles-section #sp-title-column { width: 100% !important; } #staff-profiles-section #sp-main-column { width: calc(100% - max(calc((100% - 1172px)/2),24px)); margin-left: max(calc((100% - 1172px)/2),24px); overflow: hidden; } #staff-profiles-section .swiper-pagination { text-align: left; width: auto; left: 0; } #staff-profiles-section > .elementor-container { flex-direction: column; } body:not(.elementor-editor-active) #staff-profiles-section .staff-profile-card * { -webkit-user-select: none; -moz-user-select: moz-none; -ms-user-select: none; user-select: none; } #where-are-we { min-height: 616px; display: flex; flex-direction: column; justify-content: center; } #where-are-we .elementor-container { max-width: 1194px; } #careers-top-image { margin-top: -170px; } #careers-line { margin-left: max(24px, (100% - 1192px)/2); } #case-studies-swiper .swiper-container_cases { margin-left: max(100px, (100% - 1192px)/2); } #events-swiper { margin-left: max(0px, (100% - 1224px)/2); } .afw-section { margin-left: max(24px, (100% - 1200px)/2); } .afw-section .elementor-container { max-width: 1272px; margin-left: 0 !important; height: 100%; } .afw-section.afw-section_hiring .elementor-container { max-width: 1202px !important; margin: auto; padding-right: 10px; } .about-us-top-section .afw-section .elementor-widget-container, .about-us-top-section .afw-section .elementor-widget-image, .about-us-top-section .afw-section .elementor-widget-image img { height: 100%; } .about-us-top-section .afw-section .elementor-widget-image img { object-fit: cover; } .about-us-top-section .elementor-inner-section .elementor-container { max-width: 1192px; margin-right: auto; margin-left: 0; } .perk-card .elementor-widget-container { min-height: 134px; } .perk-card .elementor-widget-container { position: relative; display: flex; flex-direction: column; justify-content: center; } .perk-card .elementor-widget-container:after { content: ''; position: absolute; left: 24px; height: 64px; width: 1px; background-color: #0A0D14; top: 35px; } .perks-top-icon { position: absolute !important; top: -24px; left: 9px; z-index: 5; } #perks-of-working { background-size: auto 100%; overflow: hidden; } #perks-of-working > .elementor-container, .static .elementor-widget-wrap, .static { position: static !important; } #pow-lines { position: absolute; width: calc(100% - 145px); left: max(145px, (100% - 946px)/2); top: 280px; max-width: 1202px; } #pow-floating-icon { position: absolute; right: 160px; bottom: 200px; } .insight-posts-section .elementor-widget-posts { padding-bottom: 64px; } .filters-mob-top { display: none; } form.form#pardot-form p.submit input { border: 5px solid #000000 !important; } #mob-insights-apply-filters, #insights-mob-close-filters { display: none; } #ins-sort-filter_mob { display: none; } .elementor-posts.elementor-posts--skin-newsfeed { display: block !important; } .elementor-posts.elementor-posts--skin-newsfeed span.elementor-post-date { color: var( --e-global-color-text ); font-family: "Open Sans", Sans-serif; font-size: 16px; line-height: 28px; } .search-results #ins-sort-filter_mob, .search-results #ins-sort-filter { display: none !important; } .elementor-posts.elementor-posts--skin-newsfeed h3 a { color: var( --e-global-color-text ); font-family: "Open Sans", Sans-serif; font-size: 20px; font-weight: 700; line-height: 32px; } .elementor-posts--skin-newsfeed p a, .elementor-posts--skin-newsfeed p { color: #0A0D14; font-size: 16px; line-height: 28px; } .elementor-posts--skin-newsfeed p a { color: #53075B !important; } .elementor-posts--skin-newsfeed article { position: relative; padding-right: 168px !important; border-bottom: 1px solid #7B89A4; padding-bottom: 32px !important; } .elementor-posts--skin-newsfeed .sds_share_row { position: absolute; right: 0; top: 40px; } .elementor-posts--skin-newsfeed h3 { margin-bottom: 16px !important; } .insight-posts-section_newsfeed .elementor-widget-posts { padding-bottom: 0; } .insight-query-control.no-border-right:after { display: none !important; } #insights-report-close-info { position: absolute; top: 24px; right: 24px; cursor: pointer; display: inline; width: auto; z-index: 10; } .reports-info_calendar #insights-report-close-info { right: 0; } section.reports-info { overflow: hidden; max-height: 400px; } section.reports-info.closed { max-height: 0; transition: all .6s ease !important; border: none !important; margin-top: 0 !important; } .elementor-posts--skin-video-spotlight .swiper-wrapper, .custom-swiper .swiper-container .swiper-wrapper, .swiper-container_events .swiper-wrapper { display: flex; flex-wrap: nowrap; } .custom-swiper { overflow: hidden; } .swiper-container_cases { padding-bottom: 30px; } .swiper-container_events { padding-bottom: 100px; } .swiper-container_cases .swiper-wrapper, .swiper-container_events .swiper-wrapper { overflow: visible; } .custom-swiper_video-spotlight .swiper-button-prev, .custom-swiper_video-spotlight .swiper-button-next, #case-studies-swiper .swiper-button-prev, #case-studies-swiper .swiper-button-next, .swiper-container_press .swiper-button-next, .swiper-container_events .swiper-button-next { background-image: url('/wp-content/uploads/2022/09/Next.png'); width: 40px; height: 40px; background-size: cover; right: inherit; left: 160px; bottom: 26px; top: inherit; margin-top: 0; z-index: 20; } #case-studies-swiper .swiper-button-next { transform: translateY(-50%); right: 24px; left: auto; top: calc(50% - 54px); bottom: auto; } #case-studies-swiper .swiper-button-prev { transform: translateY(-50%) rotate(-180deg) ; left: max(calc((100vw - 1295px)/2),24px); top: calc(50% - 54px); bottom: auto; } .about-us-top-section { min-height: 942px; } .about-us-top-section .afw-section { min-height: 516px; } #case-studies-swiper .swiper-pagination { bottom: 0; left: 20px; text-align: left; } #events-swiper .swiper-pagination { text-align: left; margin-left: 24px; bottom: 35px; } .press-link:hover h3 { text-decoration: underline; } .press-link .elementor-widget-wrap { flex-direction: column; align-items: flex-start !important; } .press-link_bottom .elementor-widget-wrap div.elementor-element:nth-of-type(3), .press-link_top .elementor-widget-wrap div.elementor-element:nth-of-type(4) { margin-top: auto !important; } #events-swiper img { height: auto; max-height: 83px; } .swiper-container_press { padding-bottom: 80px; } .swiper-container_press .swiper-pagination { bottom: 50px !important; text-align: left; margin-left: 24px; } .swiper-container_press .swiper-button-next { bottom: 41px; left: 134px; } .stats-boxes-container .elementor-column .elementor-widget-wrap { margin: 20px; padding: 24px 32px 32px 32px !important; background-color: #ffffff; border: 1px solid #DDE4F2; border-radius: 22px; box-shadow: 0 6px 13px 0 rgba(126, 142, 174, 0.13); } .card-with-bg { background-size: auto 100% !important; } .custom-solution-card { min-height: 101px; } .custom-solution-card .elementor-container, .custom-solution-card .elementor-column { height: 100%; } .custom-solution-card .elementor-widget-wrap { padding: 0 10px !important; } .custom-solutions-svgs svg { opacity: 0.4; } .report-calendar-item.subscribed .elementor-widget-container { padding-right: 120px; } .report-calendar-item .elementor-widget-container { display: flex; flex-direction: row; align-items: flex-start; padding-right: 124px; position: relative; } .report-calendar-item .elementor-widget-container p a { color: var( --e-global-color-text ); text-decoration: none; } .report-calendar-item .elementor-widget-container p a:hover { text-decoration: underline !important; } .report-calendar-item .elementor-widget-container p:nth-of-type(1) { width: 90px; min-width: 90px; } .report-calendar-item { max-width: 700px; } .report-calendar-key_sds span.report-calendar-key-item, .report-calendar-item .elementor-widget-container p:nth-of-type(2) { margin-right: 8px; padding: 2px 8px; border: 1px solid #53075B; border-radius: 33px; text-transform: uppercase; color: #53075B; line-height: 16px; font-size: 16px; margin-top: 5px; } .report-calendar-key_sds span.report-calendar-key-item { padding: 0 8px; margin-right: 16px; margin-left: 4px; } .report-calendar-key_sds .elementor-widget-container { display: flex; flex-direction: row; justify-content: flex-end; } .report-calendar-key_sds p:last-of-type span.report-calendar-key-item { margin-right: 0; } .report-calendar-key_sds p { margin: 4px 0; white-space: nowrap; } .report-calendar-item .elementor-widget-container p:nth-of-type(4) { cursor: pointer; color: #53075B; text-decoration: underline; font-size: 16px; line-height: 24px; position: absolute; right: 0; top: 4px; } .report-calendar-item.subscribed .elementor-widget-container p:nth-of-type(4) { color: #C31230; text-decoration: none; } .rc-accordion-tab { border: 1px solid #DDE4F2; background-color: #ffffff; cursor: pointer; } .rc-accordion-tab .rc-arrow-icon { position: absolute; right: 32px; top: 50%; transform: translateY(-50%); } .rc-accordion-tab.active svg { transition: all .4s ease; } .rc-accordion-tab .elementor-widget-icon .elementor-icon { vertical-align: middle; } .rc-accordion-tab.active { background-color: #ECF2FE !important; border-color: #ffffff !important; } .rc-accordion-tab.active .rc-arrow-icon svg { transform: rotate(-180deg) !important; } body:not(.elementor-editor-active) .rc-accordion-main-content { max-height: 0; overflow: hidden; } body:not(.elementor-editor-active) .rc-accordion-main-content.active-rc-content { max-height: 100%; } .rc-filters-container.elementor-widget { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); } .rc-filters-row { display: flex; flex-direction: row; } .rc-filter { padding: 4px 16px; font-size: 16px; line-height: 28px; border: 1px solid #53075B; border-radius: 33px; margin-left: 8px; color: #53075B; cursor: pointer; transition: all .4s ease; } .rc-filter.rc-active-filter { background-color: #53075B; color: #ffffff; } body.rc-filters-active .report-calendar-item_text, body.rc-filters-active .report-calendar-item { display: none; } body.rc-filters-active .report-calendar-item_text.active-rc-item, body.rc-filters-active .report-calendar-item.active-rc-item { display: block; } .insights-no-results { max-width: 1212px; margin: 64px auto 0; padding: 0 10px; text-align: center; } .insights-no-results h3 { font-family: 'Vollkorn'; font-style: normal; font-weight: 700; font-size: 32px; line-height: 42px; color: #53075B; } .insights-no-results p { font-size: 20px; line-height: 32px; color: #0A0D14; } .newsletter-signup-column .elementor-widget-button { position: sticky; top: 25px; } .insights-report-filters #insights-search { margin-left: 0; padding-left: 56px; } .yp_user .insight-posts-section article.skip-paywall-skip .insight-post-locked-state { display: none !important; } .insights-query-container_videos .insight-query-control:nth-of-type(3):after { display: none; } .elementor-posts--skin-video-spotlight article.elementor-post .elementor-post__thumbnail img { object-fit: cover; height: 501px; width: 100%; } .elementor-posts--skin-video-spotlight article.elementor-post .elementor-post__thumbnail { padding-bottom: 0 !important; border-radius: 18px; overflow: hidden; } .elementor-posts--skin-video-spotlight article.elementor-post .elementor-post__thumbnail:after { position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); z-index: 5; top: 0; left: 0; } .elementor-posts--skin-video-spotlight article.elementor-post .elementor-post__thumbnail:before { position: absolute; content: ''; left: 50%; top: 50%; transform: translate(-50%,-50%); background-image: url('/wp-content/uploads/2022/09/play-icon.png'); z-index: 10; width: 90px; height: 90px; background-size: contain; opacity: 0; transition: all .3s ease; } .elementor-posts--skin-video-spotlight article.elementor-post:hover .elementor-post__thumbnail:before { opacity: 1; } .elementor-posts--skin-video-spotlight article.elementor-post .elementor-post__thumbnail__link { margin-bottom: 0 !important; } .elementor-posts--skin-video-spotlight .insight-post-locked-state { display: none !important; } .elementor-posts--skin-video-spotlight article.elementor-post .elementor-post__meta-data, .elementor-posts--skin-video-spotlight article.elementor-post .elementor-post__text { padding: 0; margin: 0; } .elementor-posts--skin-video-spotlight article.elementor-post .elementor-post__meta-data { border-top: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin: 8px 0; } .elementor-posts--skin-video-spotlight article.elementor-post .elementor-post__thumbnail__link:after { display: none; } .elementor-posts--skin-video-spotlight article.elementor-post .post-type-badge { text-transform: uppercase; font-weight: 700; font-size: 14px; line-height: 18px; } .elementor-posts--skin-video-spotlight article.elementor-post .elementor-post-date { font-size: 16px; line-height: 28px; color: #9DA5B5; } .elementor-posts--skin-video-spotlight article.elementor-post .insight-post-type-text.video { color: #07BEB8; } .elementor-posts--skin-video-spotlight article.elementor-post .insight-post-type-text.webinar { color: #BA4F5F; } .elementor-posts--skin-video-spotlight article.elementor-post .post-type-badge .video-length { color: #7B89A4; margin-left: 10px; } .elementor-posts--skin-video-spotlight { padding-bottom: 72px; } .custom-swiper_video-spotlight .swiper-pagination-bullets { bottom: 25px !important; } .custom-swiper_video-spotlight .swiper-button-next { top: 250px; right: max(32px,calc((100% - 1342px)/2)); left: inherit; } .swiper-container_video-spotlight { border-radius: 12px; } .custom-swiper_video-spotlight .swiper-button-prev { top: 250px; left: max(32px,calc((100% - 1342px)/2));; transform: rotate(-180deg); } .press-link_bottom .elementor-widget-image, .press-link_top .elementor-widget-image { height: 115px; display: flex; align-items: center; } .press-link_bottom .elementor-widget-image img, .press-link_top .elementor-widget-image img { max-height: 83px; } .sds-single-video-bottom p a, .sds-single-video-bottom a, #article-post-content p a, #article-post-content a, .report-main-content-wrap a, .report-main-content-wrap p a { color: #0000EE; } body:not(.piano_user) .hide-on-no-user { display: none !important; } body:not(.elementor-editor-active) .piano_user .hide-on-no-user { display: inherit !important; } .piano_user .hide-on-user { display: none !important; } .search div.daterangepicker:first-of-type, .parent-pageid-87941 div.daterangepicker:first-of-type, .page-id-87941 div.daterangepicker:first-of-type, .insights-filters-section div.date-input-wrap:first-of-type { display: none !important; } .search .daterangepicker .ranges li:hover, .parent-pageid-87941 .daterangepicker .ranges li:hover, .page-id-87941 .daterangepicker .ranges li:hover { background: none; } .search .daterangepicker .ranges li.active, .parent-pageid-87941 .daterangepicker .ranges li.active, .page-id-87941 .daterangepicker .ranges li.active { background: none; color: #53075B; } .search .daterangepicker:before, .parent-pageid-87941 .daterangepicker:before, .page-id-87941 .daterangepicker:before, .parent-pageid-87941 .daterangepicker:after, .page-id-87941 .daterangepicker:after { display: none; } .search .daterangepicker, .parent-pageid-87941 .daterangepicker, .page-id-87941 .daterangepicker { grid-template-columns: repeat(3,1fr); grid-column-gap: 42px; padding: 24px 40px; width: 100%; max-width: 1192px; border: 1px solid #7B89A4; box-shadow: 0px 6px 13px rgba(126, 142, 174, 0.13); border-radius: 18px; left: 0 !important; } .search #ins-date-filter.selected .daterangepicker.show-calendar, .parent-pageid-87941 #ins-date-filter.selected .daterangepicker.show-calendar, .page-id-87941 #ins-date-filter.selected .daterangepicker.show-calendar { display: grid !important; } .search #ins-date-filter .daterangepicker.show-calendar, .parent-pageid-87941 #ins-date-filter .daterangepicker.show-calendar, .page-id-87941 #ins-date-filter .daterangepicker.show-calendar { display: none; } .search .daterangepicker .drp-calendar.left, .parent-pageid-87941 .daterangepicker .drp-calendar.left, .page-id-87941 .daterangepicker .drp-calendar.left { border-left: 0 !important; } .search .daterangepicker .ranges ul, .parent-pageid-87941 .daterangepicker .ranges ul, .page-id-87941 .daterangepicker .ranges ul { width: 100%; } .sds-single-video-bottom iframe { display: none !important; } .sds-beaver-builder-video-text p { color: #0A0D14; font-family: "Open Sans", Sans-serif; font-size: 16px; line-height: 28px; } .search .daterangepicker .drp-calendar, .parent-pageid-87941 .daterangepicker .drp-calendar, .page-id-87941 .daterangepicker .drp-calendar { width: 100%; max-width: 100%; padding: 0 !important; } .search .daterangepicker .drp-calendar.right:before, .parent-pageid-87941 .daterangepicker .drp-calendar.right:before, .page-id-87941 .daterangepicker .drp-calendar.right:before { content: 'End date'; color: #0F2851; font-weight: 700; font-size: 20px; line-height: 32px; font-family: 'Open Sans'; display: block; margin-bottom: 32px; margin-left: 20px; } .search .daterangepicker .drp-calendar.left:before, .parent-pageid-87941 .daterangepicker .drp-calendar.left:before, .page-id-87941 .daterangepicker .drp-calendar.left:before { content: 'Start date'; color: #0F2851; font-weight: 700; font-size: 20px; line-height: 32px; font-family: 'Open Sans'; display: block; margin-bottom: 32px; margin-left: 20px; } .search .daterangepicker .ranges, .parent-pageid-87941 .daterangepicker .ranges, .page-id-87941 .daterangepicker .ranges { margin-top: 0 !important; } .search .daterangepicker select, .parent-pageid-87941 .daterangepicker select, .page-id-87941 .daterangepicker select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; text-align: center; font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 20px !important; line-height: 32px; background: none; } .search .daterangepicker .ranges:before, .parent-pageid-87941 .daterangepicker .ranges:before, .page-id-87941 .daterangepicker .ranges:before { content: 'Timeframe'; color: #0F2851; font-weight: 700; font-size: 20px; line-height: 32px; font-family: 'Open Sans'; display: block; margin-bottom: 32px; } .search .daterangepicker .ranges li, .parent-pageid-87941 .daterangepicker .ranges li, .page-id-87941 .daterangepicker .ranges li { display: none; font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 32px; color: #677790; margin-bottom: 32px; padding: 0; } .search .daterangepicker .ranges li[data-range-key="Last 30 Days"], .search .daterangepicker .ranges li[data-range-key="Last 6 Months"], .search .daterangepicker .ranges li[data-range-key="Last 12 Months"], .search .daterangepicker .ranges li[data-range-key="Last 5 Years"], .parent-pageid-87941 .daterangepicker .ranges li[data-range-key="Last 30 Days"], .page-id-87941 .daterangepicker .ranges li[data-range-key="Last 30 Days"], .parent-pageid-87941 .daterangepicker .ranges li[data-range-key="Last 6 Months"], .page-id-87941 .daterangepicker .ranges li[data-range-key="Last 6 Months"], .parent-pageid-87941 .daterangepicker .ranges li[data-range-key="Last 12 Months"], .page-id-87941 .daterangepicker .ranges li[data-range-key="Last 12 Months"], .parent-pageid-87941 .daterangepicker .ranges li[data-range-key="Last 5 Years"], .page-id-87941 .daterangepicker .ranges li[data-range-key="Last 5 Years"] { display: block; } .search .daterangepicker .calendar-table, .parent-pageid-87800 .daterangepicker .calendar-table, .page-id-87800 .daterangepicker .calendar-table { max-width: 361px; margin: auto; } .search .daterangepicker .calendar-table td, .parent-pageid-87941 .daterangepicker .calendar-table td, .page-id-87941 .daterangepicker .calendar-table td { height: 32px; width: 32px; font-size: 16px; line-height: 30px; border-radius: 50% !important; border: none; color: #677790; font-family: 'Open Sans'; } .search .daterangepicker .calendar-table td.off, .parent-pageid-87941 .daterangepicker .calendar-table td.off, .page-id-87941 .daterangepicker .calendar-table td.off { color: #677790; opacity: 0.5; } .search .daterangepicker .calendar-table td.disabled, .parent-pageid-87941 .daterangepicker .calendar-table td.disabled, .page-id-87941 .daterangepicker .calendar-table td.disabled { text-decoration: none; } .search .daterangepicker .calendar-table th, .parent-pageid-87941 .daterangepicker .calendar-table th, .page-id-87941 .daterangepicker .calendar-table th { font-size: 16px; line-height: 28px; color: #0F2851; font-weight: 400; } .search .daterangepicker .calendar-table table, .parent-pageid-87941 .daterangepicker .calendar-table table, .page-id-87941 .daterangepicker .calendar-table table { border-collapse: separate; border-spacing: 16px 4px; } .search .daterangepicker td.active, .search .daterangepicker td.active:hover, .parent-pageid-87941 .daterangepicker td.active, .parent-pageid-87941 .daterangepicker td.active:hover, .page-id-87941 .daterangepicker td.active, .page-id-87941 .daterangepicker td.active:hover { background-color: #53075B; font-weight: 700; color: #ffffff; } .search .daterangepicker select.yearselect, .search.daterangepicker select.monthselect, .parent-pageid-87941 .daterangepicker select.yearselect, .page-id-87941 .daterangepicker select.yearselect, .parent-pageid-87941 .daterangepicker select.monthselect, .page-id-87941 .daterangepicker select.monthselect { border-radius: 8px; transition: background-color .2s ease; } .search .daterangepicker th.available:hover, .parent-pageid-87941 .daterangepicker th.available:hover, .page-id-87941 .daterangepicker th.available:hover { background: none; } .search .daterangepicker select.yearselect:hover, .search .daterangepicker select.monthselect:hover, .parent-pageid-87941 .daterangepicker select.yearselect:hover, .page-id-87941 .daterangepicker select.yearselect:hover, .parent-pageid-87941 .daterangepicker select.monthselect:hover, .page-id-87941 .daterangepicker select.monthselect:hover { background-color: rgba(83, 7, 91, 0.1); cursor: pointer; } .rc-accordion-main-content .elementor-inner-section div.elementor-column:first-of-type { padding-right: min(5%,60px); } .rc-accordion-main-content .elementor-inner-section div.elementor-column:nth-of-type(2) { padding-left: min(5%,60px); } .sds-contact-form iframe { min-height: 500px; height: 100%; } .full-video-section iframe, .full-video-section { max-height: 564px; min-height: 524px; } .full-video-section .elementor-aspect-ratio-169 .elementor-fit-aspect-ratio { padding-bottom: 100%; } section.pricing-card:first-of-type .elementor-widget-wrap.elementor-element-populated { padding: 55px 33px 36px !important; } .pricing-card .elementor-widget-wrap.elementor-element-populated { padding: 41px 33px 36px !important; } .interactive-data-card .elementor-widget-button .elementor-button svg, .pro-data-card .elementor-widget-button .elementor-button svg { width: 24px; } .interactive-data-card .elementor-widget-button .elementor-button .elementor-button-content-wrapper, .pro-data-card .elementor-widget-button .elementor-button .elementor-button-content-wrapper { align-items: center; } .ins-ct-webinar-column { margin-left: auto; margin-right: 0; } .interactive-data-card:hover .elementor-widget-wrap, .pro-data-card:hover .elementor-widget-wrap { background-color: rgb(241,235,242) !important; box-shadow: 0 6px 13px rgba(126, 142, 174, 0.13); } .interactive-data-card:hover .elementor-button, .pro-data-card:hover .elementor-button { background-color: rgb(241,235,242) !important; } .interactive-data-cards-container .elementor-widget-wrap { max-width: 409px; } .interactive-data-cards-container div.elementor-column:first-of-type { justify-content: flex-start; } .interactive-data-cards-container div.elementor-column:nth-of-type(2) { justify-content: flex-end; } .bottom-pro-data-container .pro-data-card .elementor-widget-wrap { min-height: 264px; } .product-pricing-card_di svg path { fill: #F29408; } .product-pricing-card_pri svg path { fill: #4E79E8; } .product-pricing-card_pro svg path { fill: #C31230; } .pricing-card .pricing-tick-list ul li { margin-top: 24px !important; } .single-post-top-meta_video ul li:nth-of-type(2) { margin-left: 9px !important; } .single-post-top-meta_video ul li:nth-of-type(2) .elementor-post-info__item--type-custom:after { content: 'MIN'; border-left: 0 !important; color: #ABB4C5; } .elementor-column.homepge-50-text_right { justify-content: flex-end; } .homepge-50-text .elementor-widget-wrap { max-width: 482px; } .single-wp_ypulse_webinar .Video { margin: auto; } .report-insight-filter-meta, .video-insight-filter-meta { cursor: pointer; } .report-download-bar .site-region-locked, #ins-regions-filter .site-region-locked, #site_region .site-region-locked { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; background-color: rgba(255,255,255,0.75); } .rdb-region-locked { cursor: not-allowed; } .report-insight-filter-meta.active-meta-filter { align-items: flex-start; } .report-insight-filter-meta.active-meta-filter .elementor-widget-wrap, .video-insight-filter-meta.active-meta-filter .elementor-widget-wrap { border-radius: 16px; border: 1px solid #53075B; box-shadow: 0px 6px 13px rgba(126,142,174,0.13); } .elementor-posts--skin-video_up_next article:hover h4.elementor-post__title a { color: #53075B !important; } .elementor-posts--skin-video_up_next article .elementor-post__thumbnail { position: relative; } .pro-data-top-btn a:focus { border-color: #ffffff !important; } .acct-link-hover .outline-btn { border-radius: 8px; width: auto; border: 1px solid #53075B; text-align: center; margin-top: 12px; padding: 6px 12px !important; } .why-trust-slides-section .swiper-slide .swiper-slide-inner { align-items: flex-start; } .why-trust-slides-section .swiper-slide .swiper-slide-inner .elementor-slide-heading { margin-top: 16px; margin-bottom: 8px !important; } #clear-search p { display: inline-block; cursor: pointer; } .search_insight-query-control-container[data-active="newsfeed"] .insight-query-control:nth-of-type(4):after, .search_insight-query-control-container[data-active="videos"] .insight-query-control:nth-of-type(3):after, .search_insight-query-control-container[data-active="reports"] .insight-query-control:nth-of-type(2):after, .search_insight-query-control-container[data-active="articles"] .insight-query-control:first-of-type:after { display: none; } .traning-schedule { font-family: 'Open Sans', sans-serif; } .traning-schedule .training-list .training-list-tag { display: inline-block; border-radius: 100px; padding: 9px 11px; text-transform: uppercase; font-weight: 700; font-size: 12px; line-height: 18px; min-width: 106px; text-align: center; margin-left: 21px; margin-bottom: 16px; } .traning-schedule .training-list { margin: 60px 0; display: flex; flex-direction: column; align-items: flex-start; } .traning-schedule .training-list .training-list-item.active { background-color: #ECF2FE; border: 1px solid #ECF2FE; } .traning-schedule .training-list .training-list-item { padding: 11px 21px; cursor: pointer; font-weight: 400; font-size: 20px; line-height: 32px; color: #000000; border-radius: 16px; margin: 4px 0; width: 100%; border: 1px solid #ffffff; transition: all .2s ease; } .traning-schedule .training-list .training-list-item .tli-inner { display: flex; width: 100%; justify-content: space-between; } .traning-schedule .training-list .training-list-item .tli-access { margin-left: 32px; font-weight: 700; } .traning-schedule .training-list .training-list-item .tli-access a { color: #53075B; transition: all .3s ease; white-space: nowrap; } .traning-schedule .training-list .training-list-item .tli-access a:hover { text-decoration: underline !important; } .traning-schedule .training-list_daily .training-list-tag { color: #F29408; border: 1px solid #F29408; } .traning-schedule a.btn { display: block; max-width: 346px; width: 100%; margin-left: auto; margin-right: 0; color: #ffffff; border: 1px solid #53075B; background: #53075B; font-weight: 700; font-size: 16px; line-height: 150%; border-radius: 12px; margin-top: 26px; padding: 12px 0; transition: all .3s ease; } .traning-schedule a.btn:hover { background: #ffffff; color: #53075B; } .traning-schedule .training-list_prime .training-list-tag { color: #3772FF; border: 1px solid #3772FF; } .traning-schedule .training-list_pro .training-list-tag { color: #C31230; border: 1px solid #C31230; } .traning-schedule { display: grid; grid-template-columns: 1fr 346px; grid-column-gap: 11%; } #trainingCalendar td, #trainingCalendar thead th { border: 0; text-align: center; color: #0A0D14; font-weight: 400; font-size: 16px; line-height: 28px; } #trainingCalendar td.has-event { position: relative; cursor: pointer; transition: all .2s ease; } #trainingCalendar td.has-event:after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 6px; height: 6px; border-radius: 50%; background-color: #52105A; } #trainingCalendar { max-width: 346px; width: 100%; border: 1px solid #7B89A4; border-radius: 0 0 22px 22px; padding: 24px 10px; border-collapse: separate; background-color: #ffffff; margin-left: auto; margin-right: 0; border-top: none; } #trainingCalendar caption { border: 1px solid #7B89A4; border-radius: 22px 22px 0 0; border-bottom: none; padding: 24px 24px 0; caption-side: top; font-weight: 700; font-size: 20px; line-height: 32px; color: #0A0D14; } #trainingCalendar thead th { color: #53075B; } .training-details-container svg { position: absolute; top: 20px; right: 25px; transform: rotate(180deg); transition: all .2s ease; } .training-details-container.active svg { transform: rotate(0); } .traning-schedule .training-list .training-list-item:hover { border: 1px solid #ECF2FE; } #trainingCalendar td { padding: 8px 0; } #trainingCalendar td span { width: 28px; height: 28px; border-radius: 50%; text-align: center; vertical-align: middle; display: block; margin: auto; } #trainingCalendar td.has-event:not(.active):hover span { background-color: #ECF2FE; } #trainingCalendar td.active span { background-color: #53075B; color: #ffffff; font-weight: 700; } h4.training-m-y { font-family: "Vollkorn", Sans-serif; font-weight: bold; font-size: 24px; line-height: 30px; color: #0A0D14; margin-left: 21px; } .training-details-container { position: relative; max-width: 346px; width: 100%; border: 1px solid #7B89A4; border-radius: 16px; background-color: #ffffff; margin-top: 26px; padding: 18px 25px; margin-left: auto; margin-right: 0; } .training-details-container .training-details_details { justify-content: space-between; font-weight: 400; font-size: 18px; line-height: 28px; color: #0A0D14; } .training-details-container .training-details_details .sflex-row { justify-content: space-between; } .training-details-container .training-details_details .active-title { font-weight: 700; display: block; } .training-details-container .training-details_details .active-title:not(:empty) { margin-bottom: 12px; } .training-details-container h4 { font-size: 18px; line-height: 32px; color: #0A0D14; font-weight: 700; margin-bottom: 16px; padding-right: 36px; } h2.training-schedule-title { font-family: "Vollkorn", Sans-serif; font-style: normal; font-weight: bold; font-size: 32px; line-height: 42px; text-align: center; margin-bottom: 60px; color: #0A0D14; } #training-schedule { margin: 80px auto; max-width: 1000px; } .piano_user .footer-newsletter-cta { display: none !important; } .yp-sign-up-log-cont .elementor-widget-container { display: flex !important; } .yp-sign-up-log-cont #account-signup { margin-right: 16px; } .yp-sign-up-log-cont #account-login { font-weight: 400; } .sds-template-logo { margin-left: 14px; } .staff-profile-card .elementor-container { max-width: none !important; } .elementor-posts--skin-newsfeed .wp_ypulse_newsfeed a, .report-main-content-wrap a, #article-post-content a, .sds-single-video-bottom a { color: #53075B; } #insight-date-filter-container { position: absolute; width: 100%; left: 0; } .elementor-widget-testimonial-carousel .swiper-slide { display: flex; align-items: center; justify-content: center; } .elementor-post__badge-shortened { position: relative; cursor: default; transition: background-color .3s ease; } .elementor-post__badge-shortened .elementor-post__badges-hover { position: absolute; top: 100%; left: 50%; transform: translate(-50%,0); transition: all .3s ease; background-color: #FEFEFE; white-space: nowrap; text-align: center; padding: 4px 6px; border-radius: 6px; visibility: hidden; opacity: 0; z-index: 20; } .elementor-grid-item.skip-paywall-skip .insight-post-locked-state { display: none !important; } .elementor-post__badges-hover .epbh-before { height: 7px; width: 7px; background-color: #FEFEFE; transform: rotate(-45deg) translate(-50%, -8px); top: 0; left: calc(50% + 4px); position: absolute; } .single-post-top-regions .elementor-post__badges-hover, .single-post-top-regions .elementor-post__badges-hover .epbh-before { background-color: #ECF2FE; } .elementor-post__badge-shortened:hover .elementor-post__badges-hover { transform: translate(-50%,4px); visibility: visible; opacity: 1; } .elementor-post__badge.elementor-post__badge-shortened:hover { background-color: #FEFEFE !important; } .article-main-content .elementor-widget-theme-post-featured-image img { height: auto; width: 100%; } .video-no-play { position: absolute; background: transparent; z-index: 1001; height: 100%; width: 100%; top: 0; left: 0; } .single-wp_ypulse_article #sds-fading-paywall { height: 850px; } .article-sidebar-container_ad { z-index: 9999; } .elementor-location-footer { margin-top: auto; } /* SDS-1.2 - CHANGING HOW TP-MODAL-OPEN AFFECTS SINGLE ARTICLE/VIDEO/REPORT PAGES */ /* body.single .tp-backdrop, body.single .tp-modal { display: none !important; } body.single.tp-modal-open { overflow: auto !important; height: auto !important; } */ body.single.frozen-mobile-body { position: relative !important; } body.single.piano-paywall-active .footer-free-article-sign-up, body.single.piano-paywall-active #sds-fading-paywall { display: block; } body.single.piano-paywall-active .free-article-sticky-bottom { display: none !important; } section.free-article-sticky-bottom { position: sticky; bottom: 0; z-index: 9999; } body.single.piano-paywall-active #article-post-content { max-height: 500px; overflow: hidden; } body.piano-paywall-active .video-no-play, body.premium-webinar-paywall .video-no-play, body.premium-webinar-paywall #sds-fading-paywall { display: block; } body.piano-paywall-active .region-north-america .elementor-widget-button.premium-webinar-paywall-content.western-europe, body.piano-paywall-active .region-north-america .elementor-widget-button.premium-webinar-paywall-content.asia-pacific, body.piano-paywall-active .region-western-europe .elementor-widget-button.premium-webinar-paywall-content.asia-pacific, body.piano-paywall-active .region-western-europe .elementor-widget-button.premium-webinar-paywall-content.north-america, body.piano-paywall-active .region-asia-pacific .elementor-widget-button.premium-webinar-paywall-content.western-europe, body.piano-paywall-active .region-asia-pacific .elementor-widget-button.premium-webinar-paywall-content.north-america, body.premium-webinar-paywall .region-north-america .elementor-widget-button.premium-webinar-paywall-content.western-europe, body.premium-webinar-paywall .region-north-america .elementor-widget-button.premium-webinar-paywall-content.asia-pacific, body.premium-webinar-paywall .region-western-europe .elementor-widget-button.premium-webinar-paywall-content.asia-pacific, body.premium-webinar-paywall .region-western-europe .elementor-widget-button.premium-webinar-paywall-content.north-america, body.premium-webinar-paywall .region-asia-pacific .elementor-widget-button.premium-webinar-paywall-content.western-europe, body.premium-webinar-paywall .region-asia-pacific .elementor-widget-button.premium-webinar-paywall-content.north-america { display: none !important; } body.piano-paywall-active .region-asia-pacific span.premium-webinar-paywall-content.asia-pacific, body.piano-paywall-active .region-western-europe span.premium-webinar-paywall-content.western-europe, body.piano-paywall-active .region-north-america span.premium-webinar-paywall-content.north-america, body.premium-webinar-paywall .region-asia-pacific span.premium-webinar-paywall-content.asia-pacific, body.premium-webinar-paywall .region-western-europe span.premium-webinar-paywall-content.western-europe, body.premium-webinar-paywall .region-north-america span.premium-webinar-paywall-content.north-america { display: inline; } .demo-form-container .elementor-widget-html { min-height: 730px; } .demo-form-container .elementor-widget-html .elementor-widget-container iframe, .demo-form-container .elementor-widget-html .elementor-widget-container { height: 100%; } .article-sticky-bottom #piano-inline-container { display: none; } a.elementor-button.report-data-cut-btn { font-family: "Open Sans", Sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; fill: #53075B; color: #53075B; background-color: #FEFEFE; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #ECF2FE; border-radius: 12px 12px 12px 12px; box-shadow: 0px 6px 13px 0px rgba(126, 142.00000000000003, 174, 0.13); padding: 16px 16px 16px 16px; position: relative; display: block; text-align: left; } a.elementor-button.report-data-cut-btn svg { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } @media all and (max-width:1384px) { .prime-menu .elementor-widget-container { padding-right: 0 !important; } } @media all and (max-width:1290px) { .elementor-column.hdr-right { width: auto !important; } .sds-nav.main-nav nav.elementor-nav-menu--main ul li { padding: 9px 0; } body:not(.piano-user) .sds-mob-nav { width: auto !important; } body:not(.piano-user) .sds-mob-nav { width: auto !important; } body:not(.piano-user) .sds-mob-nav { width: auto !important; } body:not(.piano-user) .sds-mob-nav { width: auto !important; } body:not(.piano-user) .sds-mob-nav { width: auto !important; } } @media all and (max-width:1024px) { .hdr-right a:not(.elementor-button-link) { color: #ffffff !important; } body:not(.elementor-editor-active) #staff-profiles-section .staff-profile-card .elementor-container { align-items: flex-start; } body:not(.elementor-editor-active) #staff-profiles-section .staff-profile-card .elementor-container, body:not(.elementor-editor-active) #staff-profiles-section .staff-profile-card .elementor-widget-image, body:not(.elementor-editor-active) #staff-profiles-section .staff-profile-card .elementor-widget-image .elementor-widget-container { height: auto; } .report-calendar-key_sds .elementor-widget-container { justify-content: flex-start; flex-wrap: wrap; } .sds-nav, .sds-nav .elementor-column { min-height: 1px; } .yp-sign-up-log-cont .elementor-widget-container { flex-wrap: wrap; } .yp-sign-up-log-cont #account-login, .yp-sign-up-log-cont #account-signup { margin-top: 4px; margin-bottom:4px; } #training-schedule { margin: 80px 0; } .traning-schedule { grid-template-columns: repeat(1,1fr); grid-column-gap: 0; } .training-details-container, #trainingCalendar { margin-right: auto; } .training-details-container { margin-top: 0; margin-bottom: 26px; } .traning-schedule .training-list { max-width: 670px; margin-left: auto; margin-right: auto; } .traning-schedule .calendar-details-wrap { display: flex; flex-direction: column-reverse; } .traning-schedule a.btn { margin-right: auto; margin-top: 42px; } .acct-link-hover .outline-btn { display: none !important; } .search .daterangepicker, .page-id-87941 .daterangepicker, .parent-pageid-87941 .daterangepicker { grid-template-columns: 1fr; padding: 24px 40px 24px 20px; } .search .daterangepicker .calendar-table, .page-id-87941 .daterangepicker .calendar-table, .parent-pageid-87941 .daterangepicker .calendar-table { margin-left: 0; } .search .daterangepicker .ranges, .page-id-87941 .daterangepicker .ranges, .parent-pageid-87941 .daterangepicker .ranges { margin-left: 20px; } body:not(.elementor-editor-active) .product-scroll-slide { justify-content: flex-start; padding-top: 50px !important; } .product-scroll-slide div.elementor-column:first-of-type .elementor-widget-wrap { max-width: none; } .swiper-container_pro-data .swiper-wrapper { flex-wrap: nowrap !important; padding: 20px 0 52px; } .swiper-container_pro-data { padding: 0 !important; overflow: hidden; } .swiper-container_pro-data .swiper-slide { overflow: visible; } .swiper-container_pro-data .swiper-slide .elementor-column { width: 100% !important; } .swiper-container_pro-data .swiper-slide > .elementor-widget-wrap { padding: 0 !important; } .swiper-container_pro-data { padding-left: 16px !important; } .interactive-data-cards-container div.elementor-column:first-of-type, .interactive-data-cards-container div.elementor-column:nth-of-type(2) { justify-content: center; } .rc-accordion-main-content .elementor-inner-section div.elementor-column:first-of-type { padding-right: 0; } .rc-accordion-main-content .elementor-inner-section div.elementor-column:nth-of-type(2) { padding-left: 0; } .sds-nav .elementor-nav-menu a:hover { padding: 16px 13px; background: none; } .elementor-column.hdr-right { width: 100% !important; } body:not(.elementor-editor-active) .article-sidebar-container { height: auto; } body:not(.elementor-editor-active) .article-sidebar-container .elementor-container { position: relative; top: 0; } #sds-fading-paywall { height: calc(100% - 70px); } .region-showcase-box .elementor-widget-wrap { padding: 24px 16px !important; margin: 0 8px !important; } div.region-showcase-box:first-of-type .elementor-widget-wrap { margin-left: 24px !important; } .region-showcase-box div.elementor-widget-image { width: 80%; margin-left: auto; margin-right: auto; } body:not(.elementor-editor-active) .region-showcase-box div.elementor-widget-image:last-of-type { width: calc(80% - 51.2px); bottom: 24px; } .custom-swiper_video-spotlight .swiper-button-next { right: 24px; top: inherit; bottom: 25px; } .custom-swiper_video-spotlight .swiper-button-prev { left: 24px; top: inherit; bottom: 25px; } .elementor-posts--skin-video-spotlight article.elementor-post .elementor-post__thumbnail img { height: 360px; } #case-studies-swiper .swiper-button-next, #case-studies-swiper .swiper-button-prev { display: none; } #case-studies-swiper .swiper-container_cases { margin-left: 0; } .swiper-container_reports-info .swiper-wrapper, .swiper-container_press .swiper-wrapper { display: flex; flex-wrap: nowrap !important; } .swiper-container_reports-info .swiper-wrapper { padding-bottom: 48px; } .swiper-container_pro-data .swiper-pagination-bullets { text-align: left; margin-left: 16px; } .swiper-container_pro-data .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-container_reports-info .swiper-pagination-bullets .swiper-pagination-bullet { width: 8px; height: 8px; background: #ECF2FE; margin: 0 4px !important; opacity: 1; } .swiper-container_pro-data .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-container_reports-info .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #7B89A4; } .swiper-container_reports-info .swiper-wrapper .elementor-column { max-width: none !important; justify-content: center; } .swiper-container_reports-info .swiper-wrapper .elementor-column .elementor-widget-wrap { max-width: 280px; } .elementor-posts--skin-newsfeed .sds_share_row { position: relative; top: 0; right: 0; left: 0; bottom: 0; margin-bottom: 16px; justify-content: flex-start; } .elementor-posts--skin-newsfeed a.sds_share_links:nth-of-type(1) { margin-left: 0; } .elementor-posts--skin-newsfeed article { padding-right: 0 !important; } .insight-query-control { width: 98px; border-radius: 0; background: transparent; } .insight-query-control a { font-size: 16px; line-height: 24px; } .insights-query-container { overflow: scroll; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; } .insights-query-container::-webkit-scrollbar { display: none; } .insight-query-control-locked-state:after { right: 2px; } .insight-query-control:not(:last-of-type):after { display: none; } .insight-query-control.active { background-color: #ffffff; border-bottom: 2px solid #53075B; } .insight-query-control.active a { color: #53075B !important; } .insight-query-control-container { box-shadow: none; border-radius: 0; padding-bottom: 0; background: transparent; position: relative; } .insight-query-control-container:after { content: ''; position: absolute; height: 1px; width: 100%; bottom: 0; left: 0; background: #ECF2FE; z-index: -1; } body:not(.elementor-editor-active) #staff-profiles-section > .elementor-container > .elementor-column > .elementor-widget-wrap { width: 100%; padding-left: 24px; } body:not(.elementor-editor-active) #staff-profiles-section .staff-profile-card { margin-right: 16px; } body:not(.elementor-editor-active) #staff-profiles-section img { min-height: 1px; max-height: 386px; width: calc(100% + 2px); max-width: none; } .gs-card { margin-left: auto !important; margin-right: auto !important; } .pro-data-cards-section .elementor-container:first-of-type { flex-wrap: nowrap; overflow: scroll; -ms-overflow-style: none; scrollbar-width: none; } .pro-data-cards-section .elementor-container:first-of-type::-webkit-scrollbar { display: none; } .pro-data-cards-section .pro-data-card-column { width: auto !important; } .pro-data-card { width: 285px !important; } .pricing-card .elementor-container, .pricing-card { height: auto !important; } .pricing-card { max-width: 424px; padding: 0 24px; } .hdr-right svg.avatar path { fill: #ffffff; } .hdr-region-select { position: absolute !important; top: 140px; left: 0; z-index: 10000; padding: 0 14px; width:auto !important; visibility: hidden; opacity: 0; transition: all .1s ease; } .hdr-region-select.mob-nav-active { visibility: visible; opacity: 1; z-index: 999999; } .hdr-region-select .hdr-region-selector svg:not(.sds_arrow) { min-width: 24px; } .hdr-region-select .hdr-region-selector svg.regional-info-hover { display: none; } .active-regions-text { color: #ffffff; } .hdr-region-select .hdr-region-selector svg:not(.sds_arrow) path { fill: #ffffff; } .hdr-region-select .hdr-region-selector svg.sds_arrow path { stroke: #ffffff; } .account-badge span { background-color: #ffffff; } .elementor-nav-menu--dropdown ul { padding-left: 11px; padding-right: 11px; } .footer-menu-col { width: 33.33% !important; margin-top: 20px; padding-top: 0; } .footer-logo-socials { width: 100% !important; } #mid-content-ra h5.ract { margin-top: 4px; } .article-footer .elementor-widget-icon-list { padding-top: 10px; } .article-footer .address .elementor-widget-icon-list { padding-top: 25px; } .hdr-region-select { max-width: 125px; } .hdr-logo { max-width: 134px; } .sds-mob-nav { position: absolute; right: 0; width: 100%; } .sds-mob-nav.mob-nav-active nav { box-shadow: 0 4px 5px rgba(0,0,0,0.05); } .sds-mob-nav .elementor-widget-wrap { padding: 0 !important; } .sds-mob-nav .elementor-menu-toggle { margin-right: 18.5px !important; margin-top: 2px !important; } .sds-nav { padding: 21px 0; } .sds-nav a { color: #ffffff; } .short-nav nav ul li a, .main-nav nav ul li a { padding: 16px 13px; color: #ffffff !important; } .short-nav nav ul li .elementor-item.elementor-item-active, .main-nav nav ul li .elementor-item.elementor-item-active { background: none; } .mobile-view { display: block; } .hdr-right { z-index: 99999; max-height: 0; visibility: hidden; overflow: hidden; transition: all .1s ease .17s; padding: 8px 0; background-color: #53075B; position: absolute !important; left: 0; top: calc(100% + 21px); border-bottom: 1px solid #ECF2FE; } .hdr-right.mob-nav-active { max-height: 72px; visibility: visible; transition: all .1s ease; } .hdr-right .hdr-btn-wrap { margin-left: auto; } .hdr-right .hdr-btn-wrap .elementor-button { color: #ffffff !important; border-color: #ffffff !important; } .hdr-right .elementor-widget-wrap>.elementor-element { margin-right: 0; } .sds-nav .elementor-container { flex-wrap: nowrap; flex-direction: row; } .sds-mob-nav { width: auto !important; } .piano_user .sds-mob-nav nav { padding-top: 122px; } .sds-mob-nav nav { margin-top: 0 !important; padding-top: 73px; position: absolute; width: 100%; left: 0; top: calc(100% + 21px); z-index: 99999; background-color: #53075B; height: calc(100vh - 80px); } .sds-mob-nav .elementor-menu-toggle { background-color: rgba(0,0,0,0); } .hdr-right { padding: 0; } .sds-nav .sds-mob-nav .elementor-widget, .sds-nav .sds-mob-nav .elementor-widget-wrap, .sds-nav .sds-mob-nav.elementor-column, .sds-nav .sds-mob-nav .elementor-column-wrap { position: static; } .hdr-right .elementor-widget-wrap.elementor-element-populated { justify-content: space-between; padding: 24px !important; } .wp_ypulse_article .elementor-section-wrap .elementor-section { padding: 26px 0 0 0; } .wp_ypulse_article .elementor-element-27560b9 { padding: 14px; } .footer-free-article-sign-up.white .sticky-footer-btn { position: relative; max-width: none; margin: auto; white-space: nowrap; top: 0; left: 0; transform: translate(0); } .sds-nav img.avatar { background-color: none; } .sds-single-report-section .main-column { max-width: none; } #report-download-container .elementor-widget-wrap { padding: 24px; } #report-download-container { box-shadow: none !important; background: linear-gradient(180deg, rgba(254, 254, 254, 0) 0%, #FEFEFE 100%); !important; } #report-download-btn-mob { display: block; } #report-download-btn { display: none; } .rdb-mob-menu-active #report-download-btn-mob { display: none; } .rdb-mob-menu-active #report-download-btn { display: block; } .report-download-bar { overflow: hidden; } .report-download-bar .rdb-mob-close { position: absolute; top: 24px; right: 24px; width: 15px; height: 15px; display: block; z-index: 9999; cursor: pointer; } .report-download-bar.no-menu .rdb-region-selector { padding: 0; } .report-download-bar .rdb-region-selector-menu { position: relative; border: none; bottom: 0; padding: 3px 0; } .report-download-bar .rdb-region-selector-menu .rdb-region-locked { border-radius: 8px; } .report-download-bar .rdb-region-selector-menu .rdb-region { border: 1px solid #53075B; border-radius: 8px; box-shadow: 0px 6px 13px rgba(126, 142, 174, 0.13); } .rdb-region-selector .rdb-region-wrap svg { top: 0; right: -4px; transform: translateY(0) rotate(-180deg); } .rdb-region-selector.menu-active .rdb-region-wrap svg { transform: translateY(0) rotate(0deg); } .report-download-bar .rdb-region-selector { border-right: none; padding: 0; margin-bottom: 8px; } .report-download-bar .rdb-checkbox-locked, .report-download-bar .rdb-checkbox { padding: 8px 0; justify-content: space-between; border-bottom: 1px solid #ECF2FE; margin: 8px 0; } .report-download-bar .rdb-checkbox-locked svg { position: relative; left: 3px; } .report-download-bar .left.sflex-row, .report-download-bar.sflex-row { flex-direction: column; } .report-download-bar .left { visibility: hidden; width: 100%; position: absolute; top: 100%; left: 0; transform: translateY(0); padding: 24px 24px 98px 24px; background-color: #ffffff; z-index: 5; transition: all .4s ease; height: 324px; overflow: scroll; -ms-overflow-style: none; scrollbar-width: none; } #report-mob-overlay { z-index: 1; width: 100%; height: 0; position: fixed; top: 0; left: 0; background-color: rgba(12, 9, 20, 0.24); opacity: 0; visibility: hidden; transition: opacity .3s ease; } .rdb-mob-menu-active #report-mob-overlay { height: 100%; visibility: visible; opacity: 1; } .wp_ypulse_report-template-default.rdb-mob-menu-active { overflow-y: hidden; } .rdb-region { padding: 8px 42px 8px 16px; margin: 4px 0; box-shadow: 0px 6px 13px rgba(126, 142, 174, 0.13); } .report-download-bar .rdb-region:first-of-type { margin-top: 16px; } .report-download-bar .left::-webkit-scrollbar { display: none; } .report-download-bar.rdb-mob-menu-active { overflow: auto; } .report-download-bar.rdb-mob-menu-active .left { visibility: visible; transform: translateY(-100%); } .report-download-bar .right { z-index: 10; } .report-download-bar .rdb-dc { border-right: none; margin-bottom: 24px; } #report-download-container .elementor-widget { position: static; } .wp_ypulse_report .sidebar-column .elementor-inner-section { height: auto; } .wp_ypulse_report .sidebar-column .elementor-inner-section .elementor-container { position: relative; } .sds-single-report-section .elementor-container { justify-content: flex-start; } .sds-single-report-section .sidebar-column { max-width: 454px; } .sds-single-report-section .sidebar-column .elementor-widget-wrap.elementor-element-populated { padding-right: 0; } .ypulse-products-carousel .elementor-element .swiper-slide .swiper-slide-inner .swiper-slide-contents { max-width: 100%; position: relative; } .ypulse-products-carousel .elementor-element .swiper-slide { height: 737px !important; } .ypulse-products-carousel .swiper-slide-contents:before { top: -36px; left: 0; } .ypulse-products-carousel .elementor-element .swiper-slide .swiper-slide-inner { align-items: flex-end; } .ypulse-products-carousel .swiper-slide .swiper-slide-bg { width: 80%; height: 367px; transform: translateX(0); } .article-main-content { max-width: none; } .column-swap-tablet .elementor-container { flex-direction: column-reverse; } .product-scroll-links .elementor-widget-wrap.elementor-element-populated { flex-direction: column; align-items: center; display: inline-flex; align-content: center; padding: 0 !important; max-height: 0; overflow: hidden; transition: all .6s ease; flex-wrap: nowrap; } .product-scroll-links .elementor-widget-wrap.elementor-element-populated.active { max-height: 470px; } .no-bg-tablet { background-image: none !important; } #where-are-we { min-height: 1px; } .rc-filters-container.elementor-widget { position: relative; top: 0; right: 0; transform: translateY(0); width: 100% !important; margin-top: 32px; } .rc-filter { margin-left: 0; margin-right: 8px; } .custom-solutions-svgs svg { height: auto !important; margin-bottom: 49px; } .products-logo-carousel .swiper-pagination { display: block; bottom: 0; } .products-logo-carousel .elementor-swiper { padding-bottom: 18px; } } @media all and (min-width:1440px) { #pow-lines { right: 0; left: auto; } } @media all and (max-width:767px) { .filters-expand-btn.initial-active { color: #7B89A4; } .filters-expand-btn.initial-active svg path { fill: #7B89A4; } .elementor .elementor-hidden-mobile, .elementor .elementor-hidden-phone { display: none !important; } body.single-wp_ypulse_webinar .elementor-element .single-post-top-regions, body.single-wp_ypulse_article .elementor-element .single-post-top-regions, body.single-wp_ypulse_report .elementor-element .single-post-top-regions { margin-left: 0; } body.single-wp_ypulse_webinar .elementor-element .single-post-top-regions .elementor-icon-list-text .elementor-post-info__terms-list-item, body.single-wp_ypulse_article .elementor-element .single-post-top-regions .elementor-icon-list-text .elementor-post-info__terms-list-item, body.single-wp_ypulse_report .elementor-element .single-post-top-regions .elementor-icon-list-text .elementor-post-info__terms-list-item { font-size: 12px; } #ins-date-filter { margin-right: 0; } .search .daterangepicker .calendar-table table, .parent-pageid-87941 .daterangepicker .calendar-table table, .page-id-87941 .daterangepicker .calendar-table table { table-layout: fixed; width: 100%; } #insight-date-filter-container { position: relative; padding: 0 16px; } .search .daterangepicker, .parent-pageid-87941 .daterangepicker, .page-id-87941 .daterangepicker { position: relative; z-index: 1; background-color: transparent; border: none; padding: 0; top: 0 !important; left: 0 !important; right: 0 !important; box-shadow: none; } .search .daterangepicker .ranges, .page-id-87941 .daterangepicker .ranges, .parent-pageid-87941 .daterangepicker .ranges { margin-left: 0; } .search .daterangepicker .calendar-table, .page-id-87941 .daterangepicker .calendar-table, .parent-pageid-87941 .daterangepicker .calendar-table { margin: auto; background-color: transparent; border: none; padding-bottom: 16px; } .search .daterangepicker .drp-calendar, .page-id-87941 .daterangepicker .drp-calendar, .parent-pageid-87941 .daterangepicker .drp-calendar { background-color: #DDE4F2; border-radius: 20px; margin-right: auto; max-width: 400px; margin-left: 0; } .search .daterangepicker .drp-calendar.left, .parent-pageid-87941 .daterangepicker .drp-calendar.left, .page-id-87941 .daterangepicker .drp-calendar.left { margin-bottom: 16px; } .search .daterangepicker .ranges:before, .parent-pageid-87941 .daterangepicker .ranges:before, .page-id-87941 .daterangepicker .ranges:before { display: none; } .search .daterangepicker .ranges li, .parent-pageid-87941 .daterangepicker .ranges li, .page-id-87941 .daterangepicker .ranges li { font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 24px; color: #ffffff; } .search .daterangepicker td.off, .parent-pageid-87941 .daterangepicker td.off, .page-id-87941 .daterangepicker td.off { background-color: transparent !important; } .search .daterangepicker .drp-calendar.right:before, .parent-pageid-87941 .daterangepicker .drp-calendar.right:before, .page-id-87941 .daterangepicker .drp-calendar.right:before, .search .daterangepicker .drp-calendar.left:before, .parent-pageid-87800 .daterangepicker .drp-calendar.left:before, .page-id-87800 .daterangepicker .drp-calendar.left:before { margin-top: 16px; font-size: 16px; line-height: 28px; margin-bottom: 12px; } .search .daterangepicker .ranges li.active, .parent-pageid-87941 .daterangepicker .ranges li.active, .page-id-87941 .daterangepicker .ranges li.active { font-weight: 700; color: #ffffff; } #ins-regions-filter .site-region-locked { background-color: rgba(83, 7, 91,0.4); } #training-schedule { margin: 80px 0; } h2.training-schedule-title { margin-bottom: 32px; } #trainingCalendar caption, .traning-schedule .training-list .training-list-item, .training-details-container h4, .training-details-container .training-details_details { font-size: 16px; line-height: 28px; } .traning-schedule .training-list { margin: 36px auto; } .traning-schedule .training-list .training-list-tag { margin-left: 0; } .traning-schedule .training-list .training-list-item .tli-inner { display: flex; flex-direction: column; } .traning-schedule .training-list .training-list-item .tli-access { margin-left: 0; margin-top: 24px; } .ypulse-products-carousel .swiper-slide .elementor-slide-heading { margin-bottom: 8px !important; } .home-larger-img img { width: calc(100% + 14px) !important; } .ypulse-products-carousel .swiper-slide .elementor-slide-description { margin-bottom: 32px !important; } .elementor-posts.elementor-posts--skin-video_up_next .elementor-post__text { display: flex; flex-direction: column-reverse; align-items: flex-start; max-width: 327px; } .elementor-posts.elementor-posts--skin-video_up_next .elementor-post__text a { display: flex; flex-direction: row-reverse; width: 100%; justify-content: space-between; } .elementor-posts.elementor-posts--skin-video_up_next article { max-width: 327px; margin: auto; width: 100%; } #sds-fading-paywall .elementor-container h2 { font-size: 32px; line-height: 42px; } .insight-posts-section_inner .elementor-grid { grid-row-gap: 40px !important; --grid-row-gap: 40px !important; } .blue-bg_mob { background: #ECF2FE !important; } .region-showcase-row .region-showcase-box img { max-width: 131px !important; } .full-video-section .elementor-aspect-ratio-169 .elementor-fit-aspect-ratio { padding-bottom: 524px; } .perk-card .elementor-widget-container:after { height: 54px; top: 50%; transform: translateY(-50%); } .perk-card .elementor-widget-container { min-height: 107px; } .about-us-top-section .afw-section img { height: 265px !important; } .about-us-top-section { min-height: 938px; } .afw-section.afw-section_hiring .elementor-container { padding-right: 0; } .afw-section.afw-section_hiring .elementor-container img { object-fit: cover; max-width: none !important; height: 440px; object-position: 80%; } .reports-info_calendar #insights-report-close-info { right: 24px; } section.reports-info_calendar { max-height: none; } .region-showcase-row .elementor-container { min-width: 890px; } .elementor-posts--skin-video-spotlight { padding-bottom: 48px; } .custom-swiper_video-spotlight .swiper-button-prev, .custom-swiper_video-spotlight .swiper-button-next { width: 24px; height: 24px; bottom: 25px; } .swiper-container_video-spotlight { border-radius: 0; } .custom-swiper_video-spotlight, .custom-swiper_video-spotlight .elementor-widget-wrap { padding: 0 !important; } .elementor-posts--skin-video-spotlight article.elementor-post .elementor-post__text { padding: 0 24px; } .elementor-posts--skin-video-spotlight article.elementor-post .elementor-post__thumbnail { border-radius: 0; } .insight-posts-section article .elementor-post__card { max-width: 400px; margin: auto; } .insight-posts-section .insights-report-filters #insights-search { padding-left: 0; } .report-calendar-item .elementor-widget-container { flex-direction: column; align-items: flex-start; padding-left: 100px; padding-right: 0; } .report-calendar-item .elementor-widget-container p:nth-of-type(1) { width: auto; min-width: 1px; position: absolute; display: inline; left: 0; top: 0; } .report-calendar-item .elementor-widget-container p:nth-of-type(2) { margin-right: 0; margin-bottom: 8px; } .report-calendar-item .elementor-widget-container p:nth-of-type(3) { margin-bottom: 8px; } .stats-boxes-container .elementor-column .elementor-widget-wrap { margin: 12px 0; } .stats-by-numbers-container { background-size: auto 380px !important; } .custom-solution-card-container .elementor-widget-wrap.elementor-element-populated { padding: 8px !important; } .card-with-bg .img-column { min-height: 300px; } .card-with-bg { background-size: 100% auto !important; background-position: center top !important; } #careers-top-image img { height: 400px; object-fit: cover; } #careers-top-image { margin-top: -220px; } #pow-floating-icon { left: 70px; bottom: 20px; transform: rotate(-36deg); right: auto; } #pow-lines { left: 45%; top: 182px; height: 800px; width: 1400px; } .swiper-container_press img { height: auto !important; max-height: 83px; } .press-link { height: auto; min-height: 300px !important; } .no-bg-mob { background-image: none !important; } #established-trusted .elementor-button-wrapper a { width: 100%; } #staff-profiles-section .swiper-pagination { left: 0; } .active-filter-item:not(:empty) { color: #ffffff; display: block; margin-right: 0; padding: 4px 16px; font-weight: 400; font-size: 16px; line-height: 24px; cursor: default; } .insights-filter.selected .insights-active-filters-list_mob { display: none; } .active-filter-item:not(:empty):after { display: none; } .insights-active-filters-wrap { display: none; } .insights-filter.selected .filter-menu { border-bottom: 1px solid rgba(171, 180, 197, 0.5); padding-bottom: 22px; margin: 0 16px; } #mob-insights-apply-filters .apply-num { margin-left: 4px; } #ins-sort-filter_mob { display: block; } #insights-search { position: absolute; right: 10px; bottom: 7px; z-index: 10; padding-left: 0; margin-left: auto; width: 100%; max-width: 0; } #insights-search.search-active { max-width: calc(100% - 20px); transition: max-width .4s ease; } #insights-search.search-active .elementor-widget-container { max-width: 100%; width: 100%; margin-left: auto; } #ins-sort-filter { display: none; } body.mob-insights-active .sds-mob-nav { visibility: hidden; } body.mob-insights-active #insights-mob-close-filters { visibility: visible; } #insights-mob-close-filters svg { width: 22px; height: auto; } #insights-mob-close-filters { display: flex; flex-direction: column; justify-content: center; align-items: flex-end; position: fixed; top: 0; z-index: 999999; right: 24px; width: 40%; background-color: #ffffff; height: 81px; visibility: hidden; cursor: pointer; } .filters-expand-btn { font-size: 14px; } .filters-expand-btn svg { width: 16px; height: auto; } .filters-expand-btn .mob-text { display: block; margin-left: 4px; } .filters-mob-top { display: flex; border-bottom: 1px solid #ECF2FE; padding: 24px; flex-direction: row; justify-content: space-between; align-items: center; } .filters-mob-top .mob-filters-title { color: #ffffff; font-family: "Vollkorn", Sans-serif; font-weight: 700; font-size: 24px; line-height: 30px; } .filters-mob-top #ins-filters-mob-clear-all { font-family: Open Sans; font-weight: 700; font-size: 16px; line-height: 150%; color: #FEFEFE; } .filters-row-wrap { position: fixed; top: 100%; left: 0; background-color: #53075B; max-height: none; height: calc(100vh - 81px); width: 100%; z-index: 1000; overflow-y: scroll; visibility: hidden; -ms-overflow-style: none; scrollbar-width: none; transition: all .4s ese; } .filters-row-wrap::-webkit-scrollbar { display: none; } body.mob-nav-active { height: 100vh; overflow: hidden; } body.mob-nav-active .elementor[data-elementor-type="wp-page"] { height: calc(100vh - 80px); overflow: hidden; } body.mob-nav-active .elementor[data-elementor-type="footer"] { display: none; } body.no-scroll.mob-insights-active { overflow: hidden; } body.no-scroll.mob-insights-active > .elementor { overflow: hidden; height: 100px; } .filters-row-wrap.filters-expanded { max-height: none; overflow: inherit; overflow-y: scroll; margin-bottom: 0; visibility: visible; top: 82px; } .insights-filter .filter-menu { position: relative; top: 0; left: 0; box-shadow: none; border: 0; border-radius: 0; background-color: inherit; padding: 12px 0 2px; margin: 0 16px; } .insights-filter .filter-menu li:not(:last-of-type) { margin-bottom: 24px; } .insights-filter .filter-menu li a { font-weight: 400; } .insights-filter.selected span.insights-filter-select, .insights-filter span.insights-filter-select { color: #ffffff !important; } .insights-filter-select svg path { stroke: #ffffff !important; } .insight-filter_item svg path { fill: #ffffff !important; } .insights-filter.selected span { color: #ffffff; } .insights-filter.selected { border: none; background-color: inherit; } .insights-filter .filter-menu li a { color: #ffffff; } .insights-filter { border: 0; border-radius: 0; padding: 8px; } .insights-filter:not(:last-of-type) { margin-bottom: 32px; } #mob-insights-apply-filters { background-color: #ffffff; font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 150%; color: #53075B; display: flex; flex-direction: row; justify-content: center; padding: 12px 0; margin: 0 24px; border-radius: 12px; cursor: pointer; position: fixed; bottom: 16px; left: 0; width: calc(100% - 48px); z-index: 200; } .filters-row { flex-direction: column; padding-bottom: 150px; } #free-text-section { background: none; } .pro-data-dashboards-text { margin-top: -10% !important; } .sds-single-video-bottom .elementor-shortcode p { font-size: 16px; line-height: 24px; } ul.video-additional-content-list li a { flex-direction: column; align-items: flex-start; } .single-video-up-next-column { min-width: 1px; } .elementor-posts-container.elementor-posts--skin-video_up_next img { max-width: 327px !important; width: 100% !important; height: 184px; } .elementor-posts-container.elementor-posts--skin-video_up_next .elementor-post__thumbnail__link { width: 100% !important; } .elementor-posts--skin-video_up_next article.elementor-post { flex-direction: column; } ul.video-additional-content-list .post-type { margin-bottom: 8px; } ul.video-additional-content-list svg { top: 27px; transform: translateY(0); } .why-trust-slides-section .swiper-slide-inner { padding: 90px 6px 45px !important; } .why-trust-slides-section .elementor-container { max-width: 330px !important; } body.single-wp_ypulse_article .elementor-element .single-post-top-meta .elementor-icon-list-text .elementor-post-info__terms-list-item:first-of-type, body.single-wp_ypulse_report .elementor-element .single-post-top-meta .elementor-icon-list-text .elementor-post-info__terms-list-item:first-of-type { margin-left: 0; } #report-download-btn-mob, #report-download-btn, .report-download-bar .right { width: 100%; text-align: center; } .single-post-top-meta:not(.single-post-top-meta_mob) ul li:nth-of-type(1), .wp_ypulse_report .single-post-top-meta:not(.single-post-top-meta_mob) ul li:nth-of-type(2) { display: none; } .single-post-top-meta_mob { display: inline-block; position: absolute !important; right: 24px; width: auto !important; margin-bottom: 0 !important; top: 24px; margin-top: 0 !important; } .single-wp_ypulse_webinar .single-post-top-meta_mob { top: -3px; right: 8px; } .single-wp_ypulse_article .single-post-top-meta_mob { top: 14px; right: 8px; } body.single-wp_ypulse_article .elementor-element .single-post-top-meta .elementor-icon-list-text .elementor-post-info__terms-list, body.single-wp_ypulse_report .elementor-element .single-post-top-meta .elementor-icon-list-text .elementor-post-info__terms-list { margin-left: 0; } .three-posts-section .elementor-grid-mobile-3 .elementor-grid { grid-template-columns: repeat(3,304px); min-width: 938px; } .ypulse-products-carousel .swiper-slide .swiper-slide-bg { width: 100%; height: 367px; transform: translateX(0); } .ypulse-products-carousel .elementor-element .swiper-slide .swiper-slide-inner { width: 100%; border-radius: 0; background: linear-gradient(to top, #ECF2FE 76%, rgba(0,0,0,0) 24%); } .ypulse-products-carousel .elementor-swiper-button-prev { display: none; } .ypulse-products-carousel .elementor-swiper-button { top: auto; bottom: -40px; transform: translateY(50%); z-index: 10; } .ypulse-products-carousel .swiper-container-horizontal>.swiper-pagination-bullets { bottom: -52px; margin-left: 24px; } .ypulse-products-carousel .elementor-swiper-button { right: 24px; } .ypulse-products-carousel .swiper-pagination { text-align: left; } #mid-content-ra .sds-bg-img { height: 202px; min-height: 202px; width: 100%; } #article-post-content h4.ract { max-width: 400px; margin: 0 auto 8px; } #mid-content-ra { flex-direction: column; max-width: 400px; margin: 0 auto 32px; } .article-sidebar-container { height: auto; } .article-sidebar-ad { max-width: none; } .sds_share_links:first-of-type { margin-left: 0; } .footer-menu-col { width: 100% !important; margin-top: 0; } .footer-menu-col .elementor-icon-list-item { padding: 0 !important; margin: 0 !important; padding-bottom: 12px !important; } .article-footer .elementor-icon-list-text, .footer-menu-col .elementor-icon-list-item, .footer-logo-socials .elementor-social-icons-wrapper, .footer-logo-socials li, .footer-logo-socials .footer-logo { text-align: center !important; } .article-footer .elementor-icon-list-item, .footer-menu-col .elementor-icon-list-item { justify-content: center !important; } .article-footer .elementor-widget-icon-list { padding-top: 0 !important; } .column-swap-mob .elementor-container { flex-direction: column-reverse; } .afw-section { margin-left: 0; } .custom-solution-card.csc-mb-50 { width: calc(50% - 8px) !important; } .custom-solution-card.csc-mb-50:nth-of-type(1) { margin-right: 8px !important; } .custom-solution-card.csc-mb-50:nth-of-type(2) { margin-left: 8px !important; } .report-calendar-item .elementor-widget-container p:nth-of-type(4) { position: relative; top: 0; } body:not(.elementor-editor-active) #staff-profiles-section img { max-height: 286px; } .full-video-section iframe, .full-video-section { max-height: 524px; } .products-logo-carousel .pre-heading { max-width: 300px; margin-left: auto; margin-right: auto; } .single-post-top-meta_mob_video.single-post-top-meta_mob li:nth-of-type(2):after { content: 'MIN'; border-left: 0 !important; color: #ABB4C5; } .single-post-top-meta_video li:nth-of-type(2) { display: none !important; } .single-post-top-meta_video { right: 8px !important; } } @media all and (max-width: 532px) { #regional-hover-information { left: 12px; max-width: 300px; } .article-main-content .elementor-widget-theme-post-featured-image img { height: 234px; } .sds-contact-form iframe { min-height: 720px; } .afw-section.afw-section_bg { background-size: 100% auto !important; } .card-with-bg { background-size: auto 410px !important; background-position: center top !important; } .pro-data-dashboards-text { margin-top: -16% !important; } .pro-data-top-btn a { padding: 27px 0 !important; width: 100% !important; display: block; max-width: 327px; margin-left: auto; margin-right: auto; } .pro-data-top-btn .elementor-button-text { flex-grow: 0; } .insight-query-control-container { width: 100%; justify-content: space-between; } .insight-query-control { width: auto; padding: 9px; } } @media all and (max-width: 400px) { .insight-query-control { padding: 9px 0; } .search .daterangepicker .calendar-table table, .parent-pageid-87941 .daterangepicker .calendar-table table, .page-id-87941 .daterangepicker .calendar-table table { border-spacing: 7px 4px; } .search .daterangepicker .drp-calendar, .page-id-87941 .daterangepicker .drp-calendar, .parent-pageid-87941 .daterangepicker .drp-calendar { max-width: 284px; } } @media all and (max-height: 750px) { body:not(.elementor-editor-active) .product-scroll-slide { height: calc(100vh - 20px); padding-top: 20px !important; } .product-scroll-slide .elementor-container { min-height: 1px; } body:not(.elementor-editor-active) .product-scroll-slide .elementor-container { flex-wrap: nowrap; } body:not(.elementor-editor-active) .product-scroll-slide img { height: 40vh; width: auto; } } @media all and (max-width:767px) and (max-height: 750px) { body:not(.elementor-editor-active) .product-scroll-slide img { height: 21vh; width: auto; } } @media all and (max-width: 365px) and (max-height:645px) { .product-scroll-slide p { font-size: 14px !important; line-height: 24px !important; } .product-scroll-slide h3 { font-size: 32px !important; line-height: 42px !important; } } @media all and (min-width:1310px) { body:not(.elementor-editor-active) #staff-profiles-section .staff-profile-card { max-height: 475px; } } @media print { .no-print{display:none !important;} } .center-btn .elementor-button-text { text-align: center !important; }