/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/



/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.ewd-ufaq-faqs * {
    color: #000;
}
.lumi-team-linkedin-wrap .elementor-widget-icon {
    position: absolute;
    bottom: -15px;
    right: -15px;
}

.lumi-custom-slider-arrow-wrap img {
	cursor: pointer;
}

.ast-site-identity {
    padding: 0 !important;
}
/* FAQs */
/* .ewd-ufaq-faq-list .ewd-ufaq-faq-category-title {
    display: none;
} */
.ewd-ufaq-faq-category, .ewd-ufaq-faq-category-inner {
    margin-bottom: 0 !important;
}
.ewd-ufaq-faq-title {
    background-color: #ffdd00;
}
.ewd-ufaq-faq-title h4 {
    font-size: 14px;
}
.ewd-ufaq-faq-body {
    font-size: 13px;
}
div.ewd-ufaq-post-margin-symbol {
    background-image: url('https://lumicity.websitestage.co.uk/wp-content/uploads/2025/12/Arrow-2-Black-Down.png');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    height: 25px !important;
    width: 25px !important;
    margin: 5px !important;
}
.ewd-ufaq-post-active div.ewd-ufaq-post-margin-symbol {
     background-image: url('https://lumicity.websitestage.co.uk/wp-content/uploads/2025/12/Arrow-Black-Up.png');   
}
div.ewd-ufaq-post-margin-symbol span {
    display: none !important;
}
.ewd-ufaq-faq-body {
    display: block !important;
    max-height: 0px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden;
    -webkit-transition: 1.2s;
    -o-transition: 1.2s;
    transition: 1.2s;
}
.ewd-ufaq-post-active .ewd-ufaq-faq-body {
    max-height: 800px !important;
}

.ewd-ufaq-faq-post {
    opacity: 0;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.ewd-ufaq-post-active .ewd-ufaq-faq-post {
    opacity: 1;
}
.lumi-faqs-controls .elementor-nav-menu li {
	 border-top: 1px solid #fff;
	 max-width: 300px;
}
 .lumi-faqs-controls .elementor-nav-menu li:last-child {
	 border-bottom: 1px solid #fff;
}

 
/* Styling for those weird buttons with only two corners */
.lumi-button-corners a.elementor-button-link, .lumi-heading-corners h4.elementor-heading-title  {
	 padding: 0 20px;
	 margin-bottom: 10px;
	 margin-top: 10px;
	 display: inline-block;
	 text-align: center;
	 min-height: 56px;
	 line-height: 56px;
	 min-width: 194px;
	 position: relative;
	 z-index: 1;
	 font-size: 18px;
	 font-family: var(--font-raptor);
	 font-weight: bold;
	 cursor: pointer;
	background: none;
}
 .lumi-button-corners a::before, .lumi-button-corners a::after, .lumi-heading-corners h4::before, .lumi-heading-corners h4::after,
.lumi-corner-counter .elementor-counter-number-wrapper::before, .lumi-corner-counter .elementor-counter-number-wrapper::after
{
	 content: '';
	 display: block;
	 height: 25px;
	 width: 25px;
	 position: absolute;
	 z-index: 0;
	 -webkit-transition: height ease-in-out, width ease-in-out;
	 -o-transition: height ease-in-out, width ease-in-out;
	 transition: height ease-in-out, width ease-in-out;
	 -webkit-transition-duration: 0.2s;
	      -o-transition-duration: 0.2s;
	         transition-duration: 0.2s;
	 border-color: #fff;
}
 .lumi-button-corners a::before, .lumi-heading-corners h4::before, .lumi-corner-counter .elementor-counter-number-wrapper::before {
	 top: 0px;
	 left: 0px;
	 border-left: 1px solid;
	 border-top: 1px solid;
}
 .lumi-button-corners a::after, .lumi-heading-corners h4::after, .lumi-corner-counter .elementor-counter-number-wrapper::after {
	 right: 0px;
	 bottom: 0px;
	 border-right: 1px solid;
	 border-bottom: 1px solid;
}
 .lumi-button-corners a:hover::before, .lumi-button-corners a:hover::after, .lumi-heading-corners h4:hover::before, .lumi-heading-corners h4:hover::after, .lumi-corner-counter .elementor-counter-number-wrapper:hover::before, .lumi-corner-counter .elementor-counter-number-wrapper:hover::after {
	 width: calc(100% - 1px);
	 height: calc(100% - 1px);
}
 .lumi-button-corners a input, .lumi-button-corners a button,.lumi-heading-corners h4 {
	 margin: 0;
	 padding: 0;
	 width: 100%;
	 height: 100%;
	 border: none;
	 outline: none;
	 font-weight: inherit;
	 font-size: inherit;
	 color: inherit;
}
 .lumi-button-corners a-hover::before, .lumi-button-corners a-hover::after,.lumi-heading-corners h4-hover::before, .lumi-heading-corners h4-hover::after, .lumi-corner-counter .elementor-counter-number-wrapper-hover::before, .lumi-corner-counter .elementor-counter-number-wrapper-hover::after {
	 width: calc(100% - 1px);
	 height: calc(100% - 1px);
}

/* Job page filters */
.lumi-job-filters {
    padding-right: 80px;
}
.lumi-job-filters .elementor-widget-search-filter-field {
    padding-bottom: 40px;
}
.lumi-job-filters .search-filter-input-group .search-filter-input-checkbox {
    border-top: 1px solid #fff;
}
.lumi-job-filters .search-filter-input-group .search-filter-input-checkbox:last-child {
    border-bottom: 1px solid #fff;
}
.lumi-job-filters .search-filter-label {
    color: #ffdd00;
    font-size: 24px;
    font-size: 1.1428571428571rem;
    line-height: 1.2em;
    font-weight: 900;
		padding-bottom: 20px;
}
.lumi-job-filters .search-filter-input-checkbox__label {
    color: #fff;
    font-family: Avenir,Helvetica,Arial,sans-serif;
    font-weight: 500;
    font-size: 21px;
    font-size: 1rem;
    line-height: var(--ast-body-line-height,1.65);
    text-transform: capitalize;
    padding: 0;
}
.lumi-job-filters .search-filter-input-checkbox--is-active .search-filter-input-checkbox__label {
    font-weight: 900;
}
.lumi-job-filters .search-filter-input-checkbox__control {
    display: none;
}
/* Styles for header and link highlight animation */
.ast-primary-header-bar li.menu-item a, .lumi-highlight a {
    display: inline-block;
    line-height: 30px;
    padding: 0 10px;
    position: relative;
    z-index: 1;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    -webkit-transition-delay: .2s;
         -o-transition-delay: .2s;
            transition-delay: .2s;
}
.ast-primary-header-bar li.menu-item {
	padding: 10px !important;
}

.ast-primary-header-bar .sub-menu li.menu-item {
	white-space: nowrap;
	
}
.ast-primary-header-bar .sub-menu li.menu-item a {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.ast-primary-header-bar li.menu-item a:hover, .lumi-highlight a:hover {
    color: #19191f !important;
}
.ast-primary-header-bar li.menu-item a:hover:before, .lumi-highlight a:hover:before {
    height: 1px;
    width: 100%;
    left: 0;
}
.ast-primary-header-bar li.menu-item a:before, .lumi-highlight a:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    left: 50%;
    bottom: 0;
    height: 0;
    width: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: #fd0;
}

.ast-primary-header-bar li.menu-item a:after, .lumi-highlight a:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    -webkit-transition: height .2s ease-in-out;
    -o-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out;
    -webkit-transition-delay: .2s;
         -o-transition-delay: .2s;
            transition-delay: .2s;
    background-color: #fd0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.ast-primary-header-bar li.menu-item a:hover:after, .lumi-highlight a:hover:after {
    height: 100%;
}
/* Our DNA grid arrows outside margins */
@media only screen and (min-width: 1500px) {
    .lumi-dna-grid .elementor-widget-image {
        margin-left: -120px;
    }
	.lumi-dna-grid > div:last-child {
    margin-left: 0px;
}
}

/* Other stuff */
.lumicity-video-logo-wrap {
	height: 243px;
}
.lumicity-video-logo-wrap video {
	-o-object-fit: contain !important;
	   object-fit: contain !important;
}
.lumi-sector-specialisms .elementor-loop-container > div:nth-last-child(-n+2) .elementor-widget-heading {
    border-bottom: 3px solid #fff;
}
/* Carousel Arrows */
.arrowControlForward_1, .arrowControlForward_2, .arrowControlForward_3, .arrowControlForward_4, .arrowControlForward_5 {
  background-image: url("https://lumicity.websitestage.co.uk/wp-content/uploads/2025/12/Carousel-Inactive-Right.png");
  background-size: contain;
}
.arrowControlForward_1:hover, .arrowControlForward_2:hover, .arrowControlForward_3:hover, .arrowControlForward_4:hover, .arrowControlForward_5:hover {
  background-image: url("https://lumicity.websitestage.co.uk/wp-content/uploads/2025/12/Carousel-Active-Right.png");
  background-size: contain;
}
.arrowControlForward_1 img, .arrowControlForward_2 img, .arrowControlForward_3 img, .arrowControlForward_4 img, .arrowControlForward_5 img {
  opacity: 0;
}

.arrowControlPrevious_1, .arrowControlPrevious_2, .arrowControlPrevious_3, .arrowControlPrevious_4, .arrowControlPrevious_5 {
  background-image: url("https://lumicity.websitestage.co.uk/wp-content/uploads/2025/12/Carousel-Inactive-Left.png");
  background-size: contain;
}
.arrowControlPrevious_1:hover, .arrowControlPrevious_2:hover, .arrowControlPrevious_3:hover, .arrowControlPrevious_4:hover, .arrowControlPrevious_5:hover {
  background-image: url("https://lumicity.websitestage.co.uk/wp-content/uploads/2025/12/Carousel-Active-Left.png");
  background-size: contain;
}
.arrowControlPrevious_1 img, .arrowControlPrevious_2 img, .arrowControlPrevious_3 img, .arrowControlPrevious_4 img, .arrowControlPrevious_5 img {
  opacity: 0;
}
@media only screen and  (max-width: 768px) { 
	.lumi-sector-specialisms .elementor-loop-container > div:nth-last-child(-n+2) .elementor-widget-heading {
    border-bottom: 0;
}
.lumi-sector-specialisms .elementor-loop-container > div:last-child .elementor-widget-heading {
    border-bottom: 3px solid #fff;
	}	
}
/* Styles for those weird diamond images that bridge two sections */
.lumi-diamond-lower {
    position: absolute;
     background-size: 120% 120%;
    background-position: 0% 300%; 
    -o-object-fit: cover; 
       object-fit: cover;
    height: calc(800px * 1.32);
    width: 800px;
    top: 0;
    right: 0;
	background-repeat: no-repeat;
}
.lumi-diamond-upper {
    position: absolute;
    background-size: 120% 120%;
    background-position: 0% -200%;  
    -o-object-fit: cover;  
       object-fit: cover;
    height: calc(800px * 1.32);
    width: 800px;
    bottom: 0;
    right: 0;
	background-repeat: no-repeat;
}
.lumi-diamond-why-partner {
    position: absolute;
    background-size: 100% 100%;
    background-position: 0% 0%; 
    -o-object-fit: cover; 
       object-fit: cover;
    height: 400px;
    width: 400px;
    top: -150px !important;
    right: 0;
}

.lumi-diamond-ghub-sponsor {
    position: absolute;
    background-size: 100% 100%;
    background-position: 0% 0%; 
    -o-object-fit: cover; 
       object-fit: cover;
    height: 450px;
    width: 450px;
    top: -50px !important;
    right: 0;
}
.lumi-diamond-ghub-values {
    position: absolute;
    background-size: 100% 100%;
    background-position: 0% 0%; 
    -o-object-fit: cover; 
       object-fit: cover;
    height: 500px;
    width: 500px;
    top: calc(50% - 250px) !important;
    right: 0;
}
.lumi-diamond-staffsol {
    position: absolute;
    background-size: 100%;
    background-position: center center;
    -o-object-fit: cover;
       object-fit: cover;
    height: 500px;
    width: 500px;
    top: 0;
    right: 0;
}
.lumi-diamond-faqs {
    position: absolute;
    background-size: 150%;
    background-position: top right;
    -o-object-fit: cover;
       object-fit: cover;
    height: 600px;
    width: 500px;
    bottom: 0;
    left: 0;
}
@media only screen and (max-width: 1600px){
.lumi-diamond-lower, .lumi-diamond-upper {
    height: calc(600px * 1.32);
    width: 600px;
}
}
@media only screen and (max-width: 1200px){
.lumi-diamond-lower, .lumi-diamond-upper {
    height: calc(500px * 1.32);
    width: 500px;
}
}
@media only screen and (max-width: 1000px){
.lumi-diamond-lower, .lumi-diamond-upper {
    height: calc(400px * 1.32);
    width: 400px;
}
}
@media (max-width: 921px) {
	.lumi-diamond-why-partner {
    height: 300px;
    width: 300px;
		top: -75px
	}
}
@media only screen and  (max-width: 768px) { 
.lumi-diamond-lower, .lumi-diamond-upper {
    display: none;
}
.lumi-diamond-why-partner {
    height: 150px;
    width: 150px;
	top: -25px
}
}
/* Homepage video responsive */
/* Calcs are there to make life easier for resizing */
/* Just swap all instances of old size px to new size px if needed */
/* Just leave the *0.242 and +3px where they appear */
@media only screen and (max-width: 1200px){
    .lumicity-video-logo-wrap {
        width: 900px !important;
        height: calc(900px * 0.242) !important;
        min-height: 0 !important;
    }
    .lumicity-video-logo-wrap > .e-con {
        width: calc(900px + 3px) !important;
        height: calc((900px * 0.242) + 3px)!important;
        min-height: 0 !important;  
    }
}

@media only screen and (max-width: 1000px){
    .lumicity-video-logo-wrap {
        width: 800px !important;
        height: calc(800px * 0.242) !important;
        min-height: 0 !important;
    }
    .lumicity-video-logo-wrap > .e-con {
        width: calc(800px + 3px) !important;
        height: calc((800px * 0.242) + 3px)!important;
        min-height: 0 !important;  
    }
}
@media only screen and (max-width: 800px){
    .lumicity-video-logo-wrap {
        width: 600px !important;
        height: calc(600px * 0.242) !important;
        min-height: 0 !important;
    }
    .lumicity-video-logo-wrap > .e-con {
        width: calc(600px + 3px) !important;
        height: calc((600px * 0.242) + 3px)!important;
        min-height: 0 !important;  
    }
}
@media only screen and (max-width: 650px){
    .lumicity-video-logo-wrap {
        width: 400px !important;
        height: calc(400px * 0.242) !important;
        min-height: 0 !important;
    }
    .lumicity-video-logo-wrap > .e-con {
        width: calc(400px + 3px) !important;
        height: calc((400px * 0.242) + 3px)!important;
        min-height: 0 !important;  
    }
}
@media only screen and (max-width: 500px){
    .lumicity-video-logo-wrap {
        width: 250px !important;
        height: calc(250px * 0.242) !important;
        min-height: 0 !important;
    }
    .lumicity-video-logo-wrap > .e-con {
        width: calc(250px + 3px) !important;
        height: calc((250px * 0.242) + 3px)!important;
        min-height: 0 !important;  
    }
}
/*footer logo offscreen fix */
@media only screen and (min-width: 1400px){
.site-above-footer-wrap .site-footer-section-1 .widget_media_image {
    margin-left: -70px;
}
}
/* tablet styles */
@media only screen and (max-width: 1025px){

	.lumi-diamond-ssolutions {
    height: 315px;
    width: 315px;
}
.site-primary-footer-wrap  .ast-builder-footer-grid-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.site-primary-footer-wrap  .ast-builder-footer-grid-columns > div {
    padding-bottom: 20px;
}
}
/* Make header WIIIDDDE */
@media (min-width: 922px) {
.ast-primary-header-bar .ast-builder-grid-row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    width: 100%;
}
.ast-primary-header-bar .ast-builder-grid-row .ast-builder-menu {
    width: 100%;
}
.ast-primary-header-bar .ast-builder-grid-row .ast-builder-menu .ast-main-header-bar-alignment {
    margin-left: 0 !important;
    width: 100%;
}
.ast-primary-header-bar .ast-builder-grid-row .ast-builder-menu .ast-main-header-bar-alignment .main-navigation {
    width: 100%;
}
.ast-primary-header-bar .ast-builder-grid-row .ast-builder-menu .ast-main-header-bar-alignment .main-navigation ul {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
}
/* single job content colour change */
.single-job .e-grid > div:last-child .e-con-inner h1, .single-job .e-grid > div:last-child .e-con-inner h2, .single-job .e-grid > div:last-child .e-con-inner h3, .single-job .e-grid > div:last-child .e-con-inner h4, .single-job .e-grid > div:last-child .e-con-inner h5, .single-job .e-grid > div:last-child .e-con-inner h6, .single-job .e-grid > div:last-child .e-con-inner p {
  color: #19191f;
}