.elementor-159438 .elementor-element.elementor-element-6d4088c.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-159438 .elementor-element.elementor-element-5efcfd88{width:auto;max-width:auto;text-align:left;}.elementor-159438 .elementor-element.elementor-element-5efcfd88 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-159438 .elementor-element.elementor-element-5efcfd88 img{width:100%;height:64px;}.elementor-159438 .elementor-element.elementor-element-3ca0f6d7 .elementor-heading-title{color:#0000A0;}.elementor-159438 .elementor-element.elementor-element-253d375a{width:100%;max-width:100%;}.elementor-159438 .elementor-element.elementor-element-12771dc3:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-159438 .elementor-element.elementor-element-12771dc3 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2d5f40b6 );}.elementor-bc-flex-widget .elementor-159438 .elementor-element.elementor-element-12771dc3.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-159438 .elementor-element.elementor-element-12771dc3.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-159438 .elementor-element.elementor-element-12771dc3.elementor-column > .elementor-widget-wrap{justify-content:space-between;}.elementor-159438 .elementor-element.elementor-element-12771dc3 > .elementor-element-populated{border-style:none;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.16);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-159438 .elementor-element.elementor-element-12771dc3 > .elementor-element-populated, .elementor-159438 .elementor-element.elementor-element-12771dc3 > .elementor-element-populated > .elementor-background-overlay, .elementor-159438 .elementor-element.elementor-element-12771dc3 > .elementor-background-slideshow{border-radius:8px 8px 8px 8px;}.elementor-159438 .elementor-element.elementor-element-12771dc3 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-159438 .elementor-element.elementor-element-4f565338{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-size:1.1em;}@media(max-width:1024px){.elementor-159438 .elementor-element.elementor-element-5efcfd88 img{width:217px;}.elementor-159438 .elementor-element.elementor-element-4f565338{width:100%;max-width:100%;}}@media(max-width:767px){.elementor-159438 .elementor-element.elementor-element-5efcfd88{text-align:center;}.elementor-159438 .elementor-element.elementor-element-5efcfd88 img{width:190px;}.elementor-159438 .elementor-element.elementor-element-3ca0f6d7{text-align:center;}.elementor-159438 .elementor-element.elementor-element-8d0a36d{text-align:center;}.elementor-159438 .elementor-element.elementor-element-4f565338{width:100%;max-width:100%;}}/* Start custom CSS for text-editor, class: .elementor-element-4f565338 */.elementor-159438 .elementor-element.elementor-element-4f565338 p {
margin-bottom:0;
}/* End custom CSS */
/* Start custom CSS */html, body {
max-width: 100%;
overflow-x: hidden;
}
/* MICROTHEMER STYLES */
.apti-wrapped-icon .elementor-icon-list-item a {
display: flex ;
align-items: center ;
flex-wrap: wrap ;
flex-direction: column ;
}
.apti-wrapped-icon .elementor-icon-list-item a:hover {
text-decoration: none !important;
}
.apti-wrapped-icon .elementor-icon-list-text {
padding-top: 10px;
}
.apti-wrapped-icon .elementor-icon-list-item a:hover .elementor-icon-list-text {
color:var( --e-global-color-719917e );
}
.apti-wrapped-icon .elementor-icon-list-icon {
padding-top: 10px;
}
.apti-wrapped-icon .elementor-icon-list-item {
width: 15%;
}
@media (max-width: 767px) {
.apti-wrapped-icon .elementor-icon-list-item {
width: 30%;
}
}
.apti-parent-tabs .theplus-tabs-content-wrapper .plus-tab-content p {
margin-bottom: 1em;
}
.apti-parent-tabs .theplus-tabs-wrapper .theplus-tabs-nav-wrapper .plus-tabs-nav {
margin: 0px 0px 5px 0px;
}
.apti-parent-tabs ul.plus-tabs-nav.nav-tab-underline:before {
margin-top: 5px;
height: 5px;
}
.apti-parent-tabs .theplus-tabs-wrapper .plus-tabs-nav .plus-tab-header:hover, .apti-parent-tabs .theplus-tabs-wrapper .plus-tabs-nav .plus-tab-header.active, .apti-parent-tabs .theplus-tabs-wrapper.mobile-accordion .elementor-tab-mobile-title.active {
color: var( --e-global-color-719917e );
}
.apti-parent-tabs .theplus-tabs-wrapper .plus-tabs-nav li:first-child .plus-tab-header {
margin-left: 0;
}
.apti-parent-tabs .theplus-tabs-wrapper .plus-tabs-nav li:last-child .plus-tab-header {
margin-right: 0;
}
.apti-parent-tabs .theplus-tabs-wrapper .plus-tabs-nav .plus-tab-header {
margin-left: 15px;
margin-right: 15px;
}
.apti-parent-tabs .theplus-tabs-wrapper .plus-tabs-nav .plus-tab-header, .apti-parent-tabs .theplus-tabs-wrapper.mobile-accordion .elementor-tab-mobile-title {
font-weight: 600;
}
.apti-parent-tabs .theplus-tabs-wrapper .plus-tabs-nav.nav-tab-underline .plus-tab-header.active:before, .apti-parent-tabs ul.plus-tabs-nav.nav-tab-underline:before {
margin-top: 5px;
height: 5px;
}
.apti-parent-tabs .theplus-tabs-wrapper .plus-tabs-nav.nav-tab-underline .plus-tab-header.active:before {
background: var( --e-global-color-719917e );
}
.apti-parent-tabs .theplus-tabs-wrapper .theplus-tabs-content-wrapper {
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: var( --e-global-color-2c26c947 );
border-radius: 8px 8px 8px 8px;
background-color: var( --e-global-color-2d5f40b6 );
box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 16%);
}
.apti-parent-tabs .plus-tabs-nav.nav-tab-underline .plus-tab-header.active:before {
width:65% !important;
top: unset !important;
bottom: 5px !important;
border-top-style: solid;
border-top-width: 6px!important;
border-top-color: var(--ang_color_accent_primary)!important;
border-top-left-radius: 6px !important;
border-top-right-radius: 6px !important;
border-left-style: none !important;
border-right-style: none !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .theplus-tabs-wrapper .theplus-tabs-nav-wrapper > ul li {
color: var(--ang_color_heading) !important;
line-height: 1em !important;
font-weight: 600 !important;
background-color: #FFFFFF !important;
margin: 0 0 -5px 0 !important;
border-width: 5px 0 5px 5px !important;
border-style: solid !important;
border-color: var(--ang_background_light_background) !important;}
:not(.apti-parent-tabs) .apti-embedded-tabs .theplus-tabs-wrapper .theplus-tabs-nav-wrapper > ul li div:after {
border-width: unset !important;
bottom: unset !important;
border-top-color: unset !important;
display: none !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .theplus-tabs-wrapper .theplus-tabs-nav-wrapper > ul li:hover {
background-color: var(--ang_color_accent_primary) !important;
color: #ffffff !important;
border-style: solid !important;
border-width: 5px 0 5px 5px !important;
border-color: var(--ang_background_light_background) !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .theplus-tabs-wrapper .theplus-tabs-nav-wrapper > ul li div:hover, :not(.apti-parent-tabs) .apti-embedded-tabs .theplus-tabs-wrapper .theplus-tabs-nav-wrapper > ul li:hover div {
color: #ffffff !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .theplus-tabs-wrapper .theplus-tabs-nav-wrapper > ul li div.active:hover, :not(.apti-parent-tabs) .apti-embedded-tabs .theplus-tabs-wrapper .theplus-tabs-nav-wrapper > ul li:hover div.active {
color: var(--ang_color_accent_primary) !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .theplus-tabs-wrapper .theplus-tabs-nav-wrapper > ul li .active {
background-color: var(--ang_background_light_background) !important;
color: var(--ang_color_accent_primary) !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .theplus-tabs-wrapper .theplus-tabs-nav-wrapper > ul .active,
:not(.apti-parent-tabs) .apti-embedded-tabs .theplus-tabs-wrapper .theplus-tabs-nav-wrapper > ul li.active-default {
background-color: var(--ang_background_light_background) !important;
border-color: var(--ang_background_light_background) !important;
border-style: solid !important;
color: var(--ang_color_accent_primary) !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .theplus-tabs-wrapper .theplus-tabs-nav-wrapper > ul li i {
color: var(--ang_color_text_light) !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .theplus-tabs-wrapper .theplus-tabs-nav-wrapper > ul .active .plus-tab-header {
color: var(--ang_color_accent_primary) !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .theplus-tabs-wrapper .theplus-tabs-nav-wrapper > ul li .active:after,
:not(.apti-parent-tabs) .apti-embedded-tabs .theplus-tabs-wrapper .theplus-tabs-nav-wrapper > ul li.active-default:after {
display: none !important;
color: var(--ang_color_accent_primary) !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .theplus-tabs-wrapper .theplus-tabs-content-wrapper > div {
background-color: var(--ang_background_light_background) !important;
margin: 0 0 0 0 !important;
border-style: solid !important;
border-width: 5px 5px 5px 5px !important;
border-color: var(--ang_background_light_background) !important;
color: unset !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .theplus-tabs-wrapper .theplus-tabs-nav-wrapper > ul li:after {
right: unset !important;
top: unset !important;
border-top-color: unset !important;
border-left-color: unset !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .theplus-tabs-wrapper {
border-style: solid !important;
border-color: var(--ang_background_light_background) !important;
border-right-width: 5px !important;
border-left-width: 0 !important;
border-top-width: 0 !important;
border-bottom-width: 0 !important;
border-radius: 0 8px 8px 0 !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .theplus-tabs-wrapper .theplus-tabs-nav-wrapper > ul li:first-child {
border-radius:8px 0 0 0 !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .theplus-tabs-wrapper .theplus-tabs-nav-wrapper > ul li:last-child {
border-radius:0 0 0 8px !important;
margin-bottom: 0 !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .theplus-tabs-wrapper .theplus-tabs-nav-wrapper > ul {
width: 100% !important;
}
/*= General =================== */
/** General >> Apptio Embedded Tabs **/
:not(.apti-parent-tabs) .apti-embedded-tabs .eael-advance-tabs .eael-tabs-nav > ul li {
color: var(--ang_color_heading) !important;
line-height: 1em !important;
font-weight: 600 !important;
background-color: #FFFFFF !important;
padding: 20px !important;
margin: 0 0 -5px 0 !important;
border-width: 5px 0 5px 5px !important;
border-style: solid !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .eael-advance-tabs .eael-tabs-nav > ul li.inactive {
border-color: var(--ang_background_light_background) !important;
border-style: solid !important;
border-width: 5px 0 5px 5px !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .eael-advance-tabs .eael-tabs-nav > ul li:after {
border-width: unset !important;
bottom: unset !important;
border-top-color: unset !important;
display: none !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .eael-advance-tabs .eael-tabs-nav > ul li:hover {
background-color: var(--ang_color_accent_primary) !important;
color: #ffffff !important;
border-style: solid !important;
border-width: 5px 0 5px 5px !important;
border-color: var(--ang_background_light_background) !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .eael-advance-tabs .eael-tabs-nav > ul li.active {
background-color: var(--ang_background_light_background) !important;
color: var(--ang_color_accent_primary) !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .eael-advance-tabs .eael-tabs-nav > ul .active,
:not(.apti-parent-tabs) .apti-embedded-tabs .eael-advance-tabs .eael-tabs-nav > ul li.active-default {
background-color: var(--ang_background_light_background) !important;
border-color: var(--ang_background_light_background) !important;
border-style: solid !important;
border-width: 5px 0 5px 5px !important;
color: var(--ang_color_accent_primary) !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .eael-advance-tabs .eael-tabs-nav > ul li i {
color: var(--ang_color_text_light) !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .eael-advance-tabs .eael-tabs-nav > ul .active-default .eael-tab-title {
color: var(--ang_color_accent_primary) !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .eael-advance-tabs .eael-tabs-nav > ul li.active:after,
:not(.apti-parent-tabs) .apti-embedded-tabs .eael-advance-tabs .eael-tabs-nav > ul li.active-default:after {
display: none !important;
color: var(--ang_color_accent_primary) !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .eael-advance-tabs .eael-tabs-content > div {
background-color: var(--ang_background_light_background) !important;
margin: 0 0 0 0 !important;
border-style: solid !important;
border-width: 5px 5px 5px 5px !important;
border-color: var(--ang_background_light_background) !important;
color: unset !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav > ul li:after {
right: unset !important;
top: unset !important;
border-top-color: unset !important;
border-left-color: unset !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .eael-advance-tabs {
border-style: solid !important;
border-color: var(--ang_background_light_background) !important;
border-right-width: 5px !important;
border-left-width: 0 !important;
border-top-width: 0 !important;
border-bottom-width: 0 !important;
border-radius: 0 8px 8px 0 !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav > ul li:first-child {
border-radius:8px 0 0 0 !important;
}
:not(.apti-parent-tabs) .apti-embedded-tabs .eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav > ul li:last-child {
border-radius:0 0 0 8px !important;
margin-bottom: 0 !important;
}
/** General >> Apptio Parent Tabs **/
.apti-parent-tabs .eael-advance-tabs .eael-tabs-nav > ul li {
color: var(--e-global-color-3769953b) !important;
line-height: 1.3em !important;
font-weight: 600 !important;
background-color: transparent !important;
padding: 1.4em !important;
}
.sk-accent-bg .apti-parent-tabs .eael-advance-tabs .eael-tabs-nav > ul li {
color: var(--ang_color_heading) !important;
background-color: transparent !important;
}
.sk-dark-bg .apti-parent-tabs .eael-advance-tabs .eael-tabs-nav > ul li {
color: var(--ang_color_heading) !important;
background-color: transparent !important;
}
.apti-parent-tabs .eael-advance-tabs .eael-tabs-nav > ul li:hover {
background-color: transparent !important;
color: var(--ang_color_accent_primary) !important;
}
.apti-parent-tabs .eael-advance-tabs .eael-tabs-nav > ul li.active-default,
.apti-parent-tabs .eael-advance-tabs .eael-tabs-nav > ul li.active {
background-color: transparent !important;
color: var(--ang_color_primary) !important;
}
.sk-dark-bg .apti-parent-tabs .eavarel-advance-tabs .eael-tabs-nav > ul li.active-default,
.sk-dark-bg .apti-parent-tabs .eael-advance-tabs .eael-tabs-nav > ul li.active {
background-color: transparent !important;
}
.apti-parent-tabs .eael-advance-tabs .eael-tabs-nav > ul .active-default .eael-tab-title,
.apti-parent-tabs .eael-advance-tabs .eael-tabs-nav > ul .active .eael-tab-title {
color: var(--ang_color_accent_primary) !important;
}
.sk-dark-bg .apti-parent-tabs .eael-advance-tabs .eael-tabs-nav > ul .active-default .eael-tab-title,
.sk-dark-bg .apti-parent-tabs .eael-advance-tabs .eael-tabs-nav > ul .active .eael-tab-title {
color: var(--ang_background_accent_text) !important;
}
.apti-parent-tabs .eael-advance-tabs .eael-tabs-nav > ul li.active:after {
content:'';
width:65%;
bottom:10px!important;
border-top-style:solid;
border-top-width: 6px!important;
border-top-color:var(--ang_color_accent_primary)!important;
border-top-left-radius: 6px !important;
border-top-right-radius: 6px !important;
border-left-style: none !important;
border-right-style: none !important;
}
.sk-dark-bg .apti-parent-tabs .eael-advance-tabs .eael-tabs-nav > ul li:after {
border-top-color: var(--ang_background_accent_background) !important;
}
.apti-parent-tabs .eael-advance-tabs .eael-tabs-content > div {
color: unset !important;
}
.apti-parent-tabs .eael-advance-tabs .eael-tabs-content {
border-radius:8px !important;
box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 16%);
}
/** General >> Apptio Comparison table **/
/* overall */.apti-table {
}
.apti-table {
width: 100% !important;
border-width: 0 !important;
border-style: none !important;
display: block !important;
overflow-x: auto !important;
}
.apti-table > tbody > tr:hover > td,
.apti-table > tbody > tr.even:hover td,
.apti-table > tbody > tr.odd:hover td {
background-color: var(--ang_background_light_background) !important;
}
.apti-table tbody>tr:nth-child(odd)>td,
.apti-table tbody>tr:nth-child(odd)>td {
background: transparent !important;
}
.apti-table th {
font-size: 1em !important;
min-width: 80px !important;
background: var(--ang_background_light_heading) !important;
color: var(--ang_color_text_dark) !important;
vertical-align: bottom !important;
text-align: inherit !important;
}
.apti-table td {
font-size: 1em !important;
line-height: 1.2 !important;
color: var(--ang_color_text_light) !important;
}
.apti-table td strong {
font-size: 1em !important;
display: block !important;
}
.apti-table th,
.apti-table td {
padding: 0.75rem !important;
border: 0px !important;
}
.apti-table tbody tr {
padding: 10px !important;
border-top: 7px !important;
border-style: solid !important;
border-color: var(--ang_background_dark_heading) !important;
background-color: var(--ang_background_light_background) !important;
/*************************/
}
.apti-table th.plus-table-col {
font-size: 0.9em !important;
font-weight: 600 !important;
border-style: unset !important;
}
.apti-table td.plus-table-col {
border-style: unset !important;
border-width: unset !important;
border-color: unset !important;
padding: .5em .5em .5em .5em !important;
line-height: 1.3em !important;
}
.apti-table table tbody tr:hover>td {
background-color: unset !important;
}
.apti-table thead .plus-table-row th .plus-table__text {
color: var(--ang_background_dark_heading) !important;
/* header common */
}
:not(sk-dark-bg) .apti-table thead .plus-table-row th {
background-color: var(--ang_background_dark_background) !important;
/* header on light or white backgrounds*/
}
.sk-dark-bg .apti-table thead .plus-table-row th {
background-color: var(--ang_background_accent_background) !important;
/* header on navy background*/
}
.apti-table td .plus-table__text-inner,
.apti-table td .plus-align-icon--left,
.apti-table td {
font-size: 0.95em !important;
font-weight: 600 !important;
/* rows common */
}
.apti-table tbody {
color: var(--ang_color_text_light) !important;
/* row body on navy background*/
}
.apti-table tbody .plus-table-row {
background-color: var(--ang_background_light_background) !important;
border-style: solid !important;
border-width: 7px 0px 0px 0px !important;
border-color: var(--ang_background_dark_heading) !important;
/*row background and borders on white background*/
}
.sk-accent-bg .apti-table tbody .plus-table-row {
background-color: var(--ang_background_dark_heading) !important;
border-style: solid !important;
border-width: 7px 0px 0px 0px !important;
border-color: var(--ang_background_accent_background) !important;
/*row background and borders on teal background*/
}
.sk-dark-bg .apti-table tbody .plus-table-row {
background-color: var(--ang_background_light_background) !important;
border-style: solid !important;
border-width: 7px 0px 0px 0px !important;
border-color: var(--ang_background_dark_background) !important;
/*row background and borders on navy background*/
}
.sk-light-bg .apti-table tbody .plus-table-row {
background-color: var(--ang_background_dark_heading) !important;
border-style: solid !important;
border-width: 7px 0px 0px 0px !important;
border-color: var(--ang_background_light_background) !important;
/*row background and borders on light gray background*/
}
/** General >> Apptio Bordered List Item **/
.apti-bordered-list .service-border-box {
border-width: 1px !important;
border-style: solid !important;
}
.apti-bordered-list .vertical-center {
-webkit-align-items: center !important;
-webkit-align-items: center !important;
align-items: center !important;
}
.apti-bordered-list .pt_plus_info_box .info-box-inner .service-title,
.apti-bordered-list .pt_plus_info_box .info-box-inner:hover .service-title {
font-size: 1.3em !important;
font-weight: 600 !important;
color: var(--e-global-color-4322833) !important;
}
.sk-dark-bg .apti-bordered-list .pt_plus_info_box .info-box-inner .service-title,
.sk-dark-bg .apti-bordered-list .pt_plus_info_box .info-box-inner:hover .service-title {
font-size: 1.3em !important;
font-weight: 600 !important;
color: var(--ang_color_text_dark) !important;
}
.sk-accent-bg .apti-bordered-list .pt_plus_info_box .info-box-inner .service-title,
.sk-accent-bg .apti-bordered-list .pt_plus_info_box .info-box-inner:hover .service-title {
color: #FFFFFF !important;
}
.apti-bordered-list .pt_plus_info_box.info-box-style_1 .info-box-inner .service-title {
margin-bottom: 8px!important;
}
.apti-bordered-list .pt_plus_info_box .info-box-inner .service-desc,
.apti-bordered-list .pt_plus_info_box .info-box-inner .service-desc p {
font-size: 0.95em !important;
line-height: 1.3em !important;
}
.sk-dark-bg .apti-bordered-list .pt_plus_info_box .info-box-inner .service-desc,
.sk-dark-bg .apti-bordered-list .pt_plus_info_box .info-box-inner .service-desc p {
color: var(--ang_color_text_dark) !important;
}
.apti-bordered-list .pt_plus_info_box .info-box-inner .info-box-bg-box {/**
border-style: solid !important;
border-color: var(--ang_color_heading) !important;
border-width: 0px 0px 0px 6px !important; **/
padding: 0px 0px 0px 15px !important;
margin: 15px 0px 0px 0 !important;
}
.apti-bordered-list .pt_plus_info_box .info-box-inner .info-box-bg-box:before {
content: '';
display: block;
position: absolute;
width: 6px;
top: 5px;
height: 7px;
left: -7px;
border-style: solid !important;
border-color: var(--e-global-color-6a7f2d98) !important;
border-width: 0px 0px 0px 7px !important;
}
.sk-dark-bg .apti-bordered-list .pt_plus_info_box .info-box-inner .info-box-bg-box:before {
border-color: var(--ang_color_text_dark) !important;
}
.sk-dark-bg .apti-bordered-list .pt_plus_info_box .info-box-inner .info-box-bg-box,
.sk-dark-bg .apti-bordered-list .pt_plus_info_box .info-box-inner .info-box-bg-box:hover {
border-color: var(--ang_color_text_dark) !important;
}
.apti-bordered-list .service-desc p {
margin-bottom: 0 !important;
}
.apti-bordered-list .pt_plus_info_box .info-box-inner:hover .info-box-bg-box {
border-color: var(--ang_color_heading) !important;
}
.apti-bordered-list .service-border {
border-style: none !important;
}
.apti-bordered-list .service-img-border {
display: none !important;
}
/** General >> Apptio Post table **/
table:not(.plus-table) {
width: 100% !important;
border-width: 0 !important;
border-style: none !important;
display: block !important;
overflow-x: auto !important;
}
table:not(.plus-table) > tbody > tr:hover > td,
table:not(.plus-table) > tbody > tr.even:hover td,
table:not(.plus-table) > tbody > tr.odd:hover td {
background-color: var(--ang_background_light_background) !important;
}
table:not(.plus-table) tbody>tr:nth-child(odd)>td,
table:not(.plus-table) tbody>tr:nth-child(odd)>td {
background: transparent !important;
}
table:not(.plus-table) th {
font-size: .85em !important;
min-width: 80px !important;
background: var(--ang_background_light_heading) !important;
color: var(--ang_color_text_dark) !important;
vertical-align: bottom !important;
text-align: inherit !important;
}
table:not(.plus-table) td {
font-size: .85em !important;
line-height: 1.2 !important;
color: var(--ang_color_text_light) !important;
}
table:not(.plus-table) td strong {
font-size: 1em !important;
display: block !important;
}
table:not(.plus-table) th,
table:not(.plus-table) td {
padding: 0.75rem !important;
border: 0px !important;
}
table:not(.plus-table) tbody tr {
padding: 10px !important;
border-top: 7px !important;
border-style: solid !important;
border-color: var(--ang_background_dark_heading) !important;
background-color: var(--ang_background_light_background) !important;
}
/** General >> Apptio Bullet List **/
.apti-parent-tabs .apti-bullet-list .service-border,
.apti-bullet-list .service-border {
margin-top: unset !important;
margin-bottom: unset !important;
border-style: none !important;
}
.apti-parent-tabs .apti-bullet-list .pt_plus_info_box.info-box-style_1 .service-img-border {
border-right: none !important;
padding-right: unset !important;
}
.apti-parent-tabs .apti-bullet-list .pt_plus_info_box .info-box-inner .service-title {
font-size: 1.3em !important;
font-weight: 600 !important;
line-height: 1.9em !important;
color: var(--ang_color_heading) !important;
}
.apti-parent-tabs .sk-dark-bg.apti-bullet-list .pt_plus_info_box .info-box-inner .service-title {
color: var(--ang_background_dark_heading) !important;
}
.apti-parent-tabs .apti-bullet-list .pt_plus_info_box .info-box-inner .service-border {
width: unset !important;
border-width: unset !important;
border-color: unset !important;
}
.apti-parent-tabs .apti-bullet-list .pt_plus_info_box .info-box-inner:hover .service-title {
color: var(--ang_color_heading) !important;
}
.apti-parent-tabs .sk-dark-bg.apti-bullet-list .pt_plus_info_box .info-box-inner:hover .service-title {
color: var(--ang_background_dark_heading) !important;
}
.apti-parent-tabs .apti-bullet-list .pt_plus_info_box.info-box-style_1 .info-box-inner .service-title {
margin-bottom: -4px !important;
}
.apti-parent-tabs .apti-bullet-list .pt_plus_info_box .info-box-inner .service-desc,
.apti-parent-tabs .apti-bullet-list .pt_plus_info_box .info-box-inner .service-desc p {
color: var(--ang_color_heading) !important;
}
.apti-parent-tabs .sk-dark-bg.apti-bullet-list .pt_plus_info_box .info-box-inner .service-desc,
.apti-parent-tabs .sk-dark-bg.apti-bullet-list .pt_plus_info_box .info-box-inner .service-desc p {
color: var(--ang_color_text_dark) !important;
}
.apti-parent-tabs .apti-bullet-list .pt_plus_info_box .info-box-inner i.service-icon.icon-squre.fa {
font-size: 0px!important;
}
.apti-parent-tabs .apti-bullet-list .pt_plus_info_box .info-box-inner .service-icon.icon-squre.fa,
.apti-bullet-list .pt_plus_info_box .info-box-inner .service-icon.icon-squre.fa {
width: 8px!important;
height: 8px!important;
line-height: 8px!important;
text-align: center !important;
background-color: var(--e-global-color-6a7f2d98) !important;
border-style: none !important;
}
.apti-parent-tabs .sk-accent-bg.apti-bullet-list .pt_plus_info_box .info-box-inner .service-icon.icon-squre.fa {
background-color: var(--ang_color_text_dark) !important;
}
.apti-parent-tabs .apti-bullet-list .pt_plus_info_box .info-box-inner .service-icon:before {
color: var(--ang_color_accent_primary) !important;
background: transparent !important;
-webkit-background-clip: unset !important;
-webkit-text-fill-color: initial !important;
}
.apti-parent-tabs .apti-bullet-list .pt_plus_info_box .info-box-inner .info-box-bg-box {
padding: 0px 0px 0px 0px !important;
}
.apti-parent-tabs .apti-bullet-list .elementor-widget-container {
margin: 0px 0px -30px 0px!important;
}
/** General >> Site-wide square bullets **/
.elementor-widget-theme-post-content ul, .elementor-image-box-content > ul,
p > ul, .dce-content-wrapper ul,
.elementor-widget-text-editor ul {
list-style: none !important;
padding-left: 10px !important;
margin: 0 !important;
overflow: hidden !important;
}
.elementor-widget-theme-post-content ul li,
p > ul li,
.dce-content-wrapper ul li,
.elementor-widget-text-editor ul li, .elementor-image-box-content > ul li {
position: relative !important;
padding-left: 1.2em !important;
line-height: 1.3em !important;
padding-bottom: .6em !important;
}
.elementor-image-box-content > ul li::marker {
content: none !important;
}
.elementor-widget-theme-post-content ul li:before, p > ul li:before, .elementor-image-box-content > ul li:before,
.dce-content-wrapper ul li:before,
.elementor-widget-text-editor ul li:before {
/* with absolute position you can move this around or make it bigger without getting unwanted scrollbars */
position: absolute !important;
/* content: "25AA";*/
content: 'â– ' !important;
color: var(--e-global-color-6a7f2d98) !important;
font-size: 1em !important;
left: 0 !important;
}
.elementor-widget-theme-post-content li:last-child,
p > li:last-child,
.dce-content-wrapper li:last-child,
.elementor-widget-text-editor li:last-child {
padding-bottom: 20px !important;
}
/** General >> Apptio Block Quote **/
.elementor-widget-blockquote blockquote {
color: inherit !important;
}
.elementor-widget-blockquote blockquote:before {
font-family: Lato !important;
opacity: 0.3 !important;
}
/** General >> Apptio Animated Service Boxes **/
.se-wrapper{
border-radius: 8px !important;
box-shadow: 0 2px 4px rgb(0 0 0 / 16%) !important;
}
.se-wrapper:hover{
box-shadow: none !important;
}
.se-listing-section {
border-radius: 8px !important;
box-shadow: 0 2px 4px rgb(0 0 0 / 16%) !important;
}
.info-banner.info-banner-style-1 .info-banner-content-wrapper {
border-left: 0px !important;
}
.pt_plus_info_box a:hover {
text-decoration: none;
}
/** General >> Apptio Info Banners **/
.info-banner-style-1 .info-banner-content-wrapper {
box-shadow: 0 2px 4px rgba(0,0,0,0.16);
}
/** General >> Apptio Card Header Images **/
.bg-tile-cover div:first-child {
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center, center !important;
}
/** General >> Apptio Icon Tabs **/
.apti-icon-tabs .elementor-tab-desktop-title {
padding: 25px 10px 25px 10px !important;
}
.apti-icon-tabs .theplus-tabs-wrapper .plus-tabs-nav .plus-tab-header .tab-icon-image {
max-width: 135px !important;
height: 90px !important;
}
.apti-icon-tabs .theplus-tabs-content-wrapper .tab-icon-image {
max-width: 200px !important;
height: 70px !important;
}
.apti-icon-tabs .theplus-tabs-wrapper .theplus-tabs-nav-wrapper .plus-tabs-nav {
padding: 30px 0px 0px 0px !important;
}
.apti-icon-tabs .theplus-tabs-wrapper .plus-tabs-nav .plus-tab-header {
border-radius: 8px 8px 8px 8px;
box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 16%);
}
/** General >> FacetWP Dropdown **/
.facetwp-dropdown, .facetwp-hierarchy_select {
font-family: inherit !important;
color: var(--ang_color_text_light) !important;
font-size: 1.3rem !important;
text-transform: none !important;
width: 100% !important;
padding: .5rem 1rem .5rem 1rem !important;
margin: 0 !important;
border: 1px solid #B9BFC7 !important;
border-radius: 8px !important;
-webkit-transition: .3s !important;
transition: .3s !important;
display: block !important;
-webkit-transition: all .3s !important;
-o-transition: all .3s !important;
}
.facetwp-facet {
margin-bottom: 0px !important;
}
.facetwp-type-hierarchy_select .is-disabled {
display: none !important;
}
/** General >> Buttons in HTML **/
.elementor-widget-container button:not(.pf-guide-navigation-item):not(#qa-guide-sidebar):not([data-dir="next"]):not([data-dir="prev"]) {
font-size: 1.2rem !important;
border-style: none !important;
border-radius: 8px !important;
}
/*( Tablet & Phone )*/
@media (max-width: 767px) {
/*= General =================== */
/** General >> Apptio Bordered List Item **/
.apti-bordered-list .service-border-box {
}
.apti-bordered-list .pt_plus_info_box .info-box-inner .service-title,
.apti-bordered-list .pt_plus_info_box .info-box-inner:hover .service-title {
font-size: 1.1em !important;
}
.apti-bordered-list .pt_plus_info_box.info-box-style_1 .info-box-inner .service-title {
margin-bottom: 5px !important;
}
.apti-bordered-list .pt_plus_info_box .info-box-inner .service-desc,
.apti-bordered-list .pt_plus_info_box .info-box-inner .service-desc p {
font-size: 0.9em !important;
}
.apti-bordered-list .service-border {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
}
form button, .mktoForm button.mktoButton, form input[type=button], form input[type=reset], form input[type="submit"] {
font-family: 'Lato';
font-weight: 500;
font-size: 18px !important;
display: block;
/*width: 300px;*/
border-radius: 8px;
border: 2px solid #266CFF;
/* padding-top: 0.5rem;
padding-bottom: 0.5rem; */
text-align: center;
background-color: #266CFF;
color: #fff; }
form button:hover, .mktoForm button.mktoButton:hover, form input:hover[type=button], form input:hover[type=reset], form input:hover[type="submit"] {
text-decoration: none;
color: #fff;
background-color: #044AFD;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.bttn:hover, form button:hover, form input:hover[type=button], form input:hover[type=reset], form input:hover[type="submit"] {
font-family: 'Lato'; } }
.mktoForm button.mktoButton {
font-size: 18px !important;
font-weight: 500;
font-family: 'Lato'; }
.mktoFormRow {
width: 100%;
display: inline-block;
padding-right: 20px;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
flex-direction: row; }
@media (max-width: 1023.98px) {
.mktoFormRow {
flex-direction: column; } }
.mktoFormRow.hide-row {
display: none;
width: 0; }
.mktoFormRow .mktoFormCol {
flex: 1;
float: none; }
.mktoFormRow .mktoFormCol .mktoFieldWrap {
width: 100%;
padding-right: 30px; }
@media (max-width: 767.98px) {
.mktoFormRow .mktoFormCol .mktoFieldWrap {
padding-right: 0px; } }
.mktoFormRow .mktoLabel {
display: none; }
.mktoFormRow .mktoLabel[for='Form_Email_Opt_In__c'] {
display: block;
width: 90% !important;
float: right;
margin-top: 10px; }
.mktoFormRow .mktoLabel[for='Form_Email_Opt_In__c'] strong {
font-family: 'Lato', sans-serif !important;
padding-bottom: 8px;
padding-left: 0px !important;
padding-right: 0px !important; }
.mktoFormRow .mktoLabel[for='Form_Email_Opt_In__c'] strong a {
padding: 0px !important; }
.mktoFormRow .mktoLabel[for='Form_Email_Opt_In__c'] span {
font-size: 16px !important;
display: inline-block;
line-height: 1.2; }
.mktoFormRow .mktoLabel[for='Form_Email_Opt_In__c'] + .mktoGutter {
display: none; }
.mktoFormRow .mktoLabel[for='Form_Email_Opt_In__c'] + .mktoGutter + .mktoCheckboxList {
width: 10% !important;
margin-top: 10px; }
:not(textarea) .mktoFormRow .mktoField {
height: calc(2rem + 0.75rem + 2px) !important;
}
.mktoFormRow .mktoField {
padding: 0.375rem 0.75rem !important;
border: 1px solid #1E2124 !important;
background-color: #ffffff !important;
width: 100% !important;
color: #1E2124;
font-size: 1rem !important;
border-radius: 8px !important; }
.mktoFormRow .mktoField[type="hidden"] {
display: none; }
.mktoFormRow .mktoField.dropdown {
padding: 0px;
background: transparent; }
.mktoFormRow .mktoField.checkbox-label:before {
border-radius: 0%; }
.mktoFormRow .mktoField.checkbox-label span.checked {
position: absolute;
top: 7px;
left: 3px;
width: 14px;
height: 7px;
border-left: 3px solid #01385e;
border-bottom: 3px solid #01385e;
transform: rotate(-45deg); }
.mktoFormRow .mktoField.checkbox-label input:checked + span.checked {
display: inline-block; }
.mktoFormRow .mktoError .mktoErrorMsg {
margin-top: 0px !important; }
.mktoFormRow select.mktoField {
border-radius: 8px !important;
}
.mktoFormRow .mktoLabel {
position: relative;
width: auto !important;
font-size: 1rem !important;
padding-bottom: 6px; }
.mktoFormRow .mktoLabel .mktoAsterix {
position: absolute;
right: -10px; }
.mktoFormRow .mktoInvalid {
border: 1px solid red; }
.mktoFormRow .mktoError {
padding-top: 6px;
font-size: 12px;
color: red; }
.mktoFormRow .mktoFieldDescriptor {
font-size: 14px; }
.mktoFormRow .mktoFieldDescriptor span {
font-size: 14px !important; }
.mktoFormRow input[type=radio], .mktoFormRow input[type="checkbox"] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0; }
.mktoFormRow input[type=radio] + label, .mktoFormRow input[type="checkbox"] + label, .mktoFormRow input[type=radio] + .mktoError + label, .mktoFormRow input[type="checkbox"] + .mktoError + label {
position: relative;
margin-bottom: 0px;
font-size: 16px;
padding-top: 7px;
padding-left: 10px;
}
.mktoFormRow input[type=radio] + label:before, .mktoFormRow input[type="checkbox"] + label:before, .mktoFormRow input[type=radio] + .mktoError + label:before, .mktoFormRow input[type="checkbox"] + .mktoError + label:before {
content: "";
position: absolute;
left: -20px;
top: 5px;
width: 20px;
height: 20px;
border: 1px solid #B9BFC7;
border-radius: 4px;
background: #ffffff; }
.mktoFormRow input[type="checkbox"]:checked + label:before {
background: #266cff; }
.mktoFormRow input[type="checkbox"]:checked + label::after {
content: "";
position: absolute;
top: 9px;
left: -17px;
width: 14px;
height: 7px;
border-left: 3px solid #ffffff;
border-bottom: 3px solid #ffffff;
transform: rotate(-45deg); }
.mktoFormRow input[type="radio"] + label::before, .mktoFormRow input[type="radio"] + .mktoError + label::before {
border-radius: 50%; }
.mktoFormRow input[type="radio"]:checked + label::after, .mktoFormRow input[type="radio"]:checked + .mktoError + label::after {
content: "";
position: absolute;
top: 9px;
left: -16px;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #266cff; }
.mktoFormRow .mktoRangeField {
display: block;
width: 100% !important;
float: none; }
.mktoFormRow .mktoRangeField .mktoRangeValue {
margin-top: -25px !important;
position: relative;
left: 11px; }
.mktoFormRow .mktoRangeField .mktoRangeValueText {
background-color: #01385e !important;
background-image: none !important;
text-shadow: none !important;
box-shadow: none !important;
border: 1px solid #1E2124 !important;
border-radius: 0px !important; }
.mktoFormRow .mktoRangeField .mktoRangeValueArrow {
background-color: #1E2124 !important;
border: 1px solid #1E2124 !important; }
.mktoFormRow .mktoFieldWrap .mktoHtmlText {
width:100% !important;
font-size: 16px;
}
.sk-dark-bg .mktoFormRow .mktoFieldWrap .mktoHtmlText, .sk-accent-bg .mktoFormRow .mktoFieldWrap .mktoHtmlText {
color:#ffffff !important;
}
.mktoForm .mktoRadioList, .mktoForm .mktoCheckboxList {
margin-bottom: 15px;
margin-top: -10px;
}
textarea#Question__c {
height: auto!important;
}
.elementor-top-section form.mktoForm label, .elementor-top-section div#formbox form label {
color: #1E2124 !important; }
.elementor-top-section .sk-dark-bg form.mktoForm label, .elementor-top-section .sk-dark-bg div#formbox form label {
color: #FFFFFF !important; }
.elementor-top-section form.mktoForm .mktoButton, .elementor-top-section div#formbox form .mktoButton {
background-color: #266CFF !important;
color: white !important;
border-color: #266CFF !important;
border-radius: 8px !important;
}
.elementor-top-section form.mktoForm .mktoButton:hover, .elementor-top-section div#formbox form .mktoButton:hover {
background-color: #044AFD !important;
color: #ffffff !important;}
/* border: 2px solid white !important; } */
.elementor-top-section form.mktoForm .mktoButton:disabled:hover, .elementor-top-section div#formbox form .mktoButton:disabled:hover {
background-color: #266CFF !important;
color: white !important;
border-color: #266CFF !important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}
.mktoForm {width:100%!important;}
.mktoForm .mktoGutter {height: 0!important;}
.mktoFormRow .mktoFieldDescriptor {font-size:5px!important;}
.mktoForm input[type=text]:focus, .mktoForm input[type=url]:focus, .mktoForm input[type=email]:focus, .mktoForm input[type=tel]:focus, .mktoForm input[type=number]:focus, .mktoForm input[type=date]:focus, .mktoForm select.mktoField:focus, .mktoForm textarea.mktoField:focus {
border-color: #266CFF !important ;
border-width:2px;
}
.sk-dark-bg .mktoFormRow .mktoLabel[for='Form_Email_Opt_In__c'], .sk-accent-bg .mktoFormRow .mktoLabel[for='Form_Email_Opt_In__c']{
color:#ffffff !important;
}
.sk-dark-bg form.mktoForm label, .sk-dark-bg div#formbox form label, .sk-accent-bg form.mktoForm label, .sk-accent-bg div#formbox form label {
color:#ffffff!important;
}
.mktoFormRow .ibm-input-group .ibm-checkbox-wrapper{
margin-left:40px;
}
.mktoFormRow #ncHeading {
padding-top: 10px;
}
.mktoFormRow .nc-error {
display: inline-block;
margin-top: 7px;
background-color: #e51b00;
background-image: -webkit-linear-gradient(#e51b00 43%, #ba1600 100%);
background-image: -moz-linear-gradient(#e51b00 43%, #ba1600 100%);
background-image: linear-gradient(#e51b00 43%, #ba1600 100%);
background-image: -ms-linear-gradient(#e51b00 43%, #ba1600 100%);
border: 1px solid #9f1300;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: rgba(0,0,0,0.65) 0 2px 7px, inset #ff3c3c 0 1px 0px;
box-shadow: rgba(0,0,0,0.65) 0 2px 7px, inset #ff3c3c 0 1px 0px;
color: #f3f3f3 !important;
max-width: 24em;
font-size: 1em;
line-height: 1.2em;
padding: 0.4em 0.6em !important;
text-shadow: #901100 0 -1px 0;
}
.sk-dark-bg .mktoForm a, .sk-accent-bg .mktoForm a {
color: var(--e-global-color-secondary) !important;
}
.sk-dark-bg .mktoForm #privacyid a:hover, .sk-accent-bg .mktoForm #privacyid a:hover {
color: var(--e-global-color-secondary) !important;
}
.tile-header-image {
height:140px;
}
.tile-header-image .elementor-widget-container {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.tile-header-image .elementor-widget-container img {
max-width:310px;
max-height:100px;
width: 100%;
height: 100%;
}
.contact-link {
font-size:16px;
}
.social-icon-row {
line-height:1 !important;
}
/* set height of wpml language flags */
.wpml-ls-legacy-list-horizontal .wpml-ls-flag {
width: 42px;
height: 28px;
}
.lookbook-overlay {
background-color: rgba(0,0,0,.8) !important;
}
/* Path Factory Recommend Track Styles */
.pf-card-styling #qa-website-inject-items {
flex-wrap: wrap;
margin: -10px !important;
justify-content: stretch;
}
.pf-card-styling .lb-inpage-item {
background-color: #ffffff;
/* width:32%; */
border-radius: 8px;
border-style: solid;
border-color: #F1F3F6;
border-width: 1px;
overflow: hidden;
box-shadow: 0 2px 4px rgb(0 0 0 / 16%);
flex: 1 1 20%;
margin: 10px !important;
}
.pf-card-styling a div:first-child {
background-color: #D6DBE1;
object-fit: cover;
overflow: hidden;
background-repeat: no-repeat;
}
.pf-card-styling a div:last-child {
height: 125px;
padding: 20px !important;
color: #1E2124;
font-size: 1.2em;
font-weight: 600;
line-height: 1.3em;
margin-top: .3rem;
}
.pf-card-styling a:hover div:last-child{
color:#266CFF;
}
.pf-card-styling a:hover{
text-decoration: none;
}
@media only screen and (max-width: 768px) {.pf-card-styling .lb-inpage-item div {font-size: .9em;
margin-top: .2rem;
}
/*
.pf-card-styling .lb-inpage-item-last {
margin-left: 5px;
}
.pf-card-styling .lb-inpage-item-0 {
margin-right: 5px;
}
.pf-card-styling .lb-inpage-item-1falsefalse {
margin-right: 5px;
margin-left: 5px;
}
.pf-card-styling .lb-inpage-item-2falsefalse {
margin-right: 5px;
margin-left: 5px;
}
*/
}
@media only screen and (max-width: 1024px) {
.pf-card-styling .lb-inpage-item {
flex: 1 1 40%;
}
}
/* Path Factory Recommend Track Styles */
.pf-tile-styling .pf-carousel-item {
background-color: #ffffff;
border-radius: 8px;
border-style: solid;
border-color: #F1F3F6;
border-width: 1px;
overflow: hidden;
box-shadow: 0 2px 4px rgb(0 0 0 / 16%);
flex: 1 1 20%;
margin: 0 10px !important;
padding: 0px !important;
}
.pf-tile-styling a .pf-carousel-item-title {
height: 125px;
margin: 20px !important;
color: #1E2124;
font-size: 1.1em;
font-weight: 600;
line-height: 1.3em;
}
.pf-tile-styling a .pf-carousel-item-description {
display:none !important;
}
.pf-tile-styling .pf-carousel-item-link{
width: 100%;
}
.pf-tile-styling a:hover .pf-carousel-item-title{
color:#266CFF;
}
.pf-tile-styling .pf-carousel-item-link:hover {
text-decoration: none !important;
}
@media only screen and (max-width: 536px) {.pf-tile-styling .pf-carousel-item-title {/*font-size: 1.2em !important;*/
}
}
@media only screen and (min-width: 537px) and (max-width: 768px) {.pf-tile-styling .pf-carousel-item-title {font-size: .9em !important;
}
}
@media only screen and (max-width: 1024px) {
.pf-tile-styling .pf-carousel-item {
flex: 1 1 40%;
}
}
button#qa-guide-sidebar, button.pf-guide-navigation-item {
line-height:inherit;
box-shadow: none;
border-radius: 0px;
padding: inherit;
overflow: hidden;
}
button.pf-guide-navigation-item {
background-color:unset;
color: var( --e-global-color-719917e );
text-decoration:none;
}
button.pf-guide-navigation-item:hover {
text-decoration:underline;
}
button.pf-guide-navigation-item:hover, button.pf-guide-navigation-item:focus {
background-color:unset;
color: var( --e-global-color-719917e );
box-shadow: none;
border-style:none;
outline-style: none;
}
button#qa-guide-sidebar, button.pf-guide-navigation-item:focus {
border-style:none;
outline-style: none;
}
#qa-guide {
overflow: hidden;
}
.pf-guide-item:hover .pf-guide-item-title{
color: var( --e-global-color-719917e );
text-decoration: none !important;
}
.pf-guide-item:hover{
text-decoration: none !important;
}
.yt_video_wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9, for an aspect ratio of 1:1 change to this value to 100% */
}
/**Menu Customizations**/
.menu-hide-footer a {
display:none;
}
.menu-hide-footer {
padding:0!important;
}
.menu-hide-footer .sub-menu a {
display:inline;
}
.menu-hide-footer .sub-menu li {
padding:14px 10px 0 0!important;
}
.sub-menu .footer-menu-header {
font-weight:bold!important;
}
/** Temp Fix for In-line BlockQuotes **/
.elementor-widget-theme-post-content blockquote,
.dce-content-wrapper blockquote,
.elementor-widget-text-editor blockquote,
.ae-acf-content-wrapper blockquote {
font-style: italic;
border-left-width: 6px;
border-left-color: rgb(1, 56, 94);
border-left-style: solid;
padding-left: 25px;
}
/** Temp Fix for bullet lists in case studies **/
.ae-acf-content-wrapper ul {
list-style: none;
padding-left: 10px;
margin: 0;
overflow: hidden;
/* hide overflow in the case of floating elements around ... */
}
.ae-acf-content-wrapper ul li {
position: relative;
padding-left: 1.2em;
line-height: 1.3em;
padding-bottom: .6em;
}
.ae-acf-content-wrapper ul li:before {
/* with absolute position you can move this around or make it bigger without getting unwanted scrollbars */
position: absolute;
/* content: "25AA";*/
content: 'â– ';
color: var(--ang_color_accent_primary);
font-size: 1em;
left: 0;
}
.ae-acf-content-wrapper li:last-child {
padding-bottom: 20px;
}
/**WPML Menu & Switcher**/
@media only screen and (max-width: 767px) {
{display:list-item!important;}
}
@media only screen and (min-width: 768px) {
.mega-wpml-ls-item {display:none!important;}
}
.mega-wpml-ls-item .mega-sub-menu {
background:#EAEBED!important;
}
.mega-wpml-ls-item {
background:#EAEBED!important;
}
.mega-wpml-ls-item a:hover {
color:#266CFF!important;
}
img.wpml-ls-flag {
width:18px;
}
.footer-menu .wpml-ls-item {
display:none;
}
.wpml-ls-legacy-dropdown a {
color: #01385E !important;
}
.wpml-ls-legacy-dropdown a:hover {
color: #266CFF !important;
}
p:last-child.elementor-heading-title {
margin-bottom: 0;
}
/**Webinar Promoter**/
.rotatedButton {
transform: rotate(-90deg);
/* Legacy vendor prefixes that you probably don't need... */
/* Safari */
-webkit-transform: rotate(-90deg);
/* Firefox */
-moz-transform: rotate(-90deg);
/* IE */
-ms-transform: rotate(-90deg);
/* Opera */
-o-transform: rotate(-90deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
/* Reposition bulletin slider bullets and reduce container height to prevent blocking hover effect of underlying card */
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 0px;
left: 0;
height: 0px;
margin-bottom: 28px;
}
/* Screenshot treatment in blog posts */
/* Apex Screenshot in Image Box widget */
img.apti-screen, .apti-screen img, .apti-screen-image img{
background-color: var( --e-global-color-2d5f40b6 );
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: var( --e-global-color-2c26c947 );
box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 16%);
}
/* Apex Screenshot in Image Carousel*/
.apti-screen img.swiper-slide-image {
margin: 0 10px 0 10px;
width: -moz-available !important;
width: -webkit-fill-available !important;
width: fill-available !important;
vertical-align: initial;
}
.apti-screen figcaption {
margin: 0 10px 0 10px;
text-align:center!important;
line-height: 1.2em!important;
font-weight: bold;
font-style: normal;
}
.apti-screen .swiper-image-stretch .swiper-slide .swiper-slide-image {
width: -moz-available !important;
width: -webkit-fill-available !important;
width: fill-available !important;
}
.apti-screen img {
vertical-align: initial;
}
/* header flags */
.sl-info span {
display: inline-block;
font-size: 18px;
text-transform: uppercase;
margin-bottom: 15px;
color: white;
background: #52BEFB;
border-radius: 4px;
padding: 4px 10px;
font-weight: 400;
}
/* header flags */
.sl-info2 span {
display: inline-block;
font-size: 18px;
text-transform: uppercase;
margin-bottom: 15px;
color: #1E2124;
background: #FFFFFF;
border-radius: 4px;
padding: 4px 10px;
font-weight: 400;
}
.inner-button {
background-color: #52BEFB;
padding: 10px 10px 10px 10px;
margin-right: 8px;
display:inline-block;
/* line-height: .6em;*/
border-radius: 4px;
}
@media screen and (max-width: 768px){
.inner-button {
display:block;
margin-right:0px;
/* margin-bottom:7px;*/
}
.apti-dual-button .elementor-button-content-wrapper {
line-height: 1.3em;
/* margin-bottom: -7px;*/
}}
/* Apex Styled Cards */
.apti-card-bg {
overflow: hidden;
background-color: var( --e-global-color-2d5f40b6 );
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: var( --e-global-color-2c26c947 );
box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 16%);
}
.apti-card-bg-light {
overflow: hidden;
background-color: var( --e-global-color-2c26c947 );
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: var( --e-global-color-2c26c947 );
box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 16%);
}
.elementor-icon-list-item a:hover {
text-decoration: none;
}
.elementor-icon-list-item a:hover .elementor-icon-list-text {
text-decoration: underline;
}
.elementor-icon-list-item .elementor-icon-list-text a:hover {
text-decoration: underline;
}
.apti-wrapped-icon .elementor-icon-list-item a:hover .elementor-icon-list-text {
text-decoration: none;
}
.apti-gray-logo {
filter: brightness( 75% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate(
0deg
);
}
.apti-menu-promo-box .elementor-flip-box__button {
padding: 0 0 0 0 !important;
}
.apti-menu-promo-box .elementor-flip-box__layer__description {
margin: 0 0 10px 0 !important;
}
.apti-menu-promo-box .elementor-flip-box__button:hover {
text-decoration: underline;
}
.apti-menu-promo-box a:hover {
text-decoration: none;
}
.apti-campaign-slider .swiper-slide-inner:hover {
color:inherit !important;
text-decoration: none !important;
}
.apti-campaign-slider .swiper-slide-inner a:hover{
text-decoration: none !important;
}
/* The Plus sometimes adds extra spacing elements for the sticky menu, we only need the first */
.elementor-location-header .plus-nav-sticky:not(:first-of-type) {
min-height: 0px !important;
}
/*Offset Elementor TOC anchors to not scroll under sticky menu */
.elementor-menu-anchor {top: -75px;
position: relative;}
/* Override for The Plus hiding Svgs */
.info_box_svg object{
opacity: 1;
}
/* Override for The Plus Carousel Tab Layout */
.pt_plus_info_box .post-inner-loop .slick-list .slick-track {
width: inherit;
}
/*Override for The Plus infobox bottom spacing when uncached */
.pt_plus_info_box .info-box-inner .info-box-bg-box .service-desc > p {
margin-bottom: 1em !important;
}
/* Override for Table hover effects */
table tbody tr:hover>td, table tbody tr:hover>th {
background-color: inherit;
}
/* Patch for Plus Popup not displaying vertical scrollbar */
.plus-canvas-content-wrap .plus-content-editor {
overflow-y: auto !important;
}
.elementor-search-form__container:not(.elementor-search-form--full-screen) {
background: transparent !important;
}
/*Force Loop Grid tiles to fill space of parent container to achieve equal height */
.apti-rc-grid .e-loop-item{
height:100%;
}
.apti-rc-grid .e-loop-item>section{
height:100%;
}
.apti-rc-grid .e-loop-item>section>.elementor-container{
height:100%;
}
.apti-rc-grid .e-loop-item>section>.elementor-container>.elementor-column{
height:100%;
}
/* Hover Tab Styles */
.apti-hover-tab .slick-list {
height: auto!important;
}
.apti-hover-tab .pt_plus_info_box.list-carousel-slick {
margin-bottom:0px;
}
.apti-hover-tab .slick-track {
height: auto!important;
}
.apti-hover-tab .tp-info-nc.slick-slide:first-of-type {
margin-top: -15px!important;
}
table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-style:none;}
/* Gridbuilder styling */
.wpgb-facet .wpgb-checkbox-facet li[role]:focus>.wpgb-checkbox {
outline-width: 0 !important;
outline-offset: 0 !important;
outline-color: transparent !important;
outline-style: none !important;
}
.wpgb-facet .wpgb-pagination li a:hover {
text-decoration: underline !important;
}
/*Column gaps from Style Kit deprecation */
.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
padding: 20px 20px 20px 20px;
}
.elementor-column-gap-narrow > .elementor-column > .elementor-element-populated{
padding:10px 10px 10px 10px;
}
.elementor-column-gap-extended > .elementor-column > .elementor-element-populated{
padding:40px 40px 40px 40px;
}
.elementor-column-gap-wide > .elementor-column > .elementor-element-populated{
padding:60px 60px 60px 60px;
}
.elementor-column-gap-wider > .elementor-column > .elementor-element-populated{
padding:80px 80px 80px 80px;
}
/* Default button CTA fallback from Style Kit deprecation */
.elementor-cta .elementor-button.elementor-size-{
font-size:1.2rem;
font-weight:700;
text-decoration:none;
line-height:1em;
}
.elementor-cta a.elementor-button.elementor-size-, .elementor-cta .elementor-button.elementor-size-{
color:var( --e-global-color-2d5f40b6 );
background-color:var( --e-global-color-719917e );
border-radius:8px 8px 8px 8px;
}
.elementor-cta a.elementor-button.elementor-size-:hover, .elementor-cta .elementor-button.elementor-size-:hover, .elementor-cta a.elementor-button.elementor-size-:focus, .elementor-cta .elementor-button.elementor-size-:focus{
color:var( --e-global-color-2d5f40b6 );
background-color:var( --e-global-color-769ce30 );
}
.elementor-cta .elementor-button.elementor-size-:hover, .elementor-cta .elementor-button.elementor-size-:focus{
box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.08);
}
@media(max-width:1024px){
.elementor-cta .elementor-button.elementor-size-{
font-size:1.2em;
}
}
@media(max-width:767px){
.elementor-cta .elementor-button.elementor-size-{
font-size:1em;
}
}
/* Button Styling */
.apti-btn-txt .elementor-button.elementor-button {
font-size: 1.2em;
font-weight: 700;
text-decoration: none;
line-height: 1em
}
.apti-btn-txt a.elementor-button.elementor-button,.apti-btn-txt .elementor-button.elementor-button {
font-size: 1.2em;
font-weight: 700;
fill: var(--e-global-color-719917e);
color: var(--e-global-color-719917e);
background-color: #00000000;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
padding: 0px 0px 0px 0px;
}
.apti-btn-txt a.elementor-button.elementor-button:hover,.apti-btn-txt .elementor-button.elementor-button:hover,.apti-btn-txt a.elementor-button.elementor-button:focus,.apti-btn-txt .elementor-button.elementor-button:focus {
color: var(--e-global-color-769ce30);
background-color: #00000000;
text-decoration: underline;
}
.sk-dark-bg .apti-btn-txt a.elementor-button.elementor-button,.sk-dark-bg .apti-btn-txt .elementor-button.elementor-button {
fill: var(--e-global-color-0173560);
color: var(--e-global-color-0173560);
}
.sk-dark-bg .apti-btn-txt a.elementor-button.elementor-button:hover,.sk-dark-bg .apti-btn-txt .elementor-button.elementor-button:hover {
color: var(--e-global-color-3dc9f07);
}
.apti-btn-txt .elementor-button.elementor-button:hover,.apti-btn-txt .elementor-button.elementor-button:focus {
box-shadow: 0 0px 0px 0 rgba(0,0,0,.00)
}
.apti-btn-rev .elementor-button.elementor-button {
font-size: 1.2em;
font-weight: 700;
text-decoration: none;
line-height: 1em
}
.apti-btn-rev a.elementor-button.elementor-button,.apti-btn-rev .elementor-button.elementor-button {
color: var(--e-global-color-34be3416);
background-color: var(--e-global-color-2c26c947);
border-radius: 8px 8px 8px 8px
}
.apti-btn-rev a.elementor-button.elementor-button:hover,.apti-btn-rev .elementor-button.elementor-button:hover,.apti-btn-rev a.elementor-button.elementor-button:focus,.apti-btn-rev .elementor-button.elementor-button:focus {
background-color: var(--e-global-color-2c26c947);
color: var(--e-global-color-769ce30)
}
.sk-light-bg .apti-btn-rev a.elementor-button.elementor-button,.sk-light-bg .apti-btn-rev .elementor-button.elementor-button {
background-color: var(--e-global-color-2d5f40b6);
color: var(--e-global-color-34be3416);
}
.sk-light-bg .apti-btn-rev a.elementor-button.elementor-button:hover,.sk-light-bg .apti-btn-rev .elementor-button.elementor-button:hover {
background-color: var(--e-global-color-2d5f40b6);
color: var(--e-global-color-769ce30)
}
.apti-btn-rev .elementor-button.elementor-button:hover,.apti-btn-rev .elementor-button.elementor-button:focus {
box-shadow: 0 2px 4px 0 rgba(0,0,0,.08)
}
.apti-btn-std .elementor-button.elementor-button {
font-size: 1.2em;
font-weight: 700;
text-decoration: none;
line-height: 1em
}
.apti-btn-std a.elementor-button.elementor-button,.apti-btn-std .elementor-button.elementor-button {
color: var(--e-global-color-2d5f40b6);
background-color: var(--e-global-color-719917e);
border-radius: 8px 8px 8px 8px
}
.apti-btn-std a.elementor-button.elementor-button:hover,.apti-btn-std .elementor-button.elementor-button:hover,.apti-btn-std a.elementor-button.elementor-button:focus,.apti-btn-std .elementor-button.elementor-button:focus {
color: var(--e-global-color-2d5f40b6);
background-color: var(--e-global-color-769ce30)
}
.apti-btn-std .elementor-button.elementor-button:hover,.apti-btn-std .elementor-button.elementor-button:focus {
box-shadow: 0 2px 4px 0 rgba(0,0,0,.08)
}
.apti-btn-org .elementor-button.elementor-button {
font-size: 1.2em;
font-weight: 700;
text-decoration: none;
line-height: 1em
}
.apti-btn-org a.elementor-button.elementor-button,.apti-btn-org .elementor-button.elementor-button {
color: var(--e-global-color-2d5f40b6);
background-color: var(--e-global-color-ecdd4b3);
border-radius: 8px 8px 8px 8px
}
.apti-btn-org a.elementor-button.elementor-button:hover,.apti-btn-org .elementor-button.elementor-button:hover,.apti-btn-org a.elementor-button.elementor-button:focus,.apti-btn-org .elementor-button.elementor-button:focus {
background-color: var(--e-global-color-2c26c947);
color: var(--e-global-color-ecdd4b3);
}
.sk-light-bg .apti-btn-org a.elementor-button.elementor-button:hover,.sk-light-bg .apti-btn-org .elementor-button.elementor-button:hover,.sk-light-bg .apti-btn-org a.elementor-button.elementor-button:focus,.sk-light-bg .apti-btn-org .elementor-button.elementor-button:focus {
background-color: var(--e-global-color-2d5f40b6)
}
.apti-btn-org .elementor-button.elementor-button:hover,.apti-btn-org .elementor-button.elementor-button:focus {
box-shadow: 0 2px 4px 0 rgba(0,0,0,.08)
}
.apti-btn-hlw .elementor-button.elementor-button {
font-size: 1.2em;
font-weight: 700;
text-decoration: none;
line-height: 1em
}
.sk-dark-bg .apti-btn-hlw .elementor-button.elementor-button {
border-color: var(--e-global-color-2d5f40b6);
color: var(--e-global-color-2d5f40b6);
}
.apti-btn-hlw a.elementor-button.elementor-button,.apti-btn-hlw .elementor-button.elementor-button {
border-color: var(--e-global-color-34be3416);
color: var(--e-global-color-34be3416);
background-color: #0000;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1px 1px 1px 1px;
}
.apti-btn-hlw a.elementor-button.elementor-button:hover,.apti-btn-hlw .elementor-button.elementor-button:hover,.apti-btn-hlw a.elementor-button.elementor-button:focus,.apti-btn-hlw .elementor-button.elementor-button:focus {
border-color: var(--e-global-color-719917e);
color: var(--e-global-color-719917e);
background-color: #0000;
}
.apti-btn-hlw .elementor-button.elementor-button:hover,.apti-btn-hlw .elementor-button.elementor-button:focus {
box-shadow: 0 2px 4px 0 rgba(0,0,0,.08)
}
@media(max-width: 1024px) {
.elementor-button.elementor-size-xs {
font-size: 1.2em
}
.elementor-button.elementor-size-sm {
font-size: 1.2em
}
.elementor-button.elementor-size-md {
font-size: 1.2em
}
.elementor-button.elementor-size-lg {
font-size: 1.2em
}
.elementor-button.elementor-size-xl {
font-size: 1.2em
}
.elementor-button {
font-size: 1.2em
}
}
@media(max-width: 767px) {
.elementor-button.elementor-size-xs {
font-size: 1em
}
.elementor-button.elementor-size-sm {
font-size: 1em
}
.elementor-button.elementor-size-md {
font-size: 1em
}
.elementor-button.elementor-size-lg {
font-size: 1em
}
.elementor-button.elementor-size-xl {
font-size: 1em
}
.elementor-button {
font-size: 1em
}
}
/* Site Language Menu */
.apti-lang-parent .elementor-nav-menu--dropdown {
margin-left:-8em !important;
}
.apti-lang-menu {
background-repeat: no-repeat;
background-position: 6px;
background-size: auto 12px;
}
.apti-lang-menu .elementor-sub-item {
margin-left: 10px;
}
.apti-lang-en {
background-image: url('https://www.apptio.com/wp-content/uploads/flags/Flag_of_America_bordered.svg');
}
.apti-lang-ja {
background-image: url('https://www.apptio.com/wp-content/uploads/flags/Flag_of_Japan_bordered.svg');
}
/*inline code format for kubecost content */
.apti-kub-code code, code.apti-kub-code {
background-color: var(--e-global-color-2c26c947);
padding: 3px;
border-radius: 2px;
}
.apti-kub-code table code {
background-color: var(--e-global-color-2d5f40b6)
}
pre.apti-blog-code {
width:100%;
background: #2d2d2d;
margin-bottom: 20px;
overflow: auto;
padding: 1em;
color: #ccc;
font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
font-size: 1em;
text-align: left;
white-space: pre;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
-webkit-hyphens: none;
hyphens: none;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
max-height: 900px;
}
.apti-blog-note {
overflow: hidden;
background-color: var(--e-global-color-2c26c947);
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: var(--e-global-color-2c26c947);
box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 16%);
padding: 20px;
}
/* Fix for ABM slideout toggle button */
.apti-abm-slide .offcanvas-toggle-wrap .offcanvas-toggle-btn.position-fixed {
bottom: 0px !important;
right: 0px !important;
}
/* White background behind transparent lightbox images */
.elementor-lightbox-image
{
background-color: var(--e-global-color-2d5f40b6);
}
/* Podcast player global styling */
.castos-player {
font-family: inherit !important;
}
.castos-player .episode-title {
font-family:inherit !important;
}
.podcast_meta a:hover {
color: var( --e-global-color-719917e );
}
.castos-player .player {
border-radius: 8px !important;
}
.castos-player .player__main {
align-items:center !important;
}
.castos-player .play-progress .play-pause-controls .pause-btn, .castos-player .play-progress .play-pause-controls .pause-btn:hover {
background-color: transparent !important;
box-shadow: none !important;
}
.castos-player .playback__controls button, .castos-player .playback__timers {
opacity: .8 !important;
}
.castos-player.dark-mode .player-btn__speed{
font-size:.9em !important;
border:none !important;
}
.castos-player.dark-mode .player-btn__speed:hover, .castos-player.dark-mode .player-btn__speed:focus{
background-color: transparent !important;
box-shadow: none !important;
}
.ssp-subscribe-buttons {
justify-content: start !important;
}
.ssp-subscribe-buttons a {
background-color: transparent !important;
padding: 0px !important;
margin: 0px 20px 0px 0px !important;
font-weight: bold !important;
}
.ssp-subscribe-buttons a:hover {
background-color: transparent !important;
}
.ssp-subscribe-buttons a:hover>span {
text-decoration: underline !important;
color: var( --e-global-color-719917e ) !important;
}
.ssp-subscribe-buttons a span {
padding-left: 5px !important;
}
.ssp-subscribe-buttons a img {
width: 24px !important;
height: 24px !important;
}/* End custom CSS */