/* Theme Name: Beaver Builder Child Theme Theme URI: http://www.wpbeaverbuilder.com Version: 1.0 Description: An example child theme that can be used as a starting point for custom development. Author: The Beaver Builder Team Author URI: http://www.fastlinemedia.com template: bb-theme */ /* Add your custom styles here... */ :root { /* Set up CSS variables how to use: var(--espria-red) */ --espria-blue: #25255C; --espria-red: #DD1E4A; --espria-orange: #E8650A; --espria-lightblue: #0EA5C4; --espria-purple: #9B6FD4; --espria-green: #2EB4A5; } .img-wrap .uabb-image-content { position: relative; display: inline-block; /* or block, depending on layout */ } .img-wrap .uabb-image-content::after { content: ""; position: absolute; inset: 0; background-color: #2C7AB4; opacity: 0.8; mix-blend-mode: multiply; pointer-events: none; } .img-wrap.cloudcircle .uabb-image-content::after {} .img-wrap.DEXcircle .uabb-image-content::after { background-color: var(--espria-green);} .img-wrap .uabb-image-content img { display: block; width: 100%; height: auto; } /** * Shape .circle */ .circle .uabb-image, .circle .uabb-image-content { display: block !important; position: relative !important; width: 100% !important; aspect-ratio: 1 / 1 !important; height: auto !important; border-radius: 50% !important; overflow: hidden !important; } .circle .uabb-image-content { position: relative !important; width: 100% !important; height: 0 !important; padding-top: 100% !important; border-radius: 50% !important; overflow: hidden !important; } .circle .uabb-image-content img.uabb-photo-img { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 50% !important; } /*Fix BB on mobile 768 Note: needs testing as only supported on modern browsers*/ @media (max-width: 768px) { .fl-module-box:has(.circle) { width: 100% !important; } } /** * Navigation Row */ /* body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-scrolled):not([data-overlay-bg="default"]) .fl-row-content-wrap, body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-scrolled):not([data-overlay-bg="default"]) .fl-col-content, body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-scrolled):not([data-overlay-bg="default"]) .fl-module-box { background-color: white; } */ header.fl-builder-content[data-type="header"].fl-theme-builder-header-sticky .pre-nav { background-color: var(--espria-blue); } header.fl-builder-content[data-type="header"]:not(.fl-theme-builder-header-sticky) .pre-nav { background-color: var(--espria-blue); } /*Deals with the header BG for the white row, it sets the internal DIV BG to white as we could not overwrite the scroll transparency issue*/ .fl-node-lb5dg02e8197 { background-color: white!important; } #headerServices { width: 100%; display: flex; flex-direction: row; justify-content: space-around; padding-bottom: 20px; flex-wrap: wrap; gap:20px;} #headerServices a { justify-content: center;} @media (max-width: 1492px) { #headerServices a {flex-basis: 45%; } } @media (max-width: 930px) { #headerServices a {flex-basis:100%; } } .headerCTA { color: var(--espria-blue); font-weight: bold; font-size: 23px; display: inline-flex; align-items: center; gap: 6px; padding:20px; border-radius: 10px; border: 2px white solid;} .headerCTA i { font-size: 15px; display: inline-flex; align-items: center; justify-content: center; } .headerCTA:hover { color: var(--espria-blue); background-color: none; text-decoration: none; border-color: var(--espria-blue);} .service_dee { color: var(--espria-green); } .service_dee:hover { color: var(--espria-green); border-color: var(--espria-green); } .service_cloud{color: var(--espria-lightblue);} .service_cloud:hover { color: var(--espria-lightblue); border-color: var(--espria-lightblue); } .service_cyber {color: var(--espria-orange);} .service_cyber:hover { color: var(--espria-orange); border-color: var(--espria-orange); } .service_ai {color: var(--espria-purple);} .service_ai:hover { color: var(--espria-purple); border-color: var(--espria-purple); } @media (max-width: 1065px) { div.pre-nav .fl-row-fixed-width { width: 100%; max-width: unset; } div.pre-nav div.fl-row-content-wrap { display: none; } } @media (max-width: 768px) { .headerCTA { align-items: center; gap: 6px; padding:5px;} } /** * Button SVG changes */ .uabb-button-text::before, .nav-cta .menu-item-text::before, .serv-accord-cs .faux-btn::before, .serv-accord .pp-accordion-content a.txtbtn::before, .serv-accord-txtlinks .fl-module-content a::before, .dark-btn a.fl-button::before, .light-btn a.fl-button::before, .full-nav .pp-menu-nav > ul.menu > li.menu-item > .sub-menu > li.menu-item > .sub-menu > li.menu-item.solutions-all-services a::before, .blog-scroller .uabb-read-more-text a::before, li.mob-subitem-all-services a::before, .uabb-module-content .uabb-text-editor.uabb-accordion-desc .trust-centre-list li a::before, .tc-related-posts-block ul.tc-list li a::before{ background-image: url('../../../wp-content/themes/bb-theme-child/ButtonIcon.svg')!important; } .mega-menu-wrap .nav-cta .mega-menu-link::after { background-image: url('../../../wp-content/themes/bb-theme-child/ButtonIcon.svg'), linear-gradient(135deg, #D72947 0%, #DF536B 100%)!important; } .tc-accordion-content .tc-list li a::before { background-image: url('../../../wp-content/themes/bb-theme-child/ButtonIcon.svg'), linear-gradient(135deg, #D72947 0%, #DF536B 100%)!important; } .tc-accordion-content .tc-list li a:active::before { background-image: url('../../../wp-content/themes/bb-theme-child/ButtonIcon.svg'), linear-gradient(135deg, #D72947 0%, #DF536B 100%)!important; } /** * Icon BG overwrite */ .grad-iconbox .uabb-image .uabb-image-content { /*background: none!important;*/ /*kill current BG*/ background-color: var(--espria-red); } /*Security section child*/ body.page-id-125 .grad-iconbox .uabb-image .uabb-image-content, body.parent-pageid-125 .grad-iconbox .uabb-image .uabb-image-content { background-color: var(--espria-orange);} /*Cloud*/ body.page-id-5164 .grad-iconbox .uabb-image .uabb-image-content, body.parent-pageid-5164 .grad-iconbox .uabb-image .uabb-image-content { background-color: var(--espria-lightblue);} /*DEX*/ body.page-id-5830 .grad-iconbox .uabb-image .uabb-image-content, body.parent-pageid-5830 .grad-iconbox .uabb-image .uabb-image-content { background-color: var(--espria-green);} /*AI*/ body.page-id-5820 .grad-iconbox .uabb-image .uabb-image-content, body.parent-pageid-5820 .grad-iconbox .uabb-image .uabb-image-content { background-color: var(--espria-purple);} /** * Sub oages with CRA no border coming in from BB * eg: get-in-touch; */ .fl-builder-content .fl-node-lovxj7ehfb65 .uabb-module-content.uabb-creative-button-wrap a {border-width: 2px;} /*** remvoing BG from header of: /customer-stories/ setting it to the blue BG instead; */ .abv-fld-w-crds.simple .fl-row-content-wrap {background:none!important; background-color: var(--espria-blue)!important;} /** * Remove CTA BG block from, larger CTA elements with forms etc */ body .glob-cta-img { background-image:unset; background-position: unset; background-repeat: unset; background-size: unset; } /** * Balance for contnet */ .balance {text-wrap-style: balance!important; } .pretty { text-wrap-style: pretty!important; } /** * SC mega menu Icon updates */ /** * DEX icon */ @media only screen and (max-width: 1025px) { #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 .mega-sub-menu li#mega-menu-item-5862.mega-icon-top > a.mega-menu-link:before { width: 100%; min-width: 24px; background-position-x: center; } } @media only screen and (min-width: 1026px) { #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li#mega-menu-item-5862.mega-icon-top > a.mega-menu-link:before { width: 100%; min-width: 24px; background-position-x: center; } } #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li#mega-menu-item-5862 > a.mega-menu-link:before { content: ""; background-image: url("//www.espria.com/wp-content/uploads/2025/02/IT-services-Blue-24x24.webp"); background-size: 24px 24px; background-repeat: no-repeat; width: 24px; height: 24px; min-width: 24px; margin-bottom: auto; } @media (-webkit-min-device-pixel-ratio: 2) { #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li#mega-menu-item-5862 > a.mega-menu-link:before { background-image: url("//www.espria.com/wp-content/uploads/2025/02/IT-services-Blue.webp"); } } @media only screen and (max-width: 1025px) { #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li#mega-menu-item-5862 > a.mega-menu-link:before { background-size: 24px 24px; width: 24px; height: 24px; line-height: 24px; } } /* AI Menu Link*//* AI Menu Link*/ @media only screen and (max-width: 1025px) { #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 .mega-sub-menu li#mega-menu-item-5863 > a.mega-menu-link:before { width: 100%; min-width: 24px; background-position-x: center; } } @media only screen and (min-width: 1026px) { #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li#mega-menu-item-5863 > a.mega-menu-link:before { width: 100%; min-width: 24px; background-position-x: center; } } #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li#mega-menu-item-5863 > a.mega-menu-link:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_571' data-name='Rectangle 571' width='32' height='32' fill='%2325255c'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Seamless-integration-Icon' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1328' data-name='Path 1328' d='M10,14a4,4,0,1,0-4-4A4,4,0,0,0,10,14Z' fill='none' stroke='%2325255c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_1329' data-name='Path 1329' d='M22,14a4,4,0,1,0-4-4A4,4,0,0,0,22,14Z' fill='none' stroke='%2325255c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_1330' data-name='Path 1330' d='M10,26a4,4,0,1,0-4-4A4,4,0,0,0,10,26Z' fill='none' stroke='%2325255c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_1331' data-name='Path 1331' d='M22,18v8' fill='none' stroke='%2325255c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_1332' data-name='Path 1332' d='M26,22H18' fill='none' stroke='%2325255c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E"); background-size: 24px 24px; background-repeat: no-repeat; width: 24px; height: 24px; min-width: 24px; margin-bottom: auto; } @media (-webkit-min-device-pixel-ratio: 2) { #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li#mega-menu-item-5863 > a.mega-menu-link:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_571' data-name='Rectangle 571' width='32' height='32' fill='%2325255c'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Seamless-integration-Icon' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1328' data-name='Path 1328' d='M10,14a4,4,0,1,0-4-4A4,4,0,0,0,10,14Z' fill='none' stroke='%2325255c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_1329' data-name='Path 1329' d='M22,14a4,4,0,1,0-4-4A4,4,0,0,0,22,14Z' fill='none' stroke='%2325255c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_1330' data-name='Path 1330' d='M10,26a4,4,0,1,0-4-4A4,4,0,0,0,10,26Z' fill='none' stroke='%2325255c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_1331' data-name='Path 1331' d='M22,18v8' fill='none' stroke='%2325255c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_1332' data-name='Path 1332' d='M26,22H18' fill='none' stroke='%2325255c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E"); } } @media only screen and (max-width: 1025px) { #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li#mega-menu-item-5863 > a.mega-menu-link:before { background-size: 24px 24px; width: 24px; height: 24px; line-height: 24px; } } /*dealing with links in box on: https://www.espria.com/cloud-services-business-uk/ */ body .uabb-infobox-text a, .serv-accord a:not(.txtbtn) { color:unset; }