/* === Resource Main START === */
/* === Fixed Header start === */
/*.page-template-page-resources header,
.single-resource header,
.page-id-34889 header {
position: fixed !important;
width: 100% !important;
}*/
/* === Fixed Header end === */
.page-template-page-resources.avada-blog-layout-grid #main,
.page-template-page-resources .sc_prefooter {
background: #F9FAFF !important;
}
.single-resource.avada-blog-layout-grid #main,
.single-resource.fusion-top-header .fusion-header,
.page-id-34889 .fusion-header,
.page-id-34889.avada-blog-layout-grid #main {
background-color: #FFFFFF !important;
}
/*.single-resource.fusion-top-header .fusion-header,
.page-template-page-resources .fusion-header, */
.page-id-34889 .fusion-header {
background: linear-gradient(150deg, rgba(27,72,184,1) 0%, rgba(16,33,84,1) 70%, rgba(16,33,84,1) 100%) !important;
box-shadow: 10px 10px 10px #0000006b;
}
/* .single-resource .fusion-main-menu > ul > li > a,
.page-template-page-resources .fusion-main-menu > ul > li > a, */
.page-id-34889 .fusion-main-menu > ul > li > a {
color: white !important;
}
/* .single-resource .fusion-logo-link,
.page-template-page-resources .fusion-logo-link, */
.page-id-34889 .fusion-logo-link {
background-image: url(../png/consultport_logo-white-transparent-bg-02.png);
background-size: contain;
display: block;
background-repeat: no-repeat;
position: relative;
height: 23px;
width: 350px;
}
/* .single-resource .fusion-logo-link img,
.page-template-page-resources .fusion-logo-link img, */
.page-id-34889 .fusion-logo-link img {
display: none;
}
/* .single-resource .wpml-ls-menu-item .menu-text:before,
.page-template-page-resources .wpml-ls-menu-item .menu-text:before, */
.page-id-34889 .wpml-ls-menu-item .menu-text:before {
content: url(../png/globe_ico_white.png);
}
.single-resource .wpml-ls-menu-item .menu-text .wpml-ls-flag,
.page-template-page-resources .wpml-ls-menu-item .menu-text .wpml-ls-flag,
.page-id-34889 .wpml-ls-menu-item .menu-text .wpml-ls-flag {
display: none;
}
/*.single-resource .wpml-ls-menu-item .menu-text:before,*/
.page-template-page-resources .wpml-ls-menu-item .menu-text:before,
.page-id-34889 .wpml-ls-menu-item .menu-text:before {
content: url(../png/globe_ico_white.png)
}
.resources_download_btn1,
.resources_download_btn2 {
box-shadow: none !important;
}
/* === Single Resource Main END === */
/* === Search Resources Page START === */
.cp_resources {
margin: 0;
}
.cp_resources-filter {
width: 100%;
padding: 65px 25px 25px 0;
}
.cp_resources-main {
width: 100%;
padding: 0 0 20px;
position: relative;
margin-top: 50px;
}
.cp_resources-wrap {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.all_categories a,
.all_tags a,
.all_audience a {
color: #3C57C9;
font-size: 14px;
padding: 0 5px;
}
.cat-list_item,
.project-tiles a {
display: block;
}
.cat-list_item.active {
background: #597cd2;
color: white;
border-radius: 4px;
}
#res_output_wrap {
display: flex;
flex-wrap: wrap;
}
#res_output_wrap>a {
box-shadow: 0 4px 15px 2px #00000017;
transition: 0.3s ease-in-out;
background: white;
display: flex;
flex-direction: column;
position: relative;
width: 31% !important;
margin: 0 12px 25px;
}
#res_output_wrap>a:hover {
box-shadow: 0 10px 50px -5px #C2CDF4;
-webkit-transform: scale(1.014);
transform: scale(1.014);
transition: 0.3s ease-in-out;
}
#res_output_wrap a img {
object-fit: cover !important;
width: 100%;
display: flex;
align-items: center;
height: 200px;
}
.resources_preview.resource_cta {
width: 31%;
box-shadow: 0 0 11px #b6c7d6;
transition: 0.3s ease-in-out;
background: linear-gradient(45deg, #0E2168, #1E3898);
padding: 30px;
display: flex;
flex-direction: column;
position: relative;
margin: 0 12px 25px;
color: white;
}
.resources_preview.resource_cta>div:nth-child(1) {
height: auto;
flex-direction: column;
align-items: baseline;
margin: auto;
}
.res_preview_descr {
font-size: 14px;
line-height: 20px;
margin-top: 5px;
font-weight: 100 !important;
color: #555;
}
.res_preview_title {
color: #213343;
font-size: 1.1em;
font-weight: 600;
line-height: 1.3;
letter-spacing: 0.02em;
margin: 20px 0 10px;
font-size: 22px;
}
.search_bar button {
width: 100%;
}
.button.showloadme {
color: red;
}
.loader_area {
position: fixed !important; /* Force fixed positioning */
top: 0 !important;
left: 0 !important;
width: 100vw !important; /* Use viewport width */
height: 100vh !important; /* Use viewport height */
background: rgb(0 0 0 / 22%); /* Semi-transparent overlay */
z-index: 99999 !important; /* Very high z-index */
display: none; /* Hidden by default */
}
.loader_area.active {
display: flex !important; /* Use flexbox for centering */
align-items: center !important;
justify-content: center !important;
flex-direction: column !important;
}
.ajaxloader {
text-align: center;
padding: 20px;
}
.ajaxloader img {
width: 100px; /* or whatever size you want */
height: auto;
}
.res_list a {
color: blue !important;
}
.res_preview_taxonomy {
color: #AAA9A9;
font-size: 16px;
text-align: center;
padding-top: 20px;
margin-top: auto;
}
.res_preview_taxonomy:before {
content: "";
display: block;
width: 100%;
height: .5px;
background-color: #AFAFAF;
margin: 20px 0;
}
.wpforms-container .wpforms-field-label-inline a {
color: blue;
}
.resources_preview_featured {
width: 96% !important;
display: flex !important;
flex-direction: row !important;
margin-bottom: 15px;
}
.res_preview_content_featured {
color: black;
text-align: center;
padding: 10px 30px 0;
width: 70%;
display: flex;
flex-direction: column;
}
.res_preview_descr_featured {
line-height: 1.6;
font-size: 15px;
color: #555;
height: 100%;
display: flex;
}
h1, h2, h3, h4, h5, h6 {
margin: 0 !important;
}
.featured_badge {
background: #77C370;
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
position: absolute;
right: -14px;
line-height: 1;
padding: 4px 18px;
border-radius: 4px;
text-shadow: 1.72848px 1.72848px 1.72848px rgba(0, 0, 0, 0.25);
color: white;
}
.resources_preview_featured:hover .featured_badge {
color: white;
}
.res_preview_taxonomy_featured {
margin-top: auto;
}
.cp_resources-filter>img {
width: 50px;
padding-bottom: 10px;
}
.all_categories,
.all_tags,
.all_audience {
margin-top: 30px;
}
.search_bar_field {
position: relative;
}
.search_bar_field button {
position: absolute;
width: 50px;
height: 20px;
top: 6px;
right: -18px;
border: none;
background: #ffffff00;
cursor: pointer;
}
.search_bar_field img {
width: 20px;
}
.search_bar_field input {
width: 112% !important;
border-radius: 4px !important;
height: 35px !important;
}
.res_output_nothing {
text-align: center !IMPORTANT;
width: 100%;
margin-top: 200px;
border-radius: 6px;
color: #636363;
}
.res_pagination a {
color: #597cd2;
}
.res_pagination {
text-align: center;
margin-top: 50px;
width: 100%;
}
.res_pagination .prev,
.res_pagination .next {
position: relative;
}
/* .res_pagination .prev::before {
content: '';
position: absolute;
top: 50%;
width: 6px;
height: 6px;
border-top: 3px solid #597cd2;
border-right: 3px solid #597cd2;
left: -15px;
-webkit-transform: translate3d(0, -50%, 0) rotate(-135deg);
transform: translate3d(0, -50%, 0) rotate(-135deg);
}
.res_pagination .next::before {
content: '';
position: absolute;
top: 50%;
width: 6px;
height: 6px;
right: -15px;
border-top: 3px solid #597cd2;
border-right: 3px solid #597cd2;
-webkit-transform: translate3d(0, -50%, 0) rotate(45deg);
transform: translate3d(0, -50%, 0) rotate(45deg);
} */
.res_pagination .page-numbers {
color: #455064;
font-size: 18px;
}
.res_pagination .page-numbers:hover {
color: #0542e0;
}
.res_pagination .page-numbers.current {
background: transparent !important;
color: #1522B6 !important;
border: none !important;
border-bottom: 2px solid #1522B6 !important;
font-weight: 600;
margin: 0 !important;
width: 30px;
}
.resources_preview>.res_preview_img_featured {
min-height: 200px;
display: flex;
align-items: center;
overflow: hidden;
}
/* === Search Resources Page END === */
/* === Single Resource Page START === */
.single-resource.fusion-top-header .fusion-header,
.single-resource.avada-blog-layout-grid #main {
background-color: #FFFFFF !important;
}
.single-resource .fusion-sharing-box {
display: none;
}
.resources_popup_btn button {
background: #ff5c35;
border: none;
color: white;
padding: 10px 30px;
border-radius: 4px;
font-size: 18px;
cursor: pointer;
}
.resources_popup_btn button:hover,
.resources_popup_btn1:hover,
.resources_popup_btn1:focus {
background: #ef4219 !important;
}
.resources_popup_btn {
text-align: left !important;
}
form .progress {
color: black;
}
.resources_popup .modal-dialog {
width: 100%;
max-height: 100% !important;
height: 100% !important;
background: white;
}
.resources_popup #gform_confirmation_message_14 h2>span {
color: black !important;
}
.resources_popup .modal-content.fusion-modal-content {
max-width: 100%;
margin: 0 auto;
box-shadow: none;
}
.resources_popup .modal-header {
padding-top: 150px;
}
.resources_popup .modal-body {
max-width: 900px;
margin: 0 auto;
}
.resources_popup .close {
position: absolute !important;
right: 20px !important;
top: 50px;
}
.modal-dialog {
margin-top: 0 !important;
}
/*.lp2_content {
display: none !important
}*/
.hideme {
display: none !important;
}
.showme {
display: block !important;
}
/*body.single-resource {
display: none;
}*/
.single-resource .entry-title {
display: none;
}
.single-resource .wpforms-container button {
background: #ef4219 !important;
color: white !IMPORTANT;
}
.single-resource .wpforms-container .wpforms-page-prev {
background: white !important;
color: black !important;
}
.single-resource #wpforms-34987-field_30-container {
margin-top: 16px;
}
.single-resource .resources_popup .modal-body img {
height: 50px;
}
.single-resource blockquote {
border-left: 8px solid #7D8FDB !important;
background: none !important;
font-style: initial !important;
font-size: 24px !important;
line-height: 1.4;
margin-left: 0 !important;
padding-top: 0 !important;
margin-top: 0 !important;
padding-bottom: 0 !important;
}
.single-resource blockquote p {
font-size: 24px !important;
line-height: 1.4;
}
.single-resource .fusion-accordian .fusion-panel {
box-shadow: none !important;
}
.single-resource .fusion-toggle-heading {
color: black;
}
.single-resource .fusion-toggle-icon-wrapper {
margin-right: 20px;
}
.single-resource .panel-title.toggle a {
padding: 5px 0 !important;
}
.lp2_content_col {
border-radius: 10px;
box-shadow: 5px 5px 20px #dedede;
padding: 30px !important;
min-height: 460px;
}
.lp2_content_col img {
max-height: 200px !important;
object-fit: contain;
}
.lp2_content_col .fusion-text {
align-items: center;
justify-content: center;
display: flex;
flex-direction: column;
margin: 20px 0 0;
}
.lp2_content_col p,
.lp2_content_col .fusion-text p {
margin: 0;
}
.lp2_content_col .fusion-image-element {
height: 200px;
display: flex;
align-items: center;
justify-content: center;
}
.single-resource .panel-collapse {
margin-left: 50px !important;
}
.lp1wave_top .section-separator.hills-opacity {
height: 50px !important;
}
.lp2_content>div {
margin: 0 auto !important;
}
.single-resource h1 {
line-height: 1.2 !important;
}
.resources_download_btn2:hover,
.resources_download_btn2:active,
.resources_download_btn2:focus {
background: #5b0ac2 !important;
}
.single-resource p {
font-size: 16px;
}
.single-resource .toggle-content p {
font-size: 18px;
}
.lp1_checklist h3 {
font-size: 30px !important;
line-height: 1.2 !important;
font-weight: 900 !important;
}
.single-resource .lp1_faq .fusion-title {
display: inline-block;
}
.lp2_content_col1 {
overflow: hidden;
}
.lp2_orange_bar {
height: 6px;
border-radius: 6px;
width: 100%;
color: red !important;
background: #FC5A43;
border: 1px dashed;
z-index: 9999 !important;
position: absolute;
top: 99.5%;
left: 50%;
transform: translate(-50%, -50%);
}
.metaslider.cp_res_slider .rslides_nav.prev {
left: -10% !important;
position: absolute !important;
}
.metaslider.cp_res_slider .rslides_nav.next {
right: -10% !important;
position: absolute !important;
}
.metaslider.cp_res_slider .rslides_tabs {
bottom: -35px !important;
display: flex !important;
align-items: center;
justify-content: center !important;
}
.metaslider.cp_res_slider .rslides_tabs>li>a {
border: 1px solid #D2D6DE !important;
height: 10px !important;
width: 10px !important;
background: none !important;
}
.metaslider.cp_res_slider .rslides_tabs>.rslides_here>a {
background: #afafaf !important;
}
.rslides_tabs a {
background: #d2d6de !important;
border-radius: 50% !important;
}
.single-resource .flexslider {
box-shadow: 0px 4px 10px #00000036 !important;
}
.metaslider.ms-theme-outline a.rslides_nav {
background-color: #ffffff !important;
border: 0 solid #fff !important;
background-image: none !important;
color: #8f8f90 !important;
height: 30px !important;
display: flex;
width: 30px !important;
max-width: 30px !important;
font-size: 20px;
align-items: center;
justify-content: center;
font-family: monospace;
border-radius: 50%;
box-shadow: 0 0 4px 0 rgba(0,0,0,0.2) !important;
}
.metaslider.ms-theme-outline a.rslides_nav::before {
display: none !important;
}
.lp1cta_bottom .fusion-layout-column:nth-child(2)>div>a {
text-align: right !important;
}
.metaslider .rslides {
box-shadow: 0 1px 5px 0 rgba(33,51,67,0.12);
}
.lp1cta_bottom h4 {
padding-right: 25% !important;
}
.lp1_content .lp1top_pretitle>p,
.lp1_content .lp1top_pretitle {
width: 100%;
margin: 0 !important;
}
.single-resource .lp1_wave_txt .fusion-text>p {
font-size: 16px !important;
}
.lp2_content h3 {
font-weight: 900 !important;
}
.lp1top_pretitle>p:nth-child(2) {
padding-bottom: 10px;
}
.lp2_content h2 {
font-size: 42px !important;
font-weight: 900 !important;
}
/*.metaslider ul>li {
display: flex;
align-items: center;
}
.metaslider ul>li>img {
width: auto !important;
}
.metaslider .rslides img {
box-shadow: 0 1px 5px 0 rgba(33,51,67,.12);
}
.metaslider .rslides {
box-shadow: none;
}*/
/* === Single Resource Page END === */
/* === Multi-Step Contact START === */
.single-resource .modal-content {
border: none !important;
}
.single-resource .modal-content pre,
#lp1_title_output {
font-weight: 900;
font-size: 40px;
margin: 0;
line-height: 1;
}
.single-resource .modal-content img {
margin-bottom: 60px;
}
.single-resource .modal-content .wpforms-page-indicator-steps {
font-size: 14px !important;
}
.single-resource .modal-content .wpforms-field-pagebreak>div {
display: flex;
}
.single-resource .modal-content .wpforms-page-prev {
margin-right: auto !important;
}
.single-resource .modal-content .wpforms-page-next {
margin-left: auto !important;
}
.single-resource .wpforms-page-button.wpforms-page-next,
.single-resource .wpforms-submit-container .wpforms-submit {
border-radius: 6px;
font-weight: 600 !important;
background: #FC5A43 !important;
margin-right: 0 !important;
font-size: 14px !important;
}
.single-resource .wpforms-submit-container .wpforms-submit {
padding: 10px 40px !important;
}
.single-resource .wpforms-page-button.wpforms-page-prev {
border-radius: 6px;
font-weight: 500 !important;
color: #FC5A43 !important;
border: 2px solid #FC5A43 !important;
}
.single-resource .modal-content input,
.single-resource .modal-content select {
border: 1px solid #D2D4DA !important;
box-shadow: 0px 2px 2px rgb(0 0 0 / 9%);
}
.single-resource #wpforms-34987-field_4-container {
width: 40%;
}
.single-resource #wpforms-34987-field_4-container>div {
display: flex;
justify-content: left;
}
.single-resource .wpforms-submit-container {
margin-top: -55px !important;
display: flex;
justify-content: end;
width: 50% !important;
margin-left: 34% !important;
}
.single-resource .wpforms-field-required li label {
font-size: 14px !important;
}
.single-resource .wpforms-submit-container {
align-items: start !important;
}
.single-resource .fusion-modal {
overflow: hidden;
}
.single-resource .fusion-modal input,
.single-resource .fusion-modal select {
background: #F6F9FC !important;
}
.single-resource .wpforms-page-indicator-page {
font-size: 20px !important;
font-weight: 900 !important;
}
.single-resource .wpforms-page-indicator-page>span {
color: white !important;
}
.single-resource .wpforms-page-indicator-page {
margin: 0 40px !important;
}
.single-resource .wpforms-field-container,
.single-resource .wpforms-recaptcha-container {
width: 70% !important;
margin: 0 auto !important;
}
.single-resource .wpforms-recaptcha-container {
padding-left: 10px !important;
padding-right: 10px !important;
}
.single-resource .wpforms-layout-column>div {
padding: 0 !important;
}
.single-resource .wpforms-field-gdpr-checkbox a {
color: #3372E0;
}
.single-resource .wpforms-conditional-field {
font-weight: bold;
font-size: 16px !important;
}
#lp1_title_output {
font-weight: 900;
font-size: 40px;
margin: 0;
line-height: 1.4;
text-align: center;
padding: 10px 0;
}
#wpforms-34987-field_3-container {
display: none;
}
#wpforms-34987-field_19-container {
padding: 0 10px !important;
}
.wpforms-page>.res_email-label {
padding: 6px 10px 0 !important;
}
.single-resource .wpforms-page-indicator.circles {
border: none !important;
display: flex;
position: absolute;
justify-content: center;
top: -70px;
left: 0;
right: 0;
margin: 0 auto;
}
.respopup_progress {
top: -50px !important;
left: 0;
right: 0;
text-align: center;
position: absolute !important;
}
/* === Multi-Step Contact END === */
/* === Resourcess Success Page START === */
.res_suc {
text-align: center;
background: white;
}
#wpforms-34987>div {
background: white;
border: none;
}
.res_suc_img1>img {
height: 45px !important;
margin-bottom: 50px !important;
}
.res_suc_img2>img {
height: 80px !important;
}
.hide_res_formTitle {
display: none !important;
}
.res_suc_info {
margin-top: 30px;
font-size: 16px;
line-height: 22px;
}
/* === Resourcess Success Page END === */
/* === Mobile Optimisation START === */
@media screen and (max-width: 1080px) {
.cp_resources-wrap {
flex-direction: column;
}
.cp_resources-filter {
width: 100%;
}
.search_bar_field input {
width: 100% !important;
}
.search_bar_field button {
right: 8px;
}
.resources_taxonomy_all {
display: flex;
justify-content: space-between;
}
.cp_resources-main {
width: 100%;
}
.cp_resources-filter>img {
display: none;
}
.resources_preview_featured {
flex-direction: column !important;
}
.res_preview_img_featured,
.res_preview_content_featured {
width: 100%;
}
#res_output_featured {
margin-bottom: 0;
}
#res_output_featured {
width: 45%;
}
.resources_preview_featured {
width: 100% !important;
}
#res_output_wrap {
justify-content: space-around;
}
.lp1top>div {
flex-direction: column-reverse;
}
}
@media screen and (max-width: 900px) {
/* .single-resource .post-content {
margin-top: 100px;
}*/
.wpforms-one-half,
.wpforms-field-medium {
width: 100% !important;
max-width: 100% !important;
margin: 20px 0 !important;
}
.single-resource .modal-content pre {
font-size: 25px;
}
.lp1_success h1 {
font-size: 25px !important;
margin-bottom: 20px !important;
}
.single-resource .resources_popup .modal-body img {
height: 30px;
}
.lp1_success {
margin-top: 100px !important;
margin-bottom: 50px !important;
}
.lp1_wave_txt>div {
margin: 50px 0 !important;
}
.featured_badge {
top: 30px;
}
.single-resource h1 {
font-size: 32px !important;
}
.single-resource h3,
.lp1cta_bottom h4 {
font-size: 24px !important;
line-height: 1.2 !important;
}
.single-resource #content .non-hundred-percent-height-scrolling {
padding: 0px 30px !important;
}
.single-resource .modal-content pre,
#lp1_title_output {
font-size: 20px;
}
.single-resource .wpforms-field-container {
width: 100% !important;
}
.lp2_content h1 {
font-size: 24px !important;
}
.lp2_content p {
width: 80%;
margin: 20px auto 0 !important;
}
.modal-header_success {
padding-top: 100px !important;
}
.res_suc_img1>img {
height: 30px !important;
}
}
@media screen and (max-width: 800px) {
.resources_popup_btn,
.lp1cta_bottom .fusion-layout-column:nth-child(2)>div>a {
width: 100%;
text-align: center !important;
}
.lp1_checklist .fusion-text {
margin: 0 auto !important;
}
.lp1_checklist ul {
margin: 30px auto 0 !important;
}
.lp1_slider>.fusion-column-wrapper {
padding: 0 10px !important;
}
.lp1_faq .fusion-column-wrapper {
padding: 0 5% !important;
}
.lp1cta_bottom .fusion-row {
padding: 0 5% !important;
}
.lp1_wave_txt .fusion-text {
padding: 0 5% !important;
}
.lp1_faq {
top: -70px !important;
}
.lp1cta_bottom h4 {
padding-right: 0 !important;
text-align: center;
}
.metaslider.cp_res_slider .rslides_tabs {
bottom: -25px !important;
}
.lp1_slider {
margin: 50px 0 20px !important;
}
.metaslider.cp_res_slider .rslides_nav.next {
right: -15% !important;
top: 60% !important;
display: none;
}
.metaslider.cp_res_slider .rslides_nav.prev {
left: -15% !important;
top: 60% !important;
display: none;
}
.lp1wave_top .fusion_builder_column {
margin-top: 100px !important;
}
.single-resource .modal-dialog {
margin: 0 !important;
}
.single-resource .wpforms-clear.wpforms-pagebreak-left {
flex-wrap: wrap;
}
.single-resource .wpforms-submit-container {
margin-left: auto !important;
margin-top: -60px !important;
}
.single-resource .wpforms-recaptcha-container {
display: flex;
justify-content: center;
}
.single-resource .last .wpforms-page-prev {
width: 100% !important;
margin-bottom: 0px !important;
}
.single-resource .rslides_tabs li {
margin-left: 10px !important;
}
#res_output_featured,
#res_output_wrap a {
width: 100%;
}
.single-resource .fusion-mobile-menu-icons .awb-icon-search:before,
.page-template-page-resources .fusion-mobile-menu-icons .awb-icon-search:before,
.page-id-34889 .fusion-mobile-menu-icons .awb-icon-search:before,
.single-resource .fusion-mobile-menu-icons .awb-icon-bars:before,
.page-template-page-resources .fusion-mobile-menu-icons .awb-icon-bars:before,
.page-id-34889 .fusion-mobile-menu-icons .awb-icon-bars:before {
color: #ffffff !important;
background: #f4f4f500;
}
.single-resource blockquote {
width: 100%;
}
.single-resource blockquote p strong {
font-size: 22px !important;
}
.lp1cta_bottom p {
text-align: center;
}
.single-resource .fusion-fullwidth.lp1top {
margin-bottom: 50px !important;
}
}
@media screen and (max-width: 550px) {
.resources_taxonomy_all {
flex-direction: column;
}
.cp_resources-main {
padding: 0;
}
.cp_resources-filter.active {
display: block;
background: white !important;
padding: 20px;
box-shadow: 0 0 11px #b6c7d6;
}
}
/* === Mobile Optimisation END === */
/* === Resources Post Template === */
#respost_topsection {
padding: 0;
margin-top: 88px;
height: calc(100% - 360px) !important;
background-size: cover;
z-index: 99;
}
#respost_topsection h1 {
padding: 50px 40px;
color: white;
font-weight: 400;
max-width: 470px;
}
#respost_topsection-side {
margin: 180px 0 !important;
width: 40%;
z-index: 99;
bottom: 0;
background: #081958;
}
#respost_topsection-side>div {
margin: 0;
display: flex;
align-items: end;
padding-left: 20px;
}
#respost_topsection-side .fusion-text {
max-width: 495px;
}
/* === Resource white header === */
.cp_white_header .fusion-logo-link {
background-image: url(../svg/cp_bb_logo.svg);
background-repeat: no-repeat;
background-size: contain !important;
width: 380px;
height: 30px;
}
.cp_white_header .fusion-logo-link img {
display: none;
}
.single-resource.cp_white_header.fusion-top-header .fusion-header {
background: none !important;
box-shadow: none;
}
.single-resource.cp_white_header .fusion-main-menu > ul > li > a {
color: black !important;
}
@media screen and (max-width: 800px) {
.single-resource.cp_white_header .post-content {
margin-top: 80px !important;
}
}
#respost_4cols {
background: #1e3898;
bottom: 0;
padding: 20px 0;
}
#respost_4cols h4 {
color: white;
font-size: 23px;
font-weight: 600;
}
#respost_4cols p {
line-height: 1.4;
margin: 0;
padding-top: 10px;
font-size: 17px;
}
.respost_4cols_item {
margin: 0 !important;
border-right: 1px solid white !important;
padding: 20px 0;
color: white;
min-height: 150px;
}
.respost_4cols_item:last-child {
border: none !important;
}
#respost_challenge_pretitle p,
#respost_approach_pretitle p,
#respost_solution_pretitle p,
#respost_results_pretitle p,
#respost_blog_pretitle p {
margin: 0;
font-weight: 700;
padding-bottom: 10px;
}
#respost_challenge_title em,
#respost_approach_title em,
#respost_solution_title em,
#respost_results_title em {
background: #FFE600;
font-style: initial;
padding: 3px 8px;
color: black;
}
#respost_challenge,
#respost_approach,
#respost_solution,
#respost_results,
#respost_blog,
#respost_cta {
padding: 50px 20px;
}
#respost_challenge_title,
#respost_approach_title,
#respost_solution_title,
#respost_results_title,
#respost_blog_title {
padding-bottom: 20px;
}
#respost_approach_pretitle p,
#respost_approach_title h3,
.respost_approach_txt p {
color: white;
font-weight: 100;
}
.respost_challenge_txt p,
.respost_approach_txt p,
.respost_solution_txt p,
.respost_results_txt p {
margin: 0;
}
#respost_results>div {
padding: 0 150px !important;
}
.respost_results_infographic img {
height: 80px;
width: auto !important;
}
.respost_results_infographic_title p {
margin: 0 !important;
padding: 16px 0 10px;
color: #2059BC;
font-weight: 600;
font-size: 18px !important;
}
#respost_testimonial_img img {
width: 50px;
padding-bottom: 30px;
}
#respost_testimonial>div {
padding: 50px 100px 20px !important;
}
#respost_cta_title h3,
#respost_cta_descr p {
color: white;
font-weight: 100;
}
#respost_cta_descr p {
color: white;
margin: 0;
padding: 30px 0;
padding-right: 50px;
}
.respost_btn {
box-shadow: none !important;
padding: 10px 40px !important;
font-weight: 400 !important;
text-transform: inherit !important;
font-size: 18px !important;
}
#respost_emptyspace {
padding: 40px;
}
#respost_challenge_title h3,
#respost_solution_title h3,
#respost_results_title h3,
#respost_blog_title h3,
#respost_approach_title h3 {
font-weight: 100;
font-size: 24px;
}
#respost_challenge p,
#respost_approach p,
#respost_solution p,
#respost_results p,
#respost_cta_descr p {
text-align: justify;
line-height: 1.5;
font-size: 15px;
}
/* Blog Post Slider */
.blog_slider {
width: 100%;
margin: 0 auto;
overflow: hidden;
padding: 0 45px !important;
}
.blog_slider .swiper-slide a {
color: black;
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
}
.blog_slider .swiper-slide a:hover {
color: black;
}
.blog_slider .blogpost_title {
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 1.4;
text-align: left;
padding-top: 20px;
}
.blog_slider .blogpost_descr {
font-size: 13px;
line-height: 1.6;
text-align: left;
padding: 10px 0;
}
.blog_slider .blogpost_img_featured {
display: flex;
overflow: hidden;
align-items: baseline;
width: 100%;
}
.blogpost_img_featured img {
object-fit: cover;
width: 100%;
}
.blog_slider .swiper-button-next,
.blog_slider .swiper-button-prev {
height: 14px;
background-image: none !important;
height: 30px;
width: 30px;
border: 1px solid #cfd0d5;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #90949E;
font-family: monospace;
top: 40%;
font-size: 20px;
}
.blog_slider .swiper-button-next:after,
.blog_slider .swiper-button-prev:after {
font-size: 12px;
}
#respost_blog {
margin-bottom: 50px;
}
.blog_slider .swiper-button-prev {
left: 0px;
}
.blog_slider .swiper-button-next {
right: 0px;
}
#respost_testimonial_txt h3 {
font-size: 28px;
}
#respost_cta_title h3 {
font-size: 29px;
padding-right: 20%;
}
@media screen and (max-width: 1100px) {
.blog_slider .swiper-button-next,
.blog_slider .swiper-button-prev {
display: none;
}
.blog_slider {
padding: 0 !important;
}
}
/* === Mobile Optimisation === */
@media screen and (max-width: 1180px) {
#respost_topsection h1 {
font-size: 32px;
padding-left: 20px;
}
#respost_testimonial>div {
padding: 50px 20px !important;
}
#respost_results>div {
padding: 0 20px !important;
}
#respost_cta {
text-align: center;
}
}
@media screen and (max-width: 1024px) {
.respost_4cols_item {
border-bottom: 1px solid white !important;
border-right: none !important;
}
}
@media screen and (max-width: 800px) {
#respost_topsection-side {
width: 100%;
background: transparent;
--awb-bg-color: none !important;
margin: 0 !important;
}
#respost_topsection {
height: auto !important;
}
#respost_topsection-side>div {
padding: 20px;
align-items: center;
}
#respost_topsection>div {
padding: 50px 100px;
}
.single-resource #content .non-hundred-percent-height-scrolling#respost_challenge,
.single-resource #content .non-hundred-percent-height-scrolling#respost_approach,
.single-resource #content .non-hundred-percent-height-scrolling#respost_solution,
.single-resource #content .non-hundred-percent-height-scrolling#respost_results,
.single-resource #content .non-hundred-percent-height-scrolling#respost_blog,
.single-resource #content .non-hundred-percent-height-scrolling#respost_cta {
padding: 20px 20px !important;
}
.single-resource #content .non-hundred-percent-height-scrolling#respost_cta {
padding-top: 30px !important;
}
#respost_topsection h1 {
padding: 10px;
text-align: center;
color: #081858;
font-weight: 600;
}
#respost_cta_img img {
width: 200px;
}
.single-resource.cp_white_header.fusion-top-header .fusion-header {
background-color: white !important;
}
#respost_cta_title h3 {
padding-right: 0;
}
}
#respost_testimonial_position p {
margin: 0;
padding-top: 20px;
font-weight: 600;
}
#respost_testimonial_name p {
margin: 0;
}
/* === Resources Bottom Bar === */
.cp_white_header header.fusion-header-wrapper {
background: white;
}
/*#respost_topsection>div {
position: relative;
}*/
#respost_bottombar_header {
background: #FF5C35;
padding: 20px;
}
.respost_bottombar_txt {
font-size: 24px;
z-index: 999 !important;
}
#respost_bottombar_header>div {
display: flex;
align-items: center;
flex-direction: row;
justify-content: space-between;
color: white;
}
#respost_bottombar_main,
#respost_bottombar_header>div {
max-width: 1100px;
margin: 0 auto;
position: relative;
}
.respost_bottombar_close {
font-size: 80px;
line-height: 1;
height: 60px;
width: 60px;
margin: 0 auto !important;
cursor: pointer;
position: absolute;
top: -40px !important;
z-index: 999;
background: #FF5C35;
border-radius: 100%;
display: flex;
align-items: center;
padding: 0;
}
.respost_bottombar_hide {
cursor: pointer;
display: flex;
align-items: center;
}
#respost_bottombar_main {
padding: 50px 0;
height: auto;
}
#respost_bottombar.active #respost_bottombar_main {
display: block;
margin-top: 50px;
}
#respost_bottombar.hide .respost_bottombar_txt,
#respost_bottombar.hide .respost_bottombar_hide {
display: none;
}
#respost_bottombar.active {
max-height: fit-content;
transform: translate3d(0px, -610px, 0px);
align-items: flex-start;
z-index: 999999;
}
#respost_bottombar {
position: fixed;
top: auto !important;
z-index: 99999;
left: 0;
right: 0;
transition: transform 300ms ease-out;
bottom: -610px;
padding: 0;
}
#respost_bottombar.hide {
bottom: -610px;
}
.respost_bottombar_hide:before {
content: '\00d7';
font-size: 1.8em;
margin-right: 10px;
}
.respost_bottombar_close:before {
content: " ";
background-image: url(../png/bottombar_arrow.png);
width: 100%;
height: 35px;
background-repeat: no-repeat;
transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
background-position: bottom;
display: inline-block !important;
margin: 0 18px !important;
transform: rotate(-180deg);
background-size: contain;
}
#respost_bottombar.active .respost_bottombar_close:before {
content: " ";
transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
transform: rotate(0deg);
margin: 0 25px 0 0;
background-position: top;
}
#respost_bottombar_header>div,
#respost_bottombar_main>div {
width: 100vw;
margin: 0 auto;
padding: 0 20px;
max-width: 1100px;
}
#gfield_consent_description_6_10,
#gfield_consent_description_18_10,
#gfield_consent_description_19_10 {
border: none;
padding: 10px 0 0 5px;
margin: 0;
overflow: hidden;
}
#gfield_consent_description_6_10 a {
color: black;
}
#gfield_consent_description_6_10 a:hover {
color: blue;
}
#gform_wrapper_6 label,
#gform_wrapper_6 .gfield_consent_description,
#gform_wrapper_18 label,
#gform_wrapper_18 .gfield_consent_description,
#gform_wrapper_19 label,
#gform_wrapper_19 .gfield_consent_description {
font-weight: 700 !important;
}
#gform_wrapper_6 .gform_button.button,
#gform_wrapper_18 .gform_button.button,
#gform_wrapper_19 .gform_button.button {
background: #FC5A43 !important;
color: white !important;
text-transform: capitalize !important;
font-weight: 700 !important;
padding: 15px 50px !important;
box-shadow: none !important;
}
#gform_wrapper_6 .gform_button.button:hover,
#gform_wrapper_18 .gform_button.button:hover,
#gform_wrapper_19.gform_button.button:hover {
background: #ef4219 !important;
}
#field_6_10,
#field_18_10,
#field_19_10 {
padding-top: 30px;
}
#gform_fields_6 .gfield,
#gform_fields_18 .gfield,
#gform_fields_19 .gfield {
padding-bottom: 14px;
}
#respost_4cols>div {
max-width: 1100px;
margin: 0 auto;
}
.active#respost_bottombar_overlay {
z-index: 99999;
background: #000000a1;
width: 100vw;
position: absolute;
top: -100px;
left: 0;
height: 120% !important;
display: block;
}
#respost_bottombar_overlay {
display: none;
}
.active#respost_bottombar_overlay {
display: block;
}
#field_6_9,
#field_18_9,
#field_19_9 {
width: 50%;
}
/* === Bottom bar resources post - Mobile Optimisation === */
@media only screen and (max-width: 1366px) and (max-height: 768px) {
#respost_bottombar.active {
transform: translate3d(0px,-550px,0px);
}
#respost_bottombar_header {
padding: 5px;
}
.respost_bottombar_close {
top: -30px !important;
}
#respost_bottombar.hide {
top: calc(100vh - 10px)!important;
}
}
@media only screen and (max-width: 800px) {
#respost_bottombar.active {
max-height: 95%;
overflow-y: scroll;
}
#respost_bottombar.active .respost_bottombar_close:before {
margin: 40px 18px 0!important;
}
#respost_bottombar.active .respost_bottombar_close {
top: 30px !important;
}
#respost_bottombar_header>div,
#respost_bottombar_main>div {
width: 100%;
}
#respost_bottombar {
bottom: -82%;
}
#respost_bottombar.active {
transform: translate3d(0px, -82%, 0px);
}
#respost_bottombar.hide {
bottom: -82%;;
}
.single-resource #content #respost_bottombar {
padding: 0 !important;
}
}
@media only screen and (max-height: 700px) {
#respost_topsection {
height: auto !important;
padding: 20px 0;
}
}
/* for mobile phones */
@media (max-width: 800px) and (orientation: landscape) {
#respost_bottombar.active {
overflow: scroll !important;
height: 100vh;
}
#respost_bottombar {
top: calc(100vh - 50px)!important;
bottom: unset;
}
.respost_bottombar_hide {
display: none;
}
}
/* for small laptops */
@media (max-height: 800px) and (orientation: landscape) {
#respost_bottombar.active {
overflow: scroll !important;
height: 100vh;
}
#respost_bottombar {
top: calc(100vh - 53px)!important;
bottom: unset;
}
#respost_bottombar.active .respost_bottombar_close:before {
margin: 40px 18px 0!important;
}
#respost_bottombar.active .respost_bottombar_close {
top: 10px !important;
}
#gform_fields_6 .gfield {
padding-bottom: 0px;
}
#field_6_10,
#field_6_18,
#field_6_19 {
padding-top: 0px;
}
/* .respost_bottombar_hide {
display: none;
}*/
}
@media only screen and (max-width: 650px) {
#respost_bottombar_main {
margin-top: 0 !important;
}
#respost_bottombar_main {
padding: 0;
}
#respost_bottombar {
top: calc(100vh - 50px) !important;
bottom: unset;
}
#gform_fields_6 .gfield {
padding-bottom: 0px;
}
#field_6_10,
#field_6_18,
#field_6_19 {
padding-top: 0px;
}
.gform_wrapper.gravity-theme .ginput_complex label,
.gform_wrapper.gravity-theme .gfield_label,
#gform_wrapper_6 .gfield_consent_description,
#gform_fields_6 label,
#gform_wrapper_18 .gfield_consent_description,
#gform_fields_18 label,
#gform_wrapper_19 .gfield_consent_description,
#gform_fields_19 label {
font-size: 12px !important;
}
#respost_bottombar.active {
transform: translate3d(0px, -90%, 0px);
}
.respost_bottombar_hide {
display: none;
}
#gform_fields_6 label {
font-size: 14px;
}
#respost_bottombar_header {
padding: 10px;
}
.respost_bottombar_txt {
font-size: 16px;
}
#respost_bottombar.active .respost_bottombar_close:before {
margin: 30px 9px 0!important;
}
.respost_bottombar_close {
height: 40px;
width: 40px;
}
#respost_bottombar.active .respost_bottombar_close {
top: 15px !important;
}
.respost_bottombar_close {
top: -30px !important;
}
.respost_bottombar_close:before {
margin: 10px 9px 0!important;
}
#gfield_consent_description_6_10 {
padding: 0;
}
#respost_cta_descr p {
padding: 20px 0;
text-align: center !important;
}
.blog_slider .swiper-button-next,
.blog_slider .swiper-button-prev {
display: none;
}
#respost_bottombar.active #respost_bottombar_main {
padding-bottom: 50px !important;
}
#respost_challenge_title h3, #respost_solution_title h3, #respost_results_title h3, #respost_blog_title h3, #respost_approach_title h3 {
line-height: 1.6 !important;
}
#field_6_9,
#field_18_9,
#field_19_9 {
width: 100%;
}
}
/* === Resources Contact Form === */
.resource_contform {
width: 30%;
border-radius: 8px;
box-shadow: 0 0 11px #b6c7d6;
transition: 0.3s ease-in-out;
background: white;
display: flex;
flex-direction: column;
position: relative;
margin-bottom: 25px;
margin-left: 25px;
}
.resource_contform_main {
height: 100% !important;
display: flex !important;
align-items: start !important;
justify-content: center;
padding: 30px 20px 0;
flex-direction: column;
}
.resource_contform a {
width: 100% !important;
margin: 30px 0 10px !important;
box-shadow: none !important;
background: none !important;
padding: 0 !important;
}
.resource_contform_title {
line-height: 1.4;
font-weight: 600;
font-size: 22px;
margin: 20px 0 25px;
}
.resource_contform_label {
font-size: 12px;
font-weight: 600;
padding-bottom: 5px;
}
.resource_contform_label span {
color: #F0442C;
}
.resource_contform a button {
border: none;
background: #FC5A43;
color: white;
padding: 10px;
border-radius: 6px;
font-size: 18px;
}
.resource_contform a button:hover {
background: #ef4219;
cursor: pointer;
}
.resource_contform a:hover {
transform: none !important;
}
input#resource_contform_input {
border-radius: 4px !important;
height: 36px;
border: 1px solid #BDC9DD;
}
.resource_contform_subtitle {
font-size: 13px;
line-height: 1.4;
margin-top: 15px;
}
/* === Resources POPUP Contact Form === */
#resources_popup_v2 .respopup_progress img {
height: 50px;
}
.res_popup_title1 {
font-weight: 900;
font-size: 26px;
margin: 0;
line-height: 1;
}
.res_popup_title {
text-align: center;
}
.res_popup_title2 {
padding-top: 30px;
}
#resources_popup_v2 .wpforms-page-next,
#resources_popup_v2 .wpforms-submit {
border-radius: 6px;
font-weight: 600 !important;
background: #FC5A43 !important;
margin-right: 0 !important;
font-size: 14px !important;
color: white !important;
margin-left: auto !important;
}
#resources_popup_v2 .wpforms-submit {
padding: 10px 40px !important;
}
#resources_popup_v2 .wpforms-field-pagebreak>div {
display: flex;
}
#resources_popup_v2 .modal-content input, #resources_popup_v2 .modal-content select {
border: 1px solid #D2D4DA !important;
background: #F6F9FC !important;
}
#resources_popup_v2 .wpforms-page-prev {
border-radius: 6px;
font-weight: 500 !important;
color: #FC5A43 !important;
border: 2px solid #FC5A43 !important;
background: transparent;
}
#resources_popup_v2 .wpforms-conditional-field {
font-weight: bold;
font-size: 16px !important;
}
#resources_popup_v2 .wpforms-field-container,
#resources_popup_v2 .wpforms-recaptcha-container {
width: 70% !important;
margin: 0 auto !important;
}
#resources_popup_v2 .wpforms-submit-container {
margin-top: -55px !important;
display: flex;
justify-content: end;
width: 50% !important;
margin-left: 34% !important;
}
#resources_popup_v2 .wpforms-layout-column>div {
padding: 0 !important;
}
#resources_popup_v2 .wpforms-field-required li label {
font-size: 14px !important;
}
@media screen and (max-width: 1080px) {
.resource_contform {
width: 45%;
margin: 20px 5px;
}
}
@media screen and (max-width: 800px) {
#resources_popup_v2 .modal-dialog {
margin: 0 !important;
}
.resources_preview.resource_contform {
width: 100%;
margin: 0;
}
/* #resources_popup_v2.resources_popup .modal-body img {
height: 30px;
}*/
.res_popup_title1 {
font-size: 20px;
line-height: 1.4;
}
#resources_popup_v2 .wpforms-field-container,
#resources_popup_v2 .wpforms-recaptcha-container {
width: 100% !important;
}
#resources_popup_v2 .wpforms-submit-container {
margin-left: auto !important;
margin-top: -60px !important;
}
#respost_topsection {
background: linear-gradient(180deg, #E3EDFE 0%, #ECF5FB 100%);
--awb-background-image: none !important;
}
#respost_approach {
--awb-background-image: none !important;
background: linear-gradient(180deg, #1E3898 0%, #0E2168 100%);
}
#resources_popup_v2 .modal-content .gform_button {
width: 90% !important;
}
}
.all_categories>a[data-slug='featured'],
.all_categories>a[data-slug='contact-form'] {
display: none;
}
.res_preview_title_featured {
font-size: 1.3em;
}
.respost_blue_txt {
background: #e3edfe;
color: #333!important;
padding: 30px;
display: flex;
justify-content: center;
flex-direction: column;
}
.respost_blue_txt p {
margin: 0 !important;
}
#resources_popup_v2 .modal-content .gform_next_button,
#resources_popup_v2 .modal-content .gform_button {
background: #FC5A4C !important;
color: white;
border: none !important;
box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 20px 0px;
padding: 13px 29px;
font-size: 14px;
}
#resources_popup_v2 .modal-content .gfield_consent_label a {
width: auto !important;
display: inline-block !important;
}
#resources_popup_v2 .gform_page_footer.top_label {
display: flex;
flex-direction: row;
justify-content: space-around;
}
#resources_popup_v2 #gform_previous_button_14 {
padding: 13px 29px;
font-size: 14px;
text-transform: uppercase !important;
}
#resources_popup_v2 .gform_wrapper #input_14_72 {
display: flex;
align-items: center;
}
#resources_popup_v2 .gform_wrapper #input_14_72>div {
width: 100%;
}
#resources_popup_v2 .gchoice.gchoice_14_72_1 {
width: 80% !important;
}
#resources_popup_v2 .gform_wrapper #input_14_72>div {
width: 100%;
}
#resources_popup_v2 .gchoice.gchoice_14_72_3 {
width: 60% !important;
}
#resources_popup_v2 .gform_wrapper #input_14_72>div>label {
font-size: 15px;
}
#resources_popup_v2 .gform_wrapper #field_14_73 {
font-size: 12px;
line-height: 1.4;
}
#resources_popup_v2 .swiper-slide .gfield_description {
display: block !important;
}
.gform_wrapper #gform_14_validation_container {
display: none;
}
#resources_popup_v2 .gform_wrapper #field_14_73 a {
color: black;
}
.lp1_slider li {
display: block !important;
}
/* === Resources Case Study template v.2 === */
#respost_challenge_v2 {
padding: 0;
}
#respost_challenge_v2 .fusion-layout-column>div {
padding: 30px 0 20px;
max-width: 570px;
}
#respost_challenge_v2 .fusion-layout-column:nth-child(1)>div {
margin-left: auto;
padding-right: 30px;
}
#respost_challenge_v2 .fusion-layout-column:nth-child(2)>div {
margin-right: auto;
padding-left: 30px;
}
#respost_challenge_v2 .fusion-layout-column:nth-child(2) {
background: #F3F4F8;
}
#respost_challenge_v2>div {
justify-content: center;
}
#respost_challenge_v2 .fusion-layout-column {
margin: 0;
}
#respost_challenge_v2 h3,
#respost_solution_main h3{
font-size: 35px !important;
color: #455064 !important;
}
#respost_approach_v2,
#respost_approach_v2 h2,
#respost_approach_v2 h3,
#respost_approach_v2 h4 {
color: white !important;
}
#respost_approach_v2 .fusion-column-wrapper,
#respost_approach_v3 .fusion-column-wrapper {
padding: 0 !important;
}
#respost_approach_v2 h3,
#respost_approach_v3 h3 {
font-size: 35px !important;
}
#respost_approach_v2 h4,
#respost_approach_v3 h4 {
font-size: 22px !important;
margin-top: 15px !important;
display: inline-block;
margin-bottom: 5px !important;
}
#respost_approach_v2,
#respost_approach_v3 {
padding: 40px 0 10px !important;
}
#respost_approach_v2 h4:nth-child(2),
#respost_approach_v3 h4:nth-child(2) {
margin-top: 0 !important;
}
#respost_approach_v2 .fusion-column-wrapper {
width: 52%;
}
#respost_challenge_v2 p,
#respost_approach_v2 p,
#respost_solution_main p,
#respost_approach_v3 p {
text-align: justify;
}
#respost_solution_main {
padding-top: 40px;
padding-left: 70px;
padding-right: 70px;
padding-bottom: 10px
}
#respost_solution_icons .fusion-layout-column {
width: auto;
}
#respost_solution_main h4 {
font-size: 22px !important;
display: inline-block;
color: #455064 !important;
}
#respost_solution_main .fusion-title {
margin-bottom: 0;
}
#respost_solution_main h3 {
margin-bottom: 15px !important;
}
#respost_solution_main h4 {
margin-bottom: 10px !important;
}
#respost_solution_icons .fusion-layout-column {
width: 25% !important;
margin-left: 10px;
padding-right: 30px;
}
#respost_solution_icons {
margin-bottom: 30px;
padding-left: 80px;
padding-right: 80px;
}
#respost_cta_v2 h3 {
font-size: 42px;
line-height: 1.2;
color: white;
margin-bottom: 20px !important;
}
#respost_cta_v2 p {
color: white;
}
#respost_cta_v2 .fusion-layout-column:nth-child(1) {
width: 50%;
}
#respost_cta_v2 .fusion-layout-column:nth-child(2) {
width: auto;
}
#respost_cta_v2 {
padding: 30px 0;
}
#respost_cta_v2 .fusion-layout-column {
margin-bottom: 0 !important;
}
#respost_blog_v2 h3,
#respost_cta_final h3 {
font-size: 42px;
color: #455064;
font-weight: 600;
line-height: 1.2;
}
#respost_blog_v2 h3 {
margin-bottom: 40px !important;
}
#respost_cta_final h3 {
margin-bottom: 20px !important;
}
#respost_blog_v2 {
padding: 90px 0 50px;
}
#respost_blog_v2 .blog-breadcrumbs {
color: #1522B6;
line-height: 1.2;
margin-bottom: 10px;
font-size: 13px;
min-height: 30px;
}
#respost_blog_v2 .blog-title {
font-size: 22px;
color: black;
line-height: 1.2;
font-weight: 600 !important;
padding: 0;
}
#respost_blog_v2 .post-content {
font-size: 16px;
color: #465164 !important;
line-height: 1.6 !important;
padding: 13px 0 15px;
}
#respost_blog_v2 .post-readmore {
font-size: 16px !important;
color: #1522B6;
font-weight: 100;
margin-top: auto;
text-transform: capitalize !important;
}
#respost_blog_v2 .blog-image {
position: relative;
overflow: hidden;
height: 170px;
}
#respost_blog_v2 .blog-image img {
object-fit: cover;
height: 100%;
width: 100%;
}
#respost_blog_v2 .cp-blog-posts .blog-main {
min-height: 340px !important;
}
.cp-blog-posts-readmore {
text-align: center;
}
#respost_blog_v2 .cp-blog-posts-readmore a {
color: #2453CC !important;
text-decoration: underline;
font-weight: bold;
font-size: 16px;
margin-top: 50px !important;
display: inline-block;
}
.respost_cta_final_link a {
font-size: 20px;
font-weight: 600;
}
.respost_cta_final_link a:hover {
color: #2453cc !important;
}
.respost_solution_num p {
font-size: 30px;
font-weight: 600;
color: #0F187C;
margin: 0;
}
.respost_solution_num p {
margin-bottom: 0 !important;
}
.respost_topsection_v2 #respost_topsection-side {
width: 50%;
}
.respost_topsection_v2 #respost_topsection-side .fusion-text {
max-width: 700px;
}
.respost_topsection_v2 h1 {
max-width: 100% !important;
}
.respost_testimonial_v2 #respost_testimonial_txt p {
margin-bottom: 0;
}
.respost_testimonial_v2 #respost_testimonial_name {
margin-bottom: 40px;
}
.respost_testimonial_v2#respost_testimonial>div {
padding: 50px 100px 0px !important;
}
.respost_4cols_v2 .respost_4cols_item {
padding: 5px 0;
min-height: auto;
}
.respost_topsection_v2#respost_topsection {
height: calc(100% - 300px) !important;
}
.respost_4cols_v2#respost_4cols {
background: linear-gradient(45deg, #0E2168, #1E3898);
}
#respost_testimonial p {
font-size: 22px !important;
}
@media screen and (max-width: 1250px) {
#respost_challenge_v2 {
padding-left: 70px;
padding-right: 70px;
}
#respost_challenge_v2 .fusion-layout-column:nth-child(2)>div {
padding-right: 30px;
}
#respost_challenge_v2 .fusion-layout-column:nth-child(1)>div {
padding-left: 30px;
}
#respost_approach_v2 .fusion-column-wrapper,
#respost_approach_v3 .fusion-column-wrapper {
width: 100%;
padding: 0 70px !important;
}
#respost_blog_v2 .cp-blog-posts {
padding: 0 30px;
}
}
@media screen and (max-width: 1180px) {
.respost_testimonial_v2#respost_testimonial>div {
padding: 50px 20px 0 !important;
}
}
@media screen and (max-width: 1150px) {
.respost_topsection_v2#respost_topsection {
height: calc(100% - 330px) !important;
}
}
@media screen and (max-width: 1024px) {
#respost_challenge_v2 .fusion-layout-column>div {
max-width: 100%;
padding: 30px 0;
}
#respost_challenge_v2 {
padding: 0;
}
#respost_challenge_v2 .fusion-layout-column {
padding: 20px;
}
#respost_challenge_v2 .fusion-layout-column:nth-child(2)>div {
margin-left: auto;
}
#respost_approach_v2,
#respost_approach_v3 {
padding: 50px 0 20px !important;
}
#respost_solution_main {
padding-top: 50px;
}
#respost_solution_icons {
margin-bottom: 30px;
}
#respost_testimonial {
padding: 0 50px !important;
}
}
@media screen and (max-width: 950px) {
#respost_blog_v2 .cp-blog-posts .swiper-pagination-blogposts {
bottom: 30px !important;
}
}
@media screen and (max-width: 900px) {
.single-resource #content .non-hundred-percent-height-scrolling {
padding: 0 !important;
}
#respost_approach_v2 .fusion-column-wrapper,
#respost_approach_v3 .fusion-column-wrapper {
padding: 50px 40px 20px !important;
}
#content #respost_solution_main {
padding: 50px 40px 0 !important;
}
#respost_solution_icons>div {
flex-wrap: wrap;
padding: 0 30px !important;
align-items: baseline;
}
#respost_solution_icons .fusion-layout-column {
width: 49% !important;
}
#respost_cta_v2>div {
padding: 50px 0 30px !important;
flex-direction: column;
}
#respost_cta_v2 .fusion-layout-column:nth-child(1) {
width: 100%;
text-align: center;
}
#content #respost_blog_v2 {
padding: 50px 20px 50px !important;
}
.post-content .fusion-text.respost_solution_num p {
font-size: 24px !important;
}
#respost_solution_icons .fusion-layout-column {
padding-right: 0px;
}
#respost_blog_v2 .cp-blog-posts {
padding: 0;
}
#respost_blog_v2 .post-content {
margin-top: 20px !important;
}
#respost_blog_v2 .cp-blog-posts .blog-main {
min-height: auto !important;
}
#respost_cta_final h3 {
margin-bottom: 0px !important;
}
.single-resource .post {
margin-bottom: 0;
}
#respost_blog_v2 h3 {
margin-bottom: 10px !important;
}
}
@media screen and (max-width: 800px) {
.respost_topsection_v2 #respost_topsection-side {
width: 100%;
--awb-bg-image: transparent !important;
}
.respost_topsection_v2#respost_topsection {
height: auto !important;
}
}
#resource_cf_btn {
pointer-events: none;
opacity: 0.8;
}
/* === Resources Guide Template Redesign === */
.resources-guide main#main {
padding-left: 0 !important;
padding-right: 0 !important;
}
.respost p,
#respost_intro,
#respost_features_left {
font-size: 18px;
}
.resguide_test {
position: absolute;
top: 150px;
left: 40%;
z-index: 999999;
}
.respost {
margin-top: 89px;
width: 100%;
}
.respost_section {
max-width: 1300px;
margin: 0 auto;
padding: 0 20px;
display: flex;
}
.respost_popup_btn {
display: inline-block;
background: #FC5A43;
border-radius: 10px;
color: white;
padding: 14px 30px;
font-weight: 600;
font-size: 18px;
line-height: 1.2;
}
.respost_popup_btn:hover {
cursor: pointer;
background: #fc3a20;
color: white;
}
#respost-popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: white;
z-index: 99999;
}
#respost-popup-main {
position: relative;
max-width: 1000px;
margin: 100px auto;
background: #fff;
padding: 20px 40px 40px;
border-radius: 5px;
padding-top: 50px;
}
#respost-popup-close {
position: absolute;
top: -30px;
right: 12px;
cursor: pointer;
font-size: 40px;
font-weight: bold;
color: #cecece;
z-index: 999;
line-height: 1;
}
#respost-popup-form .respopup_progress img {
height: 50px !important;
}
#respost_breadcrumbs,
#respost_breadcrumbs a {
color: #455064 !important;
}
#respost_breadcrumbs a:hover {
color: #1522B6 !important;
cursor: pointer;
}
#respost_posts,
#respost_faq {
text-align: center;
}
#respost_cta2 {
flex-direction: column;
align-items: center;
}
#respost_top {
background: #F3F4F8;
}
#respost_posts .respost_section,
#respost_faq .respost_section,
#respost_features .respost_section {
flex-direction: column;
}
#respost_features_main {
display: flex;
align-items: center;
}
#respost_top .respost_section {
padding-bottom: 25px;
padding-top: 40px;
align-items: stretch;
}
#respost_faq .panel {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s;
}
#respost_faq .accordion {
cursor: pointer;
transition: color 0.4s ease;
}
#respost_faq .accordion.active, #respost_faq .accordion:hover {
cursor: pointer;
}
#respost_faq .accordion.active + .panel {
overflow: visible;
margin-bottom: 10px;
}
.res_faq_title {
display: flex;
align-items: center;
}
.res_faq_arrow {
width: 40px;
min-width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.res_faq_title h4 {
font-size: 22px;
color: #455064;
font-weight: 100;
margin: 10px 0 10px 10px !important;
line-height: 1.4;
text-align: left;
}
.res_faq_description {
font-size: 18px;
margin-left: 50px;
line-height: 1.4;
font-weight: 100;
text-align: left;
}
.res_faq_arrow img {
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
transform: rotate(-90deg);
}
.res_faq_title.active>.res_faq_arrow img {
transform: rotate(0deg);
}
#respost_heading {
margin: 24px 0;
}
#respost_intro {
margin-bottom: 34px;
}
#respost_top_left,
#respost_top_right {
width: 50%;
}
#respost_top_right {
text-align: right;
}
#respost_top_right img {
max-width: 520px;
width: 100%;
}
#respost_top_left {
padding-right: 4.5%;
display: flex;
flex-direction: column;
align-items: baseline;
padding-bottom: 50px;
}
.respost_section_title {
font-size: 50px;
text-align: center;
font-weight: 600;
color: #455064;
line-height: 1.4;
}
#respost_features>div {
padding-top: 64px;
padding-bottom: 80px;
}
#respost_features .respost_section_title {
margin-bottom: 50px;
text-align: left;
}
#respost_faq .respost_section_title {
margin-bottom: 35px;
}
#respost_posts .respost_section_title {
margin-bottom: 50px;
text-align: left;
}
#respost_cta2 .respost_section {
flex-direction: column;
align-items: center;
margin-bottom: 120px;
}
#respost_cta2 .respost_section_title {
margin-bottom: 50px;
}
#respost_cta1 {
background: linear-gradient(90deg, #0E2168, #1F3999);
}
#respost_cta1 .respost_section {
padding-top: 60px;
padding-bottom: 50px;
color: #fff;
align-items: baseline;
flex-direction: column;
}
#respost_cta1_txt {
margin: 10px 0 40px;
}
#respost_cta1_left {
width: 100%;
}
/*#respost_cta1_right {
display: none;
}*/
/*#respost_cta1_right img {
max-width: 300px;
}
#respost_cta1_right {
text-align: center;
}*/
#respost_features_left {
width: 45%;
}
#respost_features_right {
width: 55%;
}
#respost_features_right>div {
max-width: 500px;
margin: 0 auto;
}
#respost_faq .respost_section {
padding-top: 100px;
padding-bottom: 120px;
}
#respost_posts {
background: #F3F4F8;
}
#respost_posts .respost_section {
padding-top: 70px;
padding-bottom: 60px;
}
#respost_features_right .rslides_nav {
display: none;
}
#respost_features_right .metaslider.cp_res_slider .rslides_tabs>.rslides_here>a {
background: #1049DC !important;
border: 2px solid #1049DC !important;
}
#respost_features_right .metaslider.cp_res_slider .rslides_tabs>li>a {
background: #DFE0E3 !important;
border: 2px solid #DFE0E3 !important;
}
#respost_features_left ul {
list-style: none;
padding-left: 0;
}
#respost_features_left li {
position: relative;
padding-left: 40px;
margin-bottom: 20px;
line-height: 1.4;
}
#respost_features_left li::before {
content: '';
position: absolute;
left: 0;
top: 6px;
width: 20px;
height: 20px;
background-image: url(../svg/respost-checkmark.svg);
background-size: contain;
background-repeat: no-repeat;
}
.res_faq_item {
margin-bottom: 10px;
}
.resources_slider_v2 .swiper-slide {
background: #ffffff;
border-radius: 0;
margin-bottom: 10px !important;
box-shadow: 4px 4px 8px 0px rgb(0 0 0 / 15%);
height: auto;
}
.resources_slide_wrapper2 {
padding: 20px;
text-align: left;
display: flex;
flex-direction: column;
height: 100%;
}
.res_preview_img_featured2 {
display: flex;
overflow: hidden;
align-items: baseline;
}
.res_preview_img_featured2 img {
object-fit: contain !important;
height: 165px;
margin: 0 auto;
}
.res_preview_type2 {
font-size: 14px;
color: #1522B6;
margin: 30px 0 10px;
line-height: 1;
}
.res_preview_title2 {
font-size: 22px;
line-height: 1.4;
font-weight: 600;
margin-bottom: 20px;
}
.res_preview_descr2 {
font-size: 16px;
color: #465164;
line-height: 1.4;
margin-bottom: 20px;
}
.res_preview_btn2 {
color: #1522B6;
margin-top: auto !important;
display: flex;
align-items: center;
justify-content: end;
opacity: 0;
}
.res_preview_btn2 img {
margin-left: 15px;
}
.resources_slider_v2 .swiper-slide:hover .res_preview_title2 {
color: #1522B6;
}
.resources_slider_v2 .swiper-slide:hover .res_preview_btn2 {
opacity: 1;
}
.resources_slider_v2 .swiper-slide:hover {
box-shadow: 4px 4px 8px 0px #C2CDF4;
}
.resources_slider_v2 {
padding: 0 20px;
}
#respost_lp2_top a,
#respost_lp2_main a {
color: blue;
}
#respost_lp2_main {
display: flex;
align-items: center;
justify-content: space-between;
align-items: stretch;
margin-top: 80px;
}
#respost_lp2_top {
text-align: center;
}
.lp2_content .respost_section {
display: flex;
flex-direction: column;
}
#respost_lp2_main>div {
border-radius: 10px;
box-shadow: 5px 5px 20px #dedede;
padding: 30px 30px 40px !important;
width: 48%;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
overflow: hidden;
margin: 0 50px;
}
.respost_lp2_top_img {
width: 100px;
}
#respost_lp2_right_img img {
max-width: 230px;
}
#respost_lp2_left_img img {
max-width: 300px;
}
#respost_lp2_left_img,
#respost_lp2_right_img {
text-align: center;
margin-bottom: 30px;
}
#respost_lp2_left_title,
#respost_lp2_right_title {
font-size: 20px;
line-height: 1.4;
font-weight: 700;
text-align: center;
}
#respost_lp2_left_btn a {
display: inline-block;
background: #FC5A43;
border-radius: 10px;
color: white;
padding: 14px 30px;
font-weight: 600;
font-size: 18px;
line-height: 1;
}
#respost_lp2_left_btn a:hover {
cursor: pointer;
background: #fc3a20;
color: white;
}
#respost_lp2_right_btn a {
display: inline-block;
background: #2e6fe3;
border-radius: 10px;
color: white;
padding: 14px 30px;
font-weight: 600;
font-size: 18px;
line-height: 1;
}
#respost_lp2_right_btn a:hover {
cursor: pointer;
background: #1860e0;
color: white;
}
#respost_lp2_left_btn,
#respost_lp2_right_btn {
margin-top: auto;
}
#respost_lp2_left_title,
#respost_lp2_right_subtitle {
margin-bottom: 30px;
}
.respost_lp2_orange_bar {
height: 6px;
border-radius: 6px;
width: 100%;
color: red !important;
background: #FC5A43;
border: 1px dashed;
z-index: 9999 !important;
position: absolute;
top: 99.5%;
left: 50%;
transform: translate(-50%, -50%);
}
#respost_lp2_right_subtitle {
text-align: center;
margin-top: 10px;
font-size: 18px;
line-height: 1.4;
}
.respost .lp2_content {
margin-top: 150px;
margin-bottom: 100px;
}
.respost_lp2_top_title {
font-size: 42px;
font-weight: 700;
color: #333;
margin-bottom: 20px;
line-height: 1.2;
}
.respost_lp2_top_subtitle,
.respost_lp2_top_breadcrumbs {
font-size: 18px;
}
.respost_lp2_top_breadcrumbs {
margin-top: 30px;
}
#respost_lp2_left_info,
#respost_lp2_left_info p {
line-height: 1.2;
color: black;
}
.single-resource.fusion-top-header.resources-guide .fusion-header {
background: white !important;
box-shadow: none;
}
.single-resource.resources-guide .fusion-main-menu > ul > li > a {
color: black !important;
}
.single-resource.resources-guide .fusion-logo-link .fusion-standard-logo {
display: block;
}
.single-resource.resources-guide .fusion-logo-link {
background-image: none;
}
#respost_lp2_left_info a {
line-height: 1.2;
}
#respost_lp2_left_info {
text-align: center;
}
#respost-popup-main .respopup_progress {
top: -20px !important;
}
#respost_static_title {
font-size: 40px;
text-align: center;
font-weight: 900;
line-height: 1.2;
}
#respost-popup .wpforms-page-next {
margin-left: auto !important;
}
#respost-popup .wpforms-field-pagebreak>div {
display: flex;
}
#respost-popup input, #respost-popup select {
background: #F6F9FC !important;
border: 1px solid #D2D4DA !important;
}
#respost-popup .wpforms-layout-column>div {
margin-bottom: 10px !important;
}
.res_suc_img2 {
margin-bottom: 30px;
}
.respost-popup-active {
overflow: hidden !important;
}
.respost_top_btn_mob {
display: none;
}
.resources-guide main>.fusion-row {
max-width: 100% !important;
}
/* Mobile Optimisation */
@media screen and (max-width: 1350px) {
.respost_section {
padding: 0 40px;
}
}
@media screen and (max-width: 1180px) {
.single-resource.resources-guide .swiper-pagination {
display: block !important;
bottom: -50px !important;
}
.resources_slider_v2 {
position: relative;
overflow: visible !important;
}
.res_preview_btn2 {
justify-content: start;
opacity: 1;
}
#respost_lp2_main>div {
margin: 0 20px;
}
}
@media screen and (max-width: 950px) {
.single-resource.resources-guide .fusion-logo-link {
background-image: url(../svg/cp_bb_logo.svg);
}
.single-resource.resources-guide .fusion-mobile-menu-icons .awb-icon-search:before,
.single-resource.resources-guide .fusion-mobile-menu-icons .awb-icon-bars:before {
color: black !important;
}
.single-resource.resources-guide .fusion-mobile-menu-icons .awb-icon-bars[aria-expanded="true"]::before {
content: url(../svg/close_ico_blck.svg) !important;
padding: 3px 5px 1px !important;
}
.respost {
margin-top: 70px;
}
.respost_section {
flex-direction: column;
}
#respost_top_left {
padding-right: 0;
width: 100%;
padding-bottom: 0px;
}
#respost_top_right {
width: 100%;
text-align: center;
}
#respost_top_right {
display: flex;
flex-direction: column;
align-items: center;
}
#respost_intro {
margin-bottom: 0;
}
.respost_top_btn_dsk {
display: none;
}
.respost_top_btn_mob {
display: inline-block;
}
#respost_features_main {
flex-direction: column;
}
#respost_features_main>div {
width: 100%;
}
#respost_features .respost_section_title {
margin-bottom: 10px;
}
#respost_features_left {
margin-bottom: 50px;
}
#respost_cta1_left {
width: 100%;
}
/*#respost_cta1_right {
display: none;
}*/
#respost_cta1_title {
text-align: center;
}
#respost_cta1_left {
display: flex;
flex-direction: column;
align-items: center;
}
#respost_faq .respost_section {
padding-top: 50px;
padding-bottom: 50px;
}
#respost_lp2_main {
flex-direction: column;
}
#respost_lp2_main>div {
width: 100%;
}
#respost_lp2_main>div {
margin: 0 0 50px !important;
}
#respost_lp2_main {
margin-top: 40px;
}
}
@media screen and (max-width: 900px) {
#respost_static_title {
font-size: 20px;
}
#respost-popup-form .respopup_progress img {
height: 30px !important;
}
#respost-popup-close {
top: -80px;
}
#respost-popup-main .respopup_progress {
top: -30px !important;
}
}
@media screen and (max-width: 800px) {
#respost_features_main .metaslider.cp_res_slider .rslides_tabs {
bottom: -35px !important;
}
#respost_top_right img {
max-width: 400px;
}
/* #respost_faq>.respost_section,
#respost_posts .respost_section {
padding-left: 20px !important;
padding-right: 20px !important;
}*/
.respost .lp2_content {
margin-top: 50px;
margin-bottom: 50px;
}
}
@media screen and (max-width: 600px) {
.respost_section_title br {
display: none;
}
#respost_features_left ul {
padding-left: 0;
}
#respost_features_left {
margin-bottom: 30px;
}
.respost_popup_btn {
padding: 14px 50px;
}
.res_faq_title h4 {
font-size: 19px;
text-align: left;
}
#respost_faq .accordion.active + .panel {
margin-bottom: 30px;
}
.respost_lp2_top_title {
font-size: 32px;
}
}
@media screen and (max-width: 450px) {
#respost_top_right img {
max-width: 300px;
}
.respost_section_title {
font-size: 28px;
}
#respost_cta1_txt {
margin: 10px 0 20px;
}
#respost_top .respost_section {
padding-top: 25px;
}
#respost_faq .respost_section_title {
margin-bottom: 10px;
}
.lp2_content .respost_section {
padding: 0 30px;
}
#respost-popup {
overflow-y: scroll;
}
#respost-popup-form .wpforms-field-gdpr-checkbox {
margin-top: 20px;
}
#respost-popup-main {
padding: 20px 20px 40px;
}
}
@media screen and (max-width: 390px) {
.respost_popup_btn {
padding: 14px 30px;
}
#respost_faq .accordion.active + .panel {
margin-bottom: 60px;
}
}
/* === Resources page redesign (new css) === */
.resources_taxonomy_all {
display: flex;
justify-content: space-between;
}
.resources_taxonomy_all>div {
width: 31%;
margin-top: 0;
}
.resources_taxonomy_all select {
width: 100%;
}
.cp_resources_top_wrap {
display: flex;
align-items: normal;
color: white;
justify-content: space-between;
}
#cp_resources_top h1 {
color: white;
margin-bottom: 20px !important;
line-height: 1.2;
font-size: 50px !important;
}
.cp_resources-intro-txt {
display: flex;
}
.cp_resources-intro-col1 {
width: 35%;
padding-right: 50px;
color: #455064;
line-height: 1.6;
font-size: 22px;
padding: 25px;
margin-right: 50px;
background: #F3F4F8;
}
.cp_resources-intro-col2 {
width: 65%;
}
.cp_resources-intro-col2-title {
margin-bottom: 10px;
color: #455064;
line-height: 1.6;
font-size: 22px;
}
.cp_resources-intro-col2>div:nth-child(2) {
margin-bottom: 35px;
}
.cp_resources-intro-col2 {
font-size: 18px;
}
.cp_resources-intro-title {
margin-bottom: 30px;
}
.cp_resources-intro {
margin-top: 50px;
}
.cp_resources-main-txt {
margin-bottom: 50px;
}
#cp_resources_articles {
padding: 50px 0 40px;
}
#cp_resources_cta1 {
padding: 60px 0;
color: white;
}
.resources_taxonomy_all select {
width: 100%;
border: 1px solid #C7C7C8 !important;
min-height: 50px;
font-size: 18px;
color: #455064;
appearance: none;
background: url('data:image/svg+xml;utf8,') no-repeat right 1rem center;
background-size: 25px;
background-position: right 10px center;
padding: 0 0 0 20px;
padding-right: 40px;
}
.cp_resources_consultlist {
padding: 50px 0 0;
}
.resources_taxonomy_all .active select {
color: white;
background-color: #1522B6 !important;
background: url('data:image/svg+xml;utf8,') no-repeat right 1rem center;
}
/* Case Studies page specific styles */
.case-studies-see-all-link {
text-align: center;
margin-top: 40px;
}
.case-studies-see-all-link a {
color: #1522B6;
text-decoration: underline;
font-weight: 600;
font-size: 16px;
}
.case-studies-see-all-link a:hover {
color: #2453CC;
}
.cp_resources-pagination,
.cp_resources-pagination a {
color: #455064;
font-family: figtree-light;
}
.cp_resources-pagination a:hover {
color: #2453CC;
}
.cp_resources-pagination {
margin: 60px 0 0;
}
#res_output_wrap .resource_cta>a {
width: auto;
border-radius: 0;
box-shadow: none;
background: transparent;
margin: 0;
padding: 0;
display: inline-block;
}
#res_output_wrap .resource_cta .resource_cta_btn a {
background: #fc5a43;
border-radius: 10px;
font-size: 18px;
color: #fff;
line-height: 1.2;
padding: 10px 40px;
display: inline-block;
text-align: center;
border: none;
cursor: pointer;
width: 100% !important;
}
#res_output_wrap .resource_cta .resource_cta_btn a:hover {
background: #fc3a20;
color: white;
}
.resource_cta_btn {
width: 100%;
display: flex;
justify-content: center;
margin: 20px 0;
}
.resource_cta_title {
font-size: 30px;
line-height: 1.2;
margin-bottom: 20px;
}
.cp_resources {
margin: 0px 0 50px !important;
}
.res_preview_content {
padding: 25px;
display: flex;
flex-direction: column;
height: 100%;
}
.res_preview_cat {
text-align: left;
color: #455064;
font-size: 14px;
font-family: figtree-light;
}
.res_preview_topic {
color: #1522B6;
font-size: 12px;
font-family: figtree-light;
}
.blog-breadcrumbs {
font-size: 13px;
font-family: 'Figtree-light';
}
.cp-blog-posts .post-readmore {
text-transform: inherit;
}
#cp_resources_articles .cp-blog-posts .blog-main {
min-height: 380px !important;
}
#cp_resources_articles .cp-blog-posts .post-readmore {
justify-content: normal;
text-transform: capitalize;
font-weight: 500;
font-size: 16px;
}
.cp_resources_signup-wrap {
display: flex;
align-items: center;
justify-content: center;
padding: 0 30px;
}
.cp_resources_signup-left {
margin-right: 100px;
}
.cp_resources_signup-txt1 {
font-size: 35px;
color: white;
font-weight: 600;
line-height: 1.2;
margin-bottom: 15px;
}
.cp_resources_signup-txt2 {
font-size: 14px;
color: #D7DBED;
line-height: 1.4;
}
.cp_resources_signup-txt2 a {
font-size: 14px;
color: #D7DBED;
line-height: 1.4;
text-decoration: underline;
}
.cp_resources_signup-form-right a {
background: #fc5a43;
border-radius: 10px;
font-size: 20px;
color: white;
font-weight: 600;
line-height: 1.2;
padding: 12px 30px;
display: inline-block;
text-align: center;
}
.cp_resources_signup-form-right a:hover {
background: #fc3a20;
color: white;
}
/* Signup Popup window start */
.overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 99999;
}
.popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
padding: 20px;
z-index: 99999;
min-height: 500px;
width: 900px;
background: #1263c5;
border-radius: 10px;
padding: 50px 100px;
align-items: center;
justify-content: center;
}
.popup-content {
text-align: center;
height: 100% !important;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background: #1263c5 !important;
box-shadow: none !important;
}
.closePopup {
position: absolute;
top: 10px;
right: 20px;
cursor: pointer;
color: white;
font-size: 40px;
line-height: 1;
}
.cp-signup-popup-title1 {
font-size: 26px;
color: #fff;
font-weight: 700 !important;
line-height: 1.2;
padding-bottom: 20px;
}
.popup-main {
width: 100%;
font-family: figtree !important;
}
form#gform_14 input,
form#gform_14 select {
background: white !important;
font-family: figtree !important;
}
form#gform_14 .gform_next_button,
form#gform_14 #gform_submit_button_14 {
background: #FC5A4C !important;
color: white;
border: none !important;
box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 20px 0px !important;
padding: 15px 30px;
font-size: 14px;
}
form#gform_14 label {
color: white;
text-align: left;
width: 100%;
}
fieldset#field_14_72 {
text-align: left;
color: white;
}
div#field_14_73 {
font-size: 12px;
line-height: 1.4;
color: white;
text-align: left;
}
form#gform_14 .gform_page_footer.top_label {
display: flex;
flex-direction: row;
justify-content: space-around;
}
input#gform_previous_button_14 {
padding: 13px 29px;
font-size: 14px;
text-transform: uppercase !important;
border: none !important;
}
form#gform_14 .ginput_container--name label:after,
form#gform_14 .gfield_required {
color: white !important;
}
.signup-popup header,
.signup-popup #cphome_consultlist,
.signup-popup #cphome_cta,
.signup-popup footer {
z-index: 1;
}
/* Signup Popup window end */
.res_preview_cat .partner-logos-container {
display: flex;
align-items: center;
color: #AFAFAF;
}
.res_preview_cat .partner-logos-container img {
max-height: 24px !important;
width: auto !important;
}
.res_preview_cat .logo-separator {
margin: 0 5px;
}
.cp_resources_articles-link a {
color: #1522B6;
text-decoration: underline;
font-weight: 500;
}
.cp_resources_articles-link {
text-align: right;
margin-top: 50px;
font-size: 16px;
}
.cp_resources-intro-title h2,
#dynamic-resources-title,
.cp_resources_articles-title h2,
.cp_resources_consultlist h2,
.cp_resources_cta2 h2 {
color: #455064;
font-size: 50px !important;
line-height: 1.4 !important;
}
.cp_resources_articles-slider {
margin-top: 30px;
}
.cp_resources_consultlist {
margin: 75px 0 130px !important;
}
#cp_resources_cta_btn2 {
box-shadow: none !important;
}
#cp_resources_cta_btn2:hover span {
color: #2453cc !important;
}
.cp_resources_top_left {
width: 50%;
padding: 50px 0;
}
.cp_resources_top_right {
width: 50%;
display: flex;
justify-content: end;
align-items: center;
}
.cp_resources_top_right img {
max-height: 300px;
width: auto;
}
.resources_preview:hover .res_preview_title {
color: #1522B6;
}
.res_preview_img_featured>img {
position: relative;
}
#res_output_wrap a:hover .res_preview_img_featured {
position: relative;
}
#res_output_wrap a:hover .res_preview_img_featured>img {
position: relative;
display: block;
}
#res_output_wrap a:hover .res_preview_img_featured::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(130deg, #355DC7E6, #6791FF66);
z-index: 1;
pointer-events: none;
}
#res_output_wrap a:hover .res_preview_img_featured::before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 18px;
font-weight: 600;
z-index: 2;
pointer-events: none;
text-align: center;
text-shadow: 1px 3px 3px #0000007d;
}
html[lang="en-US"] #res_output_wrap a:hover .res_preview_img_featured::before {
content: "Read More";
}
html[lang="fr-FR"] #res_output_wrap a:hover .res_preview_img_featured::before {
content: "Lire plus";
}
html[lang="de-DE"] #res_output_wrap a:hover .res_preview_img_featured::before {
content: "Weiterlesen";
}
.res_pagination li {
list-style: none;
padding: 5px 20px;
font-size: 18px;
color: #455064;
display: flex;
justify-content: center;
align-items: center;
}
.pagination-list {
display: flex;
justify-self: center;
}
.cp_resources-main-txt-title,
.cp_resources_articles-title {
margin-bottom: 10px;
}
.cp_resources_articles-subtitle {
max-width: 650px;
color: #455064;
line-height: 1.6;
font-size: 22px;
}
#cp_resources_top,
#cp_resources_main,
#cp_resources_articles,
#cp_resources_articles,
.cp_resources_consultlist,
.cp_resources_cta2 {
padding-left: 30px !important;
padding-right: 30px !important;
}
.cp_resources_consultlist #cphome_section_title {
margin-bottom: 65px;
}
.cp_resources_consultlist {
margin-bottom: 50px !important;
}
.cp_resources_cta2 .cp-orange-btn {
margin-bottom: 20px;
}
.cp_resources_casestudies .cp_resources-intro {
margin-top: 35px;
}
.cp_resources-pagination a:hover {
text-decoration: underline;
}
#cp_resources_articles .cp-blog-posts .blog-title {
font-size: 22px;
}
.cp_resources_top_txt {
font-size: 18px;
}
#resources-description,
#case-studies-description {
color: #455064;
line-height: 1.6;
font-size: 22px;
}
#cp_resources_cta1 .fusion-layout-column {
margin-bottom: 0;
}
.resources_preview.resource_cta .resource_cta_subtitle>a {
text-decoration: underline;
}
.res_pagination ul.pagination-list {
padding-left: 0;
}
/* === Mobile Optimisation === */
@media screen and (max-width: 1280px) {
.cp_resources_consultlist #cphome_section_title h2 {
font-size: 50px !important;
}
}
@media screen and (max-width: 1250px) {
.cp_resources-intro-txt {
flex-direction: column;
}
.cp_resources-intro-col1 {
width: 100%;
padding-right: 0;
}
.cp_resources-intro-col2 {
width: 100%;
}
.cp_resources-intro-col2 {
margin-top: 35px;
}
.cp_resources-intro-col1>p:nth-child(2) {
margin-bottom: 0;
}
}
@media screen and (max-width: 1100px) {
#res_output_wrap>a,
.resources_preview.resource_cta {
width: 45% !important;
margin: 20px 12px !important;
}
#res_output_wrap {
justify-content: space-around;
}
/* #cp_resources_articles .swiper-wrapper {
align-items: normal !important;
} */
}
@media screen and (max-width: 1040px) {
.cp_resources_top_left {
width: 60%;
}
.cp_resources_top_right {
width: 40%;
}
.cp_resources_signup-left {
margin-right: 50px;
}
}
@media screen and (max-width: 950px) {
.page-id-34884.fusion-top-header .fusion-header,
.page-id-53754.fusion-top-header .fusion-header {
background: white !important;
}
.page-id-34884 .fusion-logo-link,
.page-id-53754 .fusion-logo-link {
background-image: url(../svg/cp_bb_logo.svg);
}
.page-id-34884 .fusion-logo-link img,
.page-id-53754 .fusion-logo-link img {
display: none !important;
}
.page-id-34884 .fusion-mobile-menu-icons .awb-icon-bars:before,
.page-id-34884 .fusion-mobile-menu-icons .awb-icon-search:before,
.page-id-53754 .fusion-mobile-menu-icons .awb-icon-bars:before,
.page-id-53754 .fusion-mobile-menu-icons .awb-icon-search:before {
color: black !important;
}
.page-id-34884 .fusion-mobile-menu-icons .awb-icon-bars[aria-expanded="true"]::before,
.page-id-53754 .fusion-mobile-menu-icons .awb-icon-bars[aria-expanded="true"]::before {
content: url(../svg/close_ico_blck.svg) !important;
padding: 3px 5px 1px !important;
}
.cp_resources_top_right {
display: none;
}
.cp_resources_top_left {
width: 100%;
}
.cp_resources_signup-wrap {
flex-direction: column;
align-items: baseline;
}
.cp_resources_signup-left {
margin-right: 0;
}
.cp_resources_signup-form-right {
margin-top: 30px;
}
.popup {
width: 90%;
padding: 20px 40px;
}
.popup-content {
max-width: 100% !important;
padding: 50px 0px !important;
}
}
@media screen and (max-width: 850px) {
.resources_taxonomy_all {
flex-direction: column;
}
.resources_taxonomy_all>div {
width: 100%;
margin: 10px 0;
}
.cp_resources-filter {
padding: 30px 0 0;
}
.cp_resources-intro {
display: none;
}
}
@media screen and (max-width: 820px) {
#cp_resources_articles .swiper-wrapper {
align-items: anchor-center;
}
/* #cp_resources_articles .cp-blog-posts .blog-main {
min-height: auto !important;
} */
/* #cp_resources_articles .cp-blog-posts .post-readmore {
display: flex !important;
margin-top: 20px;
} */
.cp_resources_articles-link {
text-align: center;
margin-top: 60px;
}
#cp_resources_articles .cp-blog-posts .swiper-pagination-blogposts {
bottom: -40px !important;
position: relative;
}
#content #cp_resources_articles {
padding: 50px 15px 40px !important;
}
#cp_resources_articles .cp-blog-posts .blog-main {
min-height: 320px !important;
}
}
@media screen and (max-width: 812px) {
#cp_resources_top {
margin-top: 70px !important;
}
#content #cp_resources_cta1 {
padding: 30px !important;
}
#content .cp_resources_consultlist {
margin: 75px 0 40px !important;
}
.cp_resources_signup-wrap {
padding: 0;
}
}
@media screen and (max-width: 750px) {
#res_output_wrap>a,
.resources_preview.resource_cta {
width: 100% !important;
margin: 20px 0 !important;
}
.resources_preview.resource_cta>div:nth-child(1) {
margin: 0;
}
.res_pagination {
margin-top: 20px;
}
.cp_resources {
margin-bottom: 0 !important;
}
.cp_resources-main {
padding-bottom: 0;
}
.cp_resources_signup-txt1 {
font-size: 30px;
}
.cp_resources_cta2 h2 br {
display: none;
}
.cp_resources-main-txt {
margin-bottom: 20px;
}
#dynamic-resources-title,
.cp_resources_cta2 h2,
#cphome_consultlist #cphome_section_title h2 {
line-height: 1.2 !important;
}
#content #cp_resources_main {
padding-left: 0 !important;
padding-right: 0 !important;
}
.cp_resources-pagination,
.cp_resources-intro,
.cp_resources-main-txt,
.cp_resources-filter {
padding-left: 30px;
padding-right: 30px;
}
#res_output_wrap>a {
margin-left: 30px !important;
margin-right: 30px !important;
}
}
@media screen and (max-width: 550px) {
#cp_resources_top h1 {
font-size: 40px !important;
}
.cp_resources-intro-title h2,
#dynamic-resources-title,
.cp_resources_articles-title h2,
.cp_resources_consultlist h2,
.cp_resources_cta2 h2,
.cp_resources_consultlist #cphome_section_title h2 {
font-size: 30px !important;
}
.cp_resources_signup-txt1 {
font-size: 20px;
}
.cp_resources_signup-form-right a {
font-size: 18px !important;
width: 100%;
padding: 10px;
}
.cp_resources_signup-form-right {
width: 100%;
}
#content #cp_resources_cta1 {
padding: 40px 20px !important;
}
}
@media screen and (max-width: 390px) {
#cp_resources_articles .cp-blog-posts .blog-main {
min-height: 380px !important;
}
}
/* Resources single post template redesign */
/* Apply paddings reset to all single-resource pages */
.single-resource main#main {
padding-left: 0 !important;
padding-right: 0 !important;
}
/* Restore theme defaults when body has .case-study-res */
/*.case_study_res.single-resource main#main {
padding-left: var(--hundredp_padding-fallback_to_zero) !important;
padding-right: var(--hundredp_padding-fallback_to_zero) !important;
}*/
#respost_join img {
max-height: 40px;
width: auto;
margin-right: 17px;
}
#respost_join {
display: flex;
align-items: center;
margin-bottom: 40px;
}
.respost_join_txt {
font-size: 18px;
}
#respost_logoslider {
background-image: linear-gradient(270deg, #0e2168 0%, #1e3898 100%);
text-align: left;
padding: 10px 30px;
}
#respost_logoslider_main {
width: 100%;
}
#respost_logoslider_txt {
color: #c5c7d0;
margin-bottom: 15px;
font-size: 18px;
font-family: 'Figtree-light';
}
#respost_logoslider_slider {
height: 60px;
margin: 0 auto;
}
#respost_cta1_main {
display: flex;
justify-content: space-between;
width: 100%;
}
#respost_cta1_main>div {
width: 48%;
}
#respost_cta1_btn-wrap {
width: 100%;
display: flex;
justify-content: end;
}
#respost_cta1_title {
font-size: 50px;
font-weight: 600;
line-height: 1.4;
width: 100%;
text-align: left;
color: white;
margin-bottom: 20px;
max-width: 75%;
}
#respost_info .respost_section {
display: flex;
flex-direction: column;
padding-top: 88px;
padding-bottom: 88px;
}
.respost_info_1, .respost_info_2 {
display: flex;
justify-content: space-between;
}
.respost_section .respost_info_1_txt,
.respost_section .respost_info_1_img,
.respost_section .respost_info_2_txt,
.respost_section .respost_info_2_img {
width: 48.5%;
}
.respost_info_1_img,
.respost_info_2_img {
display: flex;
justify-content: center;
}
#respost_info .respost_section_title {
text-align: left;
}
.respost_info_1 {
margin-bottom: 100px;
}
#respost_posts_link {
text-align: right;
margin-top: 25px;
}
#respost_posts_link a {
color: #1522B6;
text-decoration: underline;
font-family: figtree-medium;
}
#respost_posts_main {
display: flex;
}
.singleres_preview {
box-shadow: 0 4px 15px 2px #00000017;
transition: 0.3s ease-in-out;
background: white;
display: flex;
flex-direction: column;
position: relative;
width: 31% !important;
margin: 0 12px 25px;
}
.singleres_preview:first-child {
margin-left: 0;
}
.singleres_preview:last-child {
margin-right: 0;
}
#respost_posts #respost_posts_main {
justify-content: space-between;
}
.singleres_img_featured {
min-height: 200px;
display: flex;
align-items: center;
overflow: hidden;
}
.singleres_img_featured>img {
object-fit: cover !important;
width: 100%;
display: flex;
align-items: center;
height: 200px;
}
.singleres_preview_content {
padding: 25px;
display: flex;
flex-direction: column;
height: 100%;
}
.singleres_preview_topic {
color: #1522B6;
font-size: 12px;
font-family: figtree-light;
text-align: left;
}
.singleres_preview_title {
color: #213343;
font-weight: 600;
line-height: 1.3;
letter-spacing: 0.02em;
margin: 20px 0 10px;
font-size: 22px;
text-align: left;
}
.singleres_preview_descr {
font-size: 14px;
line-height: 20px;
margin-top: 5px;
font-weight: 100 !important;
color: #555;
text-align: left;
}
.singleres_preview_taxonomy {
color: #AAA9A9;
font-size: 16px;
text-align: center;
padding-top: 20px;
margin-top: auto;
}
.singleres_preview_taxonomy:before {
content: "";
display: block;
width: 100%;
height: .5px;
background-color: #AFAFAF;
margin: 20px 0;
}
.singleres_preview_cat {
text-align: left;
color: #455064;
font-size: 14px;
font-family: figtree-light;
}
.postid-35275 .fusion-header {
background: linear-gradient(150deg, rgb(27 72 184) 0%, rgb(16 33 84) 70%, rgb(16 33 84) 100%) !important;
box-shadow: 10px 10px 10px #0000006b;
}
.postid-35275 .fusion-logo-link {
background-image: url(../png/consultport_logo-white-transparent-bg-02.png);
background-size: contain;
display: block;
background-repeat: no-repeat;
position: relative;
height: 23px;
width: 350px;
}
.postid-35275 .fusion-logo-link img {
display: none;
}
.postid-35275 .fusion-main-menu>ul>li>a {
color: white !important;
}
#respost_heading h1 {
font-size: 50px;
}
.singleres_preview:hover {
box-shadow: 0 10px 50px -5px #C2CDF4;
-webkit-transform: scale(1.014);
transform: scale(1.014);
transition: 0.3s ease-in-out;
}
.singleres_preview:hover .singleres_preview_title {
color: #1522B6;
}
.singleres_preview:hover .singleres_img_featured {
position: relative;
}
.singleres_preview:hover .singleres_img_featured::before {
content: "Read More";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 18px;
font-weight: 600;
z-index: 2;
pointer-events: none;
text-align: center;
text-shadow: 1px 3px 3px #0000007d;
}
.singleres_preview:hover .singleres_img_featured::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(130deg, #355DC7E6, #6791FF66);
z-index: 1;
pointer-events: none;
}
.respost_info_2_img_mob {
display: none;
}
.respost_info_2_img_dsk img {
max-width: 355px;
}
/* === Mobile Optimisation === */
@media screen and (max-width: 1300px) {
.respost_info_1 {
margin-bottom: 50px;
}
.respost_info_1_img img {
max-width: 400px;
width: 100%;
}
.respost_info_2_img img {
max-width: 350px;
width: 100%;
}
}
@media screen and (max-width: 1150px) {
#respost_top_left,
#respost_features_left {
width: 60%;
}
#respost_top_right,
#respost_features_right {
width: 40%;
}
#respost_features_left {
padding-right: 20px;
}
#respost_heading h1,
.respost_section_title,
#respost_cta1_title {
font-size: 43px;
}
#respost_intro,
#respost_join {
margin-bottom: 20px;
}
#respost_top_left {
padding-bottom: 20px;
}
#respost_top .respost_section {
align-items: center;
}
.respost_section .respost_info_1_txt,
.respost_section .respost_info_2_txt {
width: 60%;
}
.respost_section .respost_info_1_img,
.respost_section .respost_info_2_img {
width: 40%;
}
.respost_info_1_txt {
padding-right: 50px;
}
.respost_info_2_txt {
padding-left: 50px;
}
}
@media screen and (max-width: 950px) {
#respost_top_left, #respost_top_right {
width: 100%;
}
#respost_top_right img {
display: none;
}
#respost_top_right {
align-items: baseline;
}
#respost_topsection {
margin-top: 0;
}
#respost_join {
margin-bottom: 0px;
}
#respost_heading {
margin-top: 10px;
}
.respost_top_btn_mob {
margin-bottom: 20px;
}
.cp_white_header .fusion-mobile-menu-icons .awb-icon-bars:before,
.cp_white_header .fusion-mobile-menu-icons .awb-icon-search:before {
color: black !important;
}
.cp_white_header .fusion-mobile-menu-icons .awb-icon-bars[aria-expanded="true"]::before {
content: url(../svg/close_ico_blck.svg) !important;
padding: 3px 5px 1px !important;
}
#respost_cta1_main {
flex-direction: column;
}
#respost_cta1_main>div {
width: 100%;
}
#respost_cta1_main>div {
margin-bottom: 18px;
}
#respost_cta1_main>div:last-child {
margin-bottom: 0;
}
#respost_cta1_txt {
margin: 0;
}
#respost_cta1_txt p {
margin: 0;
}
#respost_cta1_title {
max-width: 100%;
}
#respost_cta1_btn-wrap {
margin-top: 30px;
justify-content: left;
}
.respost_info_1{
flex-direction: column;
}
.respost_info_2 {
flex-direction: column-reverse;
}
.respost_section .respost_info_2_txt {
width: 100%;
padding-left: 0;
}
.respost_section .respost_info_1_txt {
width: 100%;
padding-right: 0;
}
.respost_section .respost_info_1_img,
.respost_section .respost_info_2_img {
width: 100%;
margin-top: 30px;
}
.respost_section_title br {
display: none;
}
#respost_info .respost_section {
padding-top: 40px;
padding-bottom: 40px;
}
#respost_posts_main {
flex-direction: column;
}
.singleres_preview {
width: 100% !important;
margin: 0 0 20px 0;
}
#respost_posts .respost_section_title {
margin-bottom: 30px;
}
#respost_posts .respost_section {
padding-top: 40px;
padding-bottom: 50px;
}
#respost_faq .respost_section_title,
#respost_cta2 .respost_section_title {
text-align: left;
}
}
@media screen and (max-width: 900px) {
#respost_heading h1,
.respost_section_title,
#respost_cta1_title {
font-size: 32px;
}
}
@media screen and (max-width: 450px) {
#respost_top_btn {
width: 100%;
}
.respost_section {
padding: 0 30px;
}
#respost_features_left {
padding-right: 0px;
}
#respost_logoslider .respost_section {
padding: 0;
}
#respost_features_left {
margin-bottom: 10px;
}
#respost_features>div {
padding-top: 40px;
padding-bottom: 60px;
}
#respost_features_left li {
padding-left: 35px;
}
#respost_cta1_btn,
.respost_popup_btn {
width: 100%;
text-align: center;
}
#respost_cta2 .respost_section {
margin-bottom: 60px;
}
.res_faq_description {
margin-left: 10px;
}
#respost_posts_link {
text-align: left;
}
.respost_info_2_img_mob {
display: block;
}
.respost_info_2_img_dsk {
display: none;
}
.respost_join_txt {
font-size: 16px;
line-height: 1.4;
}
}
@media screen and (max-width: 405px) {
.respost_join_txt {
font-size: 14px;
}
}
@media screen and (max-width: 380px) {
.respost_join_txt {
font-size: 12px;
}
}
/* === New Case Study template === */
.casestudy-post {
margin-top: 89px;
width: 100%;
}
.casestudy_section {
max-width: 1300px;
margin: 0 auto;
padding: 0 20px;
display: flex;
justify-content: space-between;
display: flex;
flex-wrap: wrap;
}
.casestudy-top-txt {
margin: 180px 0 !important;
width: 50%;
z-index: 99;
bottom: 0;
background: linear-gradient(45deg, #0E2168, #1E3898);
}
.casestudy-top-txt-wrap1 {
margin: 0;
display: flex;
justify-content: end;
padding-left: 20px;
}
.casestudy-top-txt-wrap2 {
max-width: 700px;
}
.casestudy-top h1 {
padding: 50px 40px;
color: #fff;
font-weight: 400;
}
.casestudy-top {
border: 1px solid transparent;
background-size: cover;
}
.casestudy-4headers {
background: linear-gradient(45deg, #0E2168, #1E3898);
padding: 30px 0;
}
.casestudy-4headers-header-title {
color: #fff;
font-size: 23px;
font-weight: 600;
}
.casestudy-4headers-header-txt {
line-height: 1.4;
margin: 0;
padding-top: 10px;
font-size: 17px;
color: white;
}
.casestudy-4headers-header {
width: 25%;
text-align: center;
border-right: 1px solid white;
padding: 0 20px;
}
.casestudy-4headers-header:nth-child(4) {
border-right: none;
}
.casestudy-chalrole {
display: flex;
justify-content: center;
}
.casestudy-role {
background: #F3F4F8;
}
.casestudy-challenge-wrap {
max-width: 630px;
margin-left: auto;
padding: 30px 60px 40px 0;
text-align: justify;
}
.casestudy-role-wrap {
margin-right: auto;
padding: 30px 0px 40px 60px;
max-width: 630px;
text-align: justify;
}
.casestudy-chalrole>div {
width: 100%;
}
.casestudy-subtitle {
font-size: 35px !important;
color: #455064 !important;
font-family: figtree-medium;
line-height: 1.2;
text-align: left;
margin-bottom: 8px;
display: inline-block;
}
.casestudy-approach>div,
.casestudy-results>div {
display: flex;
flex-direction: column;
}
.casestudy-infobox {
width: 50%;
}
.casestudy-quote>div {
display: flex;
flex-direction: column;
align-items: center;
}
.casestudy-cta1 {
background: linear-gradient(45deg, #0e2168 0%, #1e3898 100%);
}
.casestudy-cta1>div {
display: flex;
flex-direction: column;
position: relative;
color: #fff;
width: 100%;
padding-top: 60px;
padding-bottom: 60px;
justify-content: center;
}
.casestudy-cta1-img {
position: absolute;
right: 50px;
max-width: 450px;
}
.casestudy-cta1 {
background: linear-gradient(45deg, #0e2168 0%, #1e3898 100%);
}
.casestudy-cta1-img img {
max-height: 280px;
width: auto;
}
.casestudy-posts>div {
display: flex;
flex-direction: column;
}
.casestudy-posts-main {
width: 100%;
}
.casestudy-approach {
background: linear-gradient(45deg, #0E2168, #1E3898);
color: white;
padding: 40px 0 50px;
}
.casestudy-approach-txt {
display: flex;
justify-content: space-between;
}
.casestudy-approach-txt>div {
width: 45%;
text-align: justify;
}
.casestudy-quote {
padding: 75px 0;
}
.casestudy-posts {
padding: 70px 0 110px;
}
.casestudy-cta2-title,
.casestudy-posts-title {
font-size: 42px;
color: #455064;
font-weight: 600;
line-height: 1.2;
}
.casestudy-posts-title {
margin-bottom: 50px;
}
.casestudy-post a {
color: #465164;
}
.casestudy-cta2-title {
width: 50%;
}
.casestudy-cta2 {
margin-bottom: 120px;
}
.casestudy-post #respost_bottombar {
background: white;
bottom: -615px;
}
.casestudy-post #respost_bottombar {
background: white;
}
.casestudy-cta1-btn>a,
.casestudy-cta2-link1>a {
background: #fc5a43;
border-radius: 10px;
font-size: 20px;
color: white;
font-weight: 600;
line-height: 1.2;
padding: 12px 50px;
display: inline-block;
text-align: center;
}
.casestudy-cta1-btn>a:hover,
.casestudy-cta2-link1>a:hover {
background: #fc3a20;
color: white;
}
.casestudy-cta2-link2>a {
color: #455064;
font-size: 20px;
line-height: 1;
}
.casestudy-cta2-link2>a:hover {
color: #2453cc !important;
}
.casestudy-posts .cp-blog-posts-readmore {
display: none;
}
.casestudy-approach .casestudy-subtitle {
color: white !important;
}
.casestudy-results {
padding: 40px 0 10px;
}
.casestudy-infobox {
width: 48%;
padding: 25px 35px 40px;
display: flex;
flex-direction: column;
align-items: baseline;
box-shadow: 4px 4px 17px #00000029;
margin: 22px;
}
.casestudy-infobox1 {
background: #F3F4F8;
margin-left: 0;
}
.casestudy-infobox2 {
background: #ECF3FF;
margin-right: 0;
}
.casestudy-infobox3 {
background: #E5EBFF;
margin-left: 0;
}
.casestudy-infobox4 {
background: #EAEAEA;
margin-right: 0;
}
.casestudy-infobox-img img {
margin-bottom: 5px;
}
.casestudy-infobox-title {
font-size: 22px;
line-height: 1.4;
margin: 10px 0;
font-family: figtree-medium;
}
.casestudy-infobox-txt {
font-family: figtree-light;
line-height: 1.6;
color: #465164;
margin-bottom: 10px;
font-size: 18px;
}
.casestudy-infobox a,
.casestudy-role a {
border-bottom: 1.5px solid #465164;
color: #465164;
}
.casestudy-infobox a:hover,
.casestudy-role a:hover {
color: #465164;
}
.casestudy-quote-txt {
font-size: 22px;
max-width: 900px;
text-align: center;
margin: 40px 0 10px;
}
.casestudy-quote-author {
font-size: 18px;
font-weight: 600;
}
.casestudy-cta1-title {
font-size: 35px;
line-height: 1.4;
}
.casestudy-cta1-txt {
font-size: 22px;
font-family: figtree-light;
margin-top: 15px;
margin-bottom: 60px;
}
.casestudy-cta2>div {
align-items: end;
}
.casestudy-cta2-link2 {
padding: 12px 30px;
}
.casestudy-post .cp-blog-posts .post-readmore {
text-transform: capitalize;
font-family: figtree-medium;
font-size: 14px;
}
.casestudy-post .blog-title {
font-size: 22px;
color: #000;
line-height: 1.2;
padding: 0;
font-family: figtree-medium;
}
.casestudy-post .post-content {
font-family: figtree-light;
}
.casestudy-results-txt p,
.casestudy-results-txt,
.casestudy-approach-txt p,
.casestudy-approach-txt,
.casestudy-challenge-txt p,
.casestudy-challenge-txt,
.casestudy-role-txt p,
.casestudy-role-txt {
font-size: 18px;
}
.casestudy-posts .cp-blog-posts {
position: relative;
}
.casestudy-post #respost_bottombar_header {
padding: 20px 0;
}
.casestudy_bottombar_header_wrap {
width: 100% !important;
}
.casestudy-approach h4 {
color: white;
}
.casestudy-approach a {
text-decoration: underline;
color: white;
}
/* Mobile Optimisation */
@media screen and (max-width: 1180px) {
.casestudy-top h1 {
font-size: 32px;
padding-left: 20px;
}
.casestudy-infobox {
width: 47%;
}
}
@media screen and (max-width: 1350px) {
.casestudy-challenge-wrap {
padding-left: 25px;
}
.casestudy-role-wrap {
padding-right: 25px;
}
.casestudy_section {
padding: 0 25px;
}
}
@media screen and (max-width: 1024px) {
.casestudy-4headers>div {
flex-direction: column;
}
.casestudy-4headers-header {
width: 100%;
border-bottom: 1px solid #fff;
border-right: 0;
padding: 20px 0;
}
.casestudy-4headers-header:last-child {
border-bottom: none;
}
.casestudy-4headers {
padding: 0;
}
.casestudy-chalrole {
flex-direction: column;
}
.casestudy-challenge-wrap,
.casestudy-role-wrap {
max-width: 100%;
padding: 40px 25px;
}
.casestudy-approach-txt {
flex-direction: column;
}
.casestudy-approach-txt>div {
width: 100%;
}
.casestudy-infobox {
width: 100%;
margin: 20px 0;
}
.casestudy-quote-txt {
text-align: left;
max-width: 100%;
}
.casestudy-quote-author {
width: 100%;
}
.casestudy-cta2>div {
flex-direction: column;
align-items: center;
justify-content: center;
}
.casestudy-cta2-title {
width: 100%;
text-align: center;
margin-bottom: 30px;
}
.casestudy-cta2-link1 {
margin-bottom: 20px;
}
.casestudy-top-txt-wrap1 {
padding-left: 0;
}
}
@media screen and (max-width: 950px) {
.casestudy-post {
margin-top: 0;
}
.casestudy-top {
background-image: none !important;
border: none;
}
.casestudy-top-txt {
width: 100%;
margin: 0 !important;
text-align: center;
}
.casestudy-top-txt-wrap1 {
justify-content: center;
}
.casestudy-top-txt {
background: linear-gradient(157deg, #0E2168, #1E3898);
}
.casestudy-4headers>.casestudy_section {
padding: 0;
}
.casestudy-4headers-header {
padding: 20px;
}
.casestudy-quote {
padding: 40px 0 50px;
}
.casestudy-cta1-img {
display: none;
}
.casestudy-posts-title,
.casestudy-cta2-title,
.casestudy-subtitle {
font-size: 30px !important;
}
.casestudy-cta2-title,
.casestudy-cta1-title {
line-height: 1.6 !important;
font-size: 28px !important;
}
}
@media screen and (max-width: 820px) {
.casestudy-posts>div {
padding: 0 20px;
}
.casestudy-posts .cp-blog-posts .blog-main {
min-height: 250px !important;
}
.single-resource.cp_white_header .casestudy-posts .post-content {
margin-top: 0 !important;
}
}
@media screen and (max-width: 812px) {
.casestudy-post {
margin-top: 89px !important;
}
}
@media screen and (max-width: 800px) {
.casestudy-post #respost_bottombar {
bottom: -66%;
}
}
@media screen and (max-width: 650px) {
.casestudy-post .respost_bottombar_close {
top: -35px !important;
}
.casestudy-post #respost_bottombar.active .respost_bottombar_close {
top: 25px !important;
}
.casestudy-post #respost_bottombar {
top: calc(100vh - 60px) !important;
}
}
@media screen and (max-width: 450px) {
.casestudy-cta1-btn>a {
width: 100%;
}
.casestudy-results-txt p,
.casestudy-results-txt,
.casestudy-approach-txt p,
.casestudy-approach-txt,
.casestudy-challenge-txt p,
.casestudy-challenge-txt,
.casestudy-role-txt p,
.casestudy-role-txt {
text-align: left;
}
}
/* New blog Subscribe popup */
.popupv2,
.popupv2 .popup-content {
background: white !important;
}
.popupv2 .cp-signup-popup-title1 {
color: black;
font-family: figtree-medium;
text-align: left;
padding-bottom: 8px;
}
.popupv2 .popup-main {
display: flex;
justify-content: space-between;
}
.popupv2, .popupv2 .popup-content {
padding: 0;
}
.cp-signup-popup-right {
background: linear-gradient(45deg, #0E2168, #1E3898);
padding: 30px;
display: flex;
justify-content: flex-end;
}
.popupv2 {
border-radius: 0;
min-height: auto;
justify-content: space-between;
width: 1000px;
}
.cp-signup-popup-right img {
max-width: 250px;
margin-top: auto;
}
.cp-signup-popup-left {
width: 75%;
padding: 20px 80px;
}
.popupv2 .closePopup {
font-size: 30px;
font-family: figtree-light;
}
.popupv2 .popup-content {
max-width: 100%;
}
.popupv2 form#gform_14 label {
color: black;
font-family: 'Figtree-medium' !important;
}
.popupv2 #gform_previous_button_14 {
border: 1px solid #fc5a43 !important;
color: black;
font-family: 'Figtree-light' !important;
}
.popupv2 .cp-signup-popup-logo {
margin-bottom: 20px;
}
.popupv2 form#gform_14 .gform_next_button,
.popupv2 form#gform_14 #gform_submit_button_14 {
box-shadow: none !important;
padding: 12px 30px;
text-transform: capitalize;
border-radius: 10px;
font-family: 'Figtree-light' !important;
}
.popupv2 #gform_confirmation_message_14 p span {
font-family: 'Figtree-light';
color: black !important;
line-height: 1.4 !important;
display: inline-block;
}
.cp-signup-popup-subtitle {
text-align: left;
font-size: 14px;
line-height: 1.6;
margin-bottom: 20px;
color: black;
}
.popupv2 form#gform_14 .gform_page_footer.top_label {
justify-content: space-between;
}
.popupv2 #field_14_72 {
text-align: left;
color: black;
font-family: 'figtree-medium';
}
.popupv2 #field_14_73,
.popupv2 #field_14_73 a {
color: black;
}
/* === Mobile Optimisation === */
@media screen and (max-width: 1000px) {
.popupv2 .cp-signup-popup-left {
padding: 30px 30px;
}
.popupv2 {
width: 90%;
max-width: 90% !important;
}
.popupv2 .cp-signup-popup-right img {
max-width: 100%;
}
.popupv2 .popup-main {
flex-direction: column;
}
.cp-signup-popup-left {
width: 100%;
}
.popupv2 .cp-signup-popup-right img {
max-width: 100px;
}
.popupv2 .cp-signup-popup-right {
display: flex;
align-items: center;
justify-content: center;
}
.popupv2 .closePopup {
color: black;
}
.popupv2 .cp-signup-popup-form1::-webkit-scrollbar-track,
.popupv2 .cp-signup-popup-form1::-webkit-scrollbar-thumb {
background: #9c9c9c !important;
}
.cp-signup-popup-subtitle {
margin-bottom: 10px;
}
}
@media screen and (max-width: 950px) {
.popupv2 #gform_confirmation_message_14 p span {
font-size: 22px;
}
.popupv2 .gform-body {
margin: 0;
}
}
@media screen and (max-width: 450px) {
.popupv2 .cp-signup-popup-left {
padding: 20px 20px 0;
}
.popupv2 form#gform_14 .gform_next_button,
.popupv2 form#gform_14 #gform_submit_button_14,
.popupv2 input#gform_previous_button_14 {
padding: 8px 10px;
}
}
@media screen and (max-width: 380px) {
.cp-signup-popup-right {
display: none !important;
}
.popup .cp-signup-popup-title1 {
font-size: 18px;
}
.popup .cp-signup-popup-title1 {
margin-top: 0px;
}
.popupv2 #gform_confirmation_message_14 p span {
font-size: 18px;
}
}
/* ==== Resources pages translation START ==== */
.resources_popup #gform_confirmation_message_16 h2>span,
.resources_popup #gform_confirmation_message_17 h2>span {
color: black !important;
}
.popupv2 form#gform_16 label,
.popupv2 form#gform_17 label {
color: black;
font-family: 'Figtree-medium' !important;
}
.popupv2 #gform_previous_button_16,
.popupv2 #gform_previous_button_17 {
border: 1px solid #fc5a43 !important;
color: black;
font-family: 'Figtree-light' !important;
}
.popupv2 form#gform_16 .gform_next_button,
.popupv2 form#gform_16 #gform_submit_button_16,
.popupv2 form#gform_17 .gform_next_button,
.popupv2 form#gform_17 #gform_submit_button_17 {
box-shadow: none !important;
padding: 12px 30px;
text-transform: capitalize;
border-radius: 10px;
font-family: 'Figtree-light' !important;
}
.popupv2 #gform_confirmation_message_16 p span,
.popupv2 #gform_confirmation_message_17 p span {
font-family: 'Figtree-light';
color: black !important;
line-height: 1.4 !important;
display: inline-block;
}
.popupv2 form#gform_16 .gform_page_footer.top_label,
.popupv2 form#gform_17 .gform_page_footer.top_label {
justify-content: space-between;
}
.popupv2 #field_16_72,
.popupv2 #field_17_72 {
text-align: left;
color: black;
font-family: 'figtree-medium';
}
.popupv2 #field_16_73,
.popupv2 #field_16_73 a,
.popupv2 #field_17_73,
.popupv2 #field_17_73 a {
color: black;
}
#resources_popup_v2 #gform_previous_button_16,
#resources_popup_v2 #gform_previous_button_17 {
padding: 13px 29px;
font-size: 14px;
text-transform: uppercase !important;
}
#resources_popup_v2 .gform_wrapper #input_16_72,
#resources_popup_v2 .gform_wrapper #input_17_72 {
display: flex;
align-items: center;
}
#resources_popup_v2 .gform_wrapper #input_16_72>div,
#resources_popup_v2 .gform_wrapper #input_17_72>div {
width: 100%;
}
#resources_popup_v2 .gchoice.gchoice_16_72_1,
#resources_popup_v2 .gchoice.gchoice_17_72_1 {
width: 80% !important;
}
#resources_popup_v2 .gform_wrapper #input_16_72>div,
#resources_popup_v2 .gform_wrapper #input_17_72>div {
width: 100%;
}
#resources_popup_v2 .gchoice.gchoice_16_72_3,
#resources_popup_v2 .gchoice.gchoice_17_72_3 {
width: 60% !important;
}
#resources_popup_v2 .gform_wrapper #input_16_72>div>label,
#resources_popup_v2 .gform_wrapper #input_17_72>div>label {
font-size: 15px;
}
#resources_popup_v2 .gform_wrapper #field_16_73,
#resources_popup_v2 .gform_wrapper #field_17_73 {
font-size: 12px;
line-height: 1.4;
}
.gform_wrapper #gform_16_validation_container,
.gform_wrapper #gform_17_validation_container {
display: none;
}
#resources_popup_v2 .gform_wrapper #field_16_73 a,
#resources_popup_v2 .gform_wrapper #field_17_73 a {
color: black;
}
form#gform_16 input,
form#gform_16 select,
form#gform_17 input,
form#gform_17 select {
background: white !important;
font-family: figtree !important;
}
form#gform_16 .gform_next_button,
form#gform_16 #gform_submit_button_16,
form#gform_17 .gform_next_button,
form#gform_17 #gform_submit_button_17 {
background: #FC5A4C !important;
color: white;
border: none !important;
box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 20px 0px !important;
padding: 15px 30px;
font-size: 14px;
}
form#gform_16 label,
form#gform_17 label {
color: white;
text-align: left;
width: 100%;
}
fieldset#field_16_72,
fieldset#field_17_72 {
text-align: left;
color: white;
}
div#field_16_73,
div#field_17_73 {
font-size: 12px;
line-height: 1.4;
color: white;
text-align: left;
}
form#gform_16 .gform_page_footer.top_label,
form#gform_17 .gform_page_footer.top_label {
display: flex;
flex-direction: row;
justify-content: space-around;
}
input#gform_previous_button_16,
input#gform_previous_button_17 {
padding: 13px 29px;
font-size: 14px;
text-transform: uppercase !important;
border: none !important;
}
form#gform_16 .ginput_container--name label:after,
form#gform_16 .gfield_required,
form#gform_17 .ginput_container--name label:after,
form#gform_17 .gfield_required {
color: white !important;
}
@media screen and (max-width: 950px) {
.popupv2 #gform_confirmation_message_16 p span,
.popupv2 #gform_confirmation_message_17 p span {
font-size: 22px;
}
}
@media screen and (max-width: 450px) {
.popupv2 form#gform_16 .gform_next_button,
.popupv2 form#gform_16 #gform_submit_button_16,
.popupv2 input#gform_previous_button_16,
.popupv2 form#gform_17 .gform_next_button,
.popupv2 form#gform_17 #gform_submit_button_17,
.popupv2 input#gform_previous_button_17 {
padding: 8px 10px;
}
}
@media screen and (max-width: 380px) {
.popupv2 #gform_confirmation_message_16 p span,
.popupv2 #gform_confirmation_message_17 p span {
font-size: 18px;
}
}
/* ==== Resources pages translation END ==== */
/* === TEMPORARILY HIDE LANG SWITCHER FROM RESOURCES LIBRARY AND CASE STUDY EN PAGES === */
/*.page-id-34884 li#menu-item-wpml-ls-6109-en,
.page-id-53754 li#menu-item-wpml-ls-6109-en {
display: none !important;
}*/