input:focus { background-color: white !important; } input#wp-block-search__input-12:focus { background-color: inherit !important; } .wp-block-image { margin: auto !important; } .alignleft { margin-right: 2em !important; } .w-1\/2 { width : 100% !important; } .entry-content-asset iframe{ height : 100% !important; width : 100% !important; } .pillar-logo { display: flex; justify-content: flex-end; filter: brightness(100) grayscale(100%) contrast(200%); } .hero-cover-pillar > .wp-block-cover__inner-container { min-height: 400px !important; display: flex; flex-direction: row; justify-content: space-between; } .hero-cover-pillar a, .hero-cover-pillar a:hover, .hero-cover-pillar a:active, .hero-cover-pillar a:visited { color: #ffff; } .logo-pillar-group { align-self: flex-end; } .bod-modal-content img { border-radius: 10px !important; } .grecaptcha-badge { visibility: hidden; } .links-light { color:#001F41; } .custom-list-cards { min-height:200px; justify-content:flex-start; } .custom-list-cards:hover { /* cursor:pointer; */ } .wechat-popup button { background-image: url(png/we-chat-follow-icon%402x-2.png); background-repeat: no-repeat; width: 28px; height: 28px; background-size: contain; filter: brightness(0.6) saturate(60%) contrast(60%) sepia(200%) hue-rotate(190deg); color:transparent; background-color: transparent ; } .wechat-popup button:hover{ filter: none; } .bod-block-close-btn button { background-image: none; } .wp-block-bod-modal-block .bod-btn { background-color: transparent !important; } article h1:first-child { display: none !important; } hr { border: none; } .is-style-nlsn-outlined-btn a { transition: 0.3s; } .is-style-nlsn-outlined-btn a:hover { border-color: var(--wp--preset--color--gray-light); background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--gray-light) !important; } .is-style-nlsn-solid-btn { color: #fff !important; } /*Product Pages*/ .breadcrums-custom-buttons a { background: transparent; color: #001F41; text-align: left; padding-left: 0; padding-right: 0; } .breadcrums-custom-buttons a:hover{ background: transparent; color: #4128D2; } .breadcrums-custom-buttons a:active { background: transparent; color: #4128D2; } .breadcrums-custom-buttons a:visited { background: transparent; color: #001F41; } .two-columns-products { padding:0 !important; } .two-column-products-copy { padding-right: 6rem !important; } /*htlm elements - custom clases*/ .card-images img { height: auto; } .cl-hero-section img { display: none !important; } /*Client Login Cards*/ .login-card { min-width: 190px; } .login-card img { border-radius: none; min-height: 101%; min-width: 101%; object-fit: cover; display: flex; justify-content: center; margin-left: auto; margin-right: auto; } .login-card h5 { min-height: 100px; } .login-card:hover { cursor: pointer; } .login-card a { color: #001F41 !important; text-decoration: none !important; } .login-card:hover a { color: #6346FE !important; text-decoration: none !important; } .login-card > .wp-block-column { flex-basis: auto !important; flex-grow: 1; } /*Footer Elements Updates */ #custom-footer a , .nf-form-content a{ text-decoration: none !important; color: #4D577D; } #custom-footer a:hover, .nf-form-content a:hover{ text-decoration: none !important; color: #4128D2; } #custom-footer a:active, .nf-form-content a:active{ color: #4128D2; } #custom-footer a:visited , .nf-form-content a:visited { color: #4D577D; } .social-icons { max-height: 32px; max-width: 32px; min-width: 20px; min-height: 20px; } .social-icons img { filter: brightness(0.1) saturate(60%) contrast(20%) sepia(200%) hue-rotate(190deg); } .social-icons img:hover, .social-icons button::before { filter: none; } .wp-container-6149300c3a0cb { padding: 16px !important; } /*Homepage Elements*/ .roundcourners { border-radius: 10px !important; overflow: hidden; } .small-custom-button-gray a { padding: 4px 16px 4px 16px !important; background: #DCDEE6; } .small-custom-button a { padding: 4px 16px 4px 16px !important; } /*Images Cutouts - Insight Cards*/ .no-margin { padding: 0 !important; margin: 0 !important; } .no-margin>.wp-block-group { padding: 0 !important; margin: 0 !important; } .card { transition: all 1.5s ease-in-out; padding: 0 !important; margin-bottom: 0; cursor: pointer; } .card .wp-block-image { margin-bottom: 0 !important; } .card img { transition: all 1.5s ease-in-out; border-radius: none; min-height: 101%; min-width: 101%; object-fit: cover; display: flex; justify-content: center; margin-left: auto; margin-right: auto; } .card:hover img { transform: scale(1.2); border-radius: none; } .card:hover h4, .card:hover h5 { color: #8184FE; cursor: pointer; } .card-wrapper .card { padding: 0 !important; border-radius: 10px !important; overflow: hidden; margin: 0; } .clip-polygon { -webkit-clip-path: polygon(2% 0%, 55% 0%, 100% 34%, 100% 64%, 79% 100%, 15% 100%); clip-path: polygon(2% 0%, 55% 0%, 100% 34%, 100% 64%, 79% 100%, 15% 100%); overflow: hidden; transition: all 1.5s ease-in-out; min-height: 100% !important; } .clip-polygon-inverse { -webkit-clip-path:polygon(0 25%, 50% 0, 100% 0, 90% 100%, 10% 100%, 0 75%); clip-path: polygon(0 25%, 50% 0, 100% 0, 90% 100%, 10% 100%, 0 75%); overflow: hidden; transition: all 1.5s ease-in-out; min-height: 100% !important; } .clip-polygon figure, .clip-polygon-vertical figure, .clip-polygon-horizontal figure, .clip-polygon-inverse figure { height: 100%; min-width:100% } .clip-polygon < div, .clip-polygon-vertical < div, .clip-polygon-horizontal < div, .clip-polygon-inverse < div{ min-height: 100%; min-width:100% } .clip-polygon img, .clip-polygon-vertical img, .clip-polygon-horizontal img { -webkit-clip-path: none; clip-path: none; overflow: hidden; fit-content: cover; } .clip-polygon-vertical .wp-block-cover, .clip-polygon-horizontal .wp-block-cover, .clip-polygon-vertical.wp-block-cover-image, .clip-polygon-horizontal .wp-block-cover-image { min-height:100% !important; min-width:100% !important; } .clip-polygon-vertical { -webkit-clip-path: polygon(20% 0, 100% 10%, 100% 100%, 20% 100%, 0 60%, 0 0); clip-path: polygon(20% 0, 100% 10%, 100% 100%, 20% 100%, 0 60%, 0 0); overflow: hidden; transition: all 1s ease-in-out; /*min-height: 100% !important;*/ } .clip-polygon-horizontal { -webkit-clip-path: polygon(20% 0, 101% 20%, 101% 100%, 10% 100%, 0 40%, 0 0); clip-path: polygon(20% 0, 101% 20%, 101% 100%, 10% 100%, 0 40%, 0 0); overflow: hidden; transition: all 1s ease-in-out; min-height: 100% !important; } .card:hover .clip-polygon-vertical { -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%, 0 60%, 0 0); clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%, 0 60%, 0 0); overflow: hidden; } .card:hover .clip-polygon-horizontal { clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%, 0 40%, 0 0); -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%, 0 40%, 0 0); overflow: hidden; } .clip-polygon-contactus { -webkit-clip-path: polygon(0 0, 70% 0, 100% 20%, 100% 100%, 10% 100%, 0 60%); clip-path: polygon(0 0, 70% 0, 100% 20%, 100% 100%, 10% 100%, 0 60%); overflow: hidden; margin: 0; } .clip-polygon-contactus-wrapper { padding: 0; } .clip-polygon-solutions { -webkit-clip-path: polygon(15% 0, 100% 35%, 100% 50%, 50% 100%, 35% 100%, 0 0); clip-path: polygon(15% 0, 100% 35%, 100% 50%, 50% 100%, 35% 100%, 0 0); overflow: hidden; margin: 0; } .clip-polygon-solutions-wrapper { padding-top: 0; margin-top: 0; margin-bottom: -50px; } .solutions-card-wrapper { margin-top: 0; margin-bottom: 0; padding: 0; } .rcourner1 { border-radius: 10px 0 0 10px !important; height: 500px; } .bcourner1 { border-radius: 10px 10px 0 0 !important; height: 230px; } .card img { min-width: 100%; min-height: 100%; object-fit: cover; } .card-images { height: 100%; } .card-content { display: flex; justify-content: space-between; flex-direction: column; min-height:200px; } .no-cutout { overflow:hidden; } .card-content-small{ display: flex; justify-content: space-between; flex-direction: column; height:200px; align-content:flex-end; } .card-content-small:hover h5 { color: #6346FE; cursor: pointer; } .card-light:hover h5 { color: #6346FE !important; } .card-content-large { display: flex; justify-content: space-between; flex-direction: column; align-content:flex-end; margin: auto !important; } /*Homepage data values*/ .data-values { font-size: 80px; line-height: 90.49px; font-weight: 700; min-width: 250px; } /*Separator Style*/ .wp-block-separator { border-bottom: 0; border-top: 1px solid; } /*Popup Styles */ .bod-block-popup { margin: auto; display: flex; justify-content: center; align-items: center; height: 100%; } .wp-block-bod-modal-block .bod-btn { width: 100%; text-align: left; padding-left: 0; margin-left: 0; } .bod-modal-content { max-height: 90%; } .contact-pop-up .bod-btn{ padding: 10px 24px; border: 2px solid #FFFFFF !important; box-sizing: border-box; border-radius: 22px; transition: 0.3s; text-align: center; color: #FFFFFF !important; } .contact-pop-up .bod-btn:hover { background: #FFFFFF !important; color: #6346FE !important; } /*Solutions Cards*/ .fh { height: 145px; } .solution-card:hover .is-style-nlsn-outlined-btn a { border-color: var(--wp--preset--color--gray-light); background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--gray-light); } .solution-card:hover { cursor: pointer; } .solution-card:hover .s-logo img { filter: none; } .s-logo img { height: 30px; width: auto; filter: brightness(0.1) saturate(60%) contrast(20%) sepia(200%) hue-rotate(190deg); } @media only screen and (min-width: 1440px) { } /*Tablet*/ @media only screen and (max-width: 1225px) { .bcourner1 { height: 250px; } .stack { flex-flow: column wrap; } .stack .wp-block-columns{ flex-flow: column; justify-content: space-around; } .data-values { font-size: 56px; line-height: 64px; font-weight: 700; letter-spacing: -2px; } .solutions-cards { display: flex; flex-wrap: nowrap !important; flex-direction: row; overflow-x: auto; overflow-y: visible; padding: 32px; animation: none !important; transform: none !important; } .solution-c { min-width: 250px !important; overflow-wrap: break-word; word-break: break-word; margin-left: 10px; } .solution-c { margin-left: 32px; } .inner-pop-up>div { max-width: 100%; margin-top: 20px; margin-left: auto !important; margin-right: auto !important; } .bod-modal-content { padding: 0; top: 32px; position: absolute; } .f-links, .f-social { display: inline-flex; flex-direction: row; flex-wrap: nowrap; width: 100%; } .footer-group { padding: 24px !important; } .stack > .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) { margin-left: 0; } } @media (min-width: 782px) { .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) { margin-left: var(--wp--style--block-gap,2em); } } @media only screen and (max-width: 864px) { .card { min-height: auto; } .mobile-hide { display: none; } .mobile-show { display: flex; } .rcourner1 { border-radius: 10px 10px 0 0 !important; max-height: 250px; min-height: 200px; } .bottomcourners { border-radius: 0 0 10px 10px !important; overflow:hidden; } #vertical-card { flex-direction: column; } .card-content { height: auto; margin: auto; } .clip-polygon , .clip-polygon-inverse { clip-path: polygon( 0 0, 50% 0%, 100% 0, 100% 100%, 64% 100%, 0 100%); height: 100%; } .f-social { display: flex; flex-wrap: nowrap; width: 100%; justify-content: flex-start; } .hero-cover-homepage .title-section { padding: 0 !important; } .hero-cover-homepage .title-section > div { padding-left: 100px !important; } .contact-us-form .one-half { width: 100% !important; } } @media only screen and (min-width: 864px) { .mobile-show { display: none; } } @media only screen and (max-width: 599px) { .hero-cover-pillar > .wp-block-cover__inner-container { min-height: 200px !important; justify-content: space-between; } .title-spacer { height: 24px !important; } .logo-pillar-group img{ transform: scale(0.7); } .hero-cover-pillar .px-extra-large { padding-left: 1rem !important; padding-right: 1rem !important; } } .nlsn-modal { max-width: 95vw; max-height: 90vh; @media (min-width: 1240) { max-width: 1240px; max-height: 80vh; } } /* ===== ROI-Report ====*/ /* Default Btn for ROI */ .roi-modal-btn > .bod-btn { background-color: #6e37fa!important; color: white!important; text-decoration: none; white-space: nowrap; width: auto; padding: 10px 15px; } /* Roi Media Btn */ .roi-media-btn > .bod-btn { background-color: rgb(255, 148, 8)!important; } /* Roi Client Btn */ .roi-client-btn > .bod-btn { background-color: rgb(50, 187, 185)!important; } .roi-a-btn > .wp-block-button__link{ text-decoration: none; } .roi-modal-btn > .bod-btn:hover{ background-color: #DCD2FF!important; color:#6e37fa!important; text-decoration: none; } .roi-a-btn a { justify-content:center; } .roi-block { display:none; } .roi-tile { display:block; } .roi-report-form :is(.firstname-wrap,.lastname-wrap) .nf-field-label { display:block; } @media only screen and (max-width: 1310px) { .roi-cards.solutions-cards { padding:0 } .roi-block { display:block; } .roi-tile { display:none; } .roi-block>.wp-block-columns{ flex-wrap: wrap; } .roi-block>.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column { flex-basis: 100%!important; margin-left: 0px; } .roi-block>.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) { flex-basis: 100%!important; margin-left: 0px; } .roi-block>.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n) { margin-left: 0px; } } /* === Download Report Form === */ .download-report-form .nf-field-label, .contact-us-form .nf-field-label { font-weight: 700; font-size: 18px; line-height: 26px; } .download-report-form #download_links a{ content: "Download" !important; text-decoration: underline; } .has-dark-background-color a { text-decoration: none !important; }