/*
Theme Name: Futureworld
Theme URI: https://www.futureworld.org/
Template: hello-elementor
Author: Superseed
Author URI: https://superseedstudio.com
Version: 1.1637840863
Updated: 2021-11-25 13:47:43

*/

:root {
	--color-blue: #45C4D3;
	--color-white: #FFFFFF;
	--color-red: #FE4A49;
	--color-black: #000000;
	--color-yellow: #FCD032;
	--color-green: #50C778;
	--color-fade-black: #FFFFFF1A;
}

* {
	-webkit-tap-highlight-color: transparent !important;
}


/* GLOBAL PADDING */

.padme-standard {
	padding-left:3em;
	padding-right:3em;
}

.padme-topbot {
	padding-top:3em;
	padding-bottom:3em;
}

.padme-herobot {
	padding-bottom:5em;
}

.padme-more {
	padding-left:10em;
	padding-right:10em;
}

.ib-pad {
	padding:1em 4em;
}

.ib-pad strong,
.differentiators strong {
	color: var(--color-blue) !important;
}

.circle-fix-width {
	min-width:100px;
}

.section-red {
	background-color: var( --e-global-color-7e26d68 );
	color:#fff;
}

/* Global Heading Colors */

.color-black {
	color: var(--color-black) !important;
}

.color-blue {
	color: var(--color-blue) !important;
}

.color-yellow {
	color: var(--color-yellow) !important;
}

.color-green {
	color: var(--color-green) !important;
}

.color-red {
	color: var(--color-red) !important;
}

/* GLOBAL FONT WEIGHTS */

.font-extra-bold {
	font-weight: 800 !important;
}

.font-light-to-bold strong{
	font-weight: 700 !important
}

/* GLOBAL BUTTONS */

#btn-blue {
	color: var(--color-white);
	background-color: var(--color-blue);
	border: 1px solid var(--color-blue);
	border-radius: 0;
	font-weight: 500;
	transition: all 350ms ease-in-out;
}

#btn-blue:hover,
#btn-yellow:hover,
#btn-green:hover,
#btn-green-load:hover,
#btn-red:hover,
#btn-ghost:hover,
.btn-yellow:hover a{
	background-color: var(--color-white);
	color: var(--color-black);
	border: 1px solid var(--color-black);
}

#btn-blue #Path_34,
#btn-blue #Path_35 {
	transition: all 350ms ease-in-out;
}

#btn-blue:hover #Path_34,
#btn-blue:hover #Path_35 {
	stroke: var(--color-black);
}

#btn-yellow {
	color: var(--color-black);
	background-color: var(--color-yellow);
	border: 1px solid var(--color-yellow);
	border-radius: 0;
	font-weight: 500;
	transition: all 350ms ease-in-out;
}

.btn-yellow a{
	color: var(--color-black);
	background-color: var(--color-yellow);
	border: 1px solid var(--color-yellow);
	border-radius: 0;
	font-weight: 500;
	transition: all 350ms ease-in-out;
}

#btn-txt-yellow{
	background-color: transparent;
	color: var(--color-yellow);
	padding: 0;
	font-weight: 500;
	transition: all 350ms ease-in-out;
}


#btn-txt-yellow:hover,
#btn-tct-grey:hover{
	transform: translatex(5px);
}

#btn-tct-grey {
	background-color: transparent;
	color: rgba(255, 255, 255, 0.5);
	padding: 0;
	font-weight: 500;
	transition: all 350ms ease-in-out;
}

#btn-green {
	color: var(--color-white);
	background-color: var(--color-green);
	border: 1px solid var(--color-green);
	border-radius: 0;
	font-weight: 500;
	transition: all 350ms ease-in-out;
}

#btn-green-load {
	color: var(--color-white);
	background-color: var(--color-green);
	border: 1px solid var(--color-green);
	border-radius: 0;
	font-weight: 500;
	transition: all 350ms ease-in-out;
}

#btn-red {
	color: var(--color-white);
	background-color: var(--color-red);
	border: 1px solid var(--color-red);
	border-radius: 0;
	font-weight: 500;
	transition: all 350ms ease-in-out;
}

#btn-ghost {
	color: var(--color-white);
	background-color: transparent;
	border: 1px solid var(--color-white);
	border-radius: 0;
	font-weight: 500;
	transition: all 350ms ease-in-out;
}

#btn-white {
	color: var(--color-black);
	background-color: var(--color-white);
	border: 1px solid var(--color-white);
	border-radius: 0;
	font-weight: 500;
	transition: all 350ms ease-in-out;
}

/* NAV */

/* nav.elementor-sticky--effects {
	background: rgba(0,0,0,0.7) !important;
} */

header.sticky-header {
    --header-height: 90px;
    --opacity: 0.80;
    --shrink-me: 0.50;
    --sticky-background-color: black;
    --transition: .3s ease-in-out;

    transition: background-color var(--transition),
                background-image var(--transition),
                backdrop-filter var(--transition),
                opacity var(--transition);
}
header.sticky-header.elementor-sticky--effects {
    background-color: var(--sticky-background-color) !important;
    background-image: none !important;
    opacity: var(--opacity) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
header.sticky-header > .elementor-container {
    transition: min-height var(--transition);
}
header.sticky-header.elementor-sticky--effects > .elementor-container {
    min-height: calc(var(--header-height) * var(--shrink-me))!important;
    height: calc(var(--header-height) * var(--shrink-me));
}
header.sticky-header .elementor-nav-menu .elementor-item {
    transition: padding var(--transition);
}
header.sticky-header.elementor-sticky--effects .elementor-nav-menu .elementor-item {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}
header.sticky-header > .elementor-container .logo img {
    transition: max-width var(--transition);
}
/* header.sticky-header.elementor-sticky--effects .logo img {
    max-width: calc(100% * var(--shrink-me));
} */

/* LOGO AND NAV COLOR CHANGES */

/* Home Accordion */

.jet-image-accordion__item.active-accordion .jet-image-accordion__content {
	-webkit-transition-delay: 100ms !important;
    -o-transition-delay: 100ms !important;
    transition-delay: 100ms !important;
}

/* Contact Page */

.page-id-34 #Path_109 {
	fill: var(--color-yellow) !important;
}

.page-id-34 .elementor-19 .elementor-element.elementor-element-60e91c1 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after {
	background-color: var(--color-yellow) !important;
}

/* Approach Page */

.page-id-24 #Path_109 {
	fill: var(--color-blue) !important;
}

.page-id-24 .elementor-19 .elementor-element.elementor-element-60e91c1 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after {
	background-color: var(--color-blue) !important;
}

.elementor-widget-jet-inline-svg:hover svg {
	color:blue;
}

/* Insight Page */

.postfilter .jet-filter-label {
	display:none !important;
}

.jet-listing-not-found {
	color: white !important;
}

#insight > div > div > div


.page-id-26 #Path_109 {
	fill: var(--color-yellow) !important;
}

.page-id-26 .elementor-19 .elementor-element.elementor-element-60e91c1 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after {
	background-color: var(--color-yellow) !important;
}

.single-post #Path_109 {
	fill: var(--color-yellow) !important;
}

.single-post .elementor-19 .elementor-element.elementor-element-60e91c1 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after {
	background-color: var(--color-yellow) !important;
}

/* Keynote Page */

.page-id-28 #Path_109 {
	fill: var(--color-green) !important;
}

.page-id-28 .elementor-19 .elementor-element.elementor-element-60e91c1 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after {
	background-color: var(--color-green) !important;
}

/* Mindbullet */


h4.mb-title {
	display:block;
	padding-bottom:0 !important;
	padding-top:1rem;
}

.mb-links {
	list-style:none;
}

.mb-links a {
	border-bottom: 1px solid #333 !important;
}

.mb-links a:link, .mb-links a:visited {
	color: #333;
}

.mb-links a:hover {
	color: var( --e-global-color-7e26d68 ) !important;
	border-bottom: 1px solid var( --e-global-color-7e26d68 ) !important;
}

.mb-link-wrap .jet-listing-dynamic-repeater__items {
    flex-direction: column !important;
}

/* Impact Page */

.page-id-30 #Path_109 {
	fill: var(--color-blue) !important;
}

.page-id-30 .elementor-19 .elementor-element.elementor-element-60e91c1 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after {
	background-color: var(--color-blue) !important;
}

/* Careers Page */

.page-id-32 .elementor-19 .elementor-element.elementor-element-60e91c1 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after {
	background-color: var(--color-red) !important;
}

/* Application Form */
.gform_required_legend {
	color: var(--color-white);
}

#input_2_1,
#input_2_2,
#input_2_3,
#input_2_3_2,
#input_2_4,
#input_2_10,
#input_2_11,
#input_2_12,
#input_2_17 {
	background-color: transparent !important;
	border: 1px solid var(--color-white) !important;
	border-radius: 0 !important;
	color: var(--color-white) !important;
}

#input_2_3:focus,
#input_2_3_2:focus,
#input_2_4:focus,
#input_2_10:focus{
	border: 1px solid var(--color-red);
}

#gfield_upload_rules_2_6 {
	display:none !important;
}

#field_2_8 strong {
	color: var(--color-white);
	font-size: 15px;
}

#gform_wrapper_2 .gfield_radio label {
	color: #fff;
}

.gpfup__droparea {
    border: 1px dashed rgba(255,255,255,1) !important;
}

#gform_wrapper_2 button,
#gform_wrapper_2 [type=submit] {
    color: #fff;
    background-color: var(--color-red);;
    border: 1px solid var(--color-red);
    border-radius: 0;
}

#gform_wrapper_2 {
	/*display:initial !important;*/
}

.gform_confirmation_message h2 {
	color:#fff;
}

#gfield_upload_rules_2_18,
#input_2_18 {
	color: var(--color-white);
}

#input_2_18 {
	font-size: 14px;
}

/*Supercharge Tomorrow Page*/

#input_6_3 {	background-color: transparent !important;
	border: 1px solid var(--color-white) !important;
	border-radius: 0 !important;
	color: var(--color-white) !important;}


#input_7_3 {	background-color: transparent !important;
	border-radius: 0 !important;
	color: var(--color-white) !important;}

#input_9_3 {	background-color: transparent !important;
	border-radius: 0 !important;
	color: var(--color-white) !important;}

#field_9_6 {	color: var(--color-white);
font-weight: 400 !important;}

/* HOME */

/* Expanding Image */

.jet-image-accordion__content {
	background-color: transparent !important;
}



.jet-image-accordion__item.active-accordion:before {
	mix-blend-mode: multiply !important;
}

/* APPROCH */

.approch-tabs .active-tab img {
	transform: scale(1.1);
}

.jet-tabs__label-text {
	background-color:#fff;
}

#jet-tabs-control-2511:after {
	content: url("/futureworld/wp-content/uploads/2021/11/approch-line.svg");
	position: absolute;
    z-index: -1;
    width: 100%;
    top: 74px;
    right: 0;
    left: 95px;
    bottom: 0;
}

.approach .bdt-accordion-item:nth-of-type(1) .bdt-accordion-title {
    color: var(--color-green) !important;
}

.approach .bdt-accordion-item:nth-of-type(2) .bdt-accordion-title {
    color: var(--color-blue) !important;
}

.approach .bdt-accordion-item:nth-of-type(3) .bdt-accordion-title {
    color: var(--color-red) !important;
}

/* IMPACT */

.bdt-info-sub-circle.active #Path_557,
.bdt-info-sub-circle.active #Group_473,
.bdt-info-sub-circle.active #Group_472,
.bdt-info-sub-circle.active #Group_474,
.bdt-info-sub-circle.active #Path_530,
.bdt-info-sub-circle.active #Path_531,
.bdt-info-sub-circle.active #Group_467,
.bdt-info-sub-circle.active #Path_523,
.bdt-info-sub-circle.active #Path_524,
.bdt-info-sub-circle.active #Path_526,
.bdt-info-sub-circle.active #Path_532,
.bdt-info-sub-circle.active #Path_529{
	stroke: var(--color-white) !important;
	fill: var(--color-white) !important;
}

.bdt-circle-layout-list .bdt-circle-info .bdt-circle-info-content-wrapper {
	background-color: var(--color-black) !important;
}

.global-logos img {
	border-radius: 100px !important;
	border: 1px solid var(--color-white) !important;
	background: var(--color-white);
}

/* CONTACT PAGE */

#input_1_3,
#input_1_4 {
	background-color: transparent;
	border: 1px solid var(--color-white);
	color: var(--color-white);
	border-radius: 0;
}


#input_1_3:focus,
#input_1_4:focus {
	border: 1px solid var(--color-yellow);
}

/* SINGLE POST */

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5 {
	padding-bottom: 1rem;
}

.post-content a {
	color: var(--color-red);
	border-bottom: 1px solid var(--color-red);
	transition: all 350ms ease-in-out;
}

.post-content a:hover {
	color: var(--color-blue);
	border-bottom: 1px solid var(--color-blue);
}

.post-content p {
	padding: 0 0 1rem 0;
}

.post-content ul {
	padding: 0 0 1rem 0;
}

.post-content li {
	padding: 0.5rem 0;
}

.post-content .wp-block-image,
.post-content .wp-block-embed{
	padding: 2rem 0;
}

/* FOOTER */

.legalese a:link,
.legalese a:visited,
.legalese a:hover {
	color: var( --e-global-color-text );
}

.legalese a:hover {
	text-decoration:underline;
}

.jet-listing-grid__slider-icon.slick-arrow svg{
	opacity:0 !important
}

.jet-listing-grid__slider-icon.prev-arrow.slick-arrow{
	background-image:url("https://www.futureworld.org/wp-content/uploads/2021/12/prev-arrow.svg") !important;
	background-repeat:no-repeat !important;
}

.jet-listing-grid__slider-icon.next-arrow.slick-arrow{
	background-image:url("https://www.futureworld.org/wp-content/uploads/2021/12/prev-arrow.svg") !important;
	background-repeat:no-repeat !important;
}

.jet-listing-grid__slider-icon.slick-arrow {
    width: 35px !important;
    background-position: center center !important;
}

.grecaptcha-badge {
	display: none !important;
}

/* Mobile Query */

@media only screen and (max-width: 767px) {
	
	.jet-image-accordion__item:after {
	content: url("https://www.futureworld.org/wp-content/uploads/2021/12/mobile.svg");
	display:block;
	position:absolute;
	height:40px;
	width:40px;
	padding-left:15px;
	padding-top:20px;
}

	.jet-image-accordion__item.active-accordion:after {
		display:none !important;
	}

@media only screen and (max-width: 425px) and (min-width: 320px) {
	
	#jet-tabs-control-2511:after {
		content: "";
		top: 0;
		left: 0;
	}
	
	.elementor-24 .elementor-element.elementor-element-efb60d4 > .elementor-widget-container > .jet-tabs > .jet-tabs__control-wrapper {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		width: 100%;
		grid-gap: 1rem;
	}
	
	.bdt-info-sub-circle.active #Path_557,
	.bdt-info-sub-circle.active #Group_473,
	.bdt-info-sub-circle.active #Group_472,
	.bdt-info-sub-circle.active #Group_474,
	.bdt-info-sub-circle.active #Path_530,
	.bdt-info-sub-circle.active #Path_531,
	.bdt-info-sub-circle.active #Group_467,
	.bdt-info-sub-circle.active #Path_523,
	.bdt-info-sub-circle.active #Path_524,
	.bdt-info-sub-circle.active #Path_526,
	.bdt-info-sub-circle.active #Path_532,
	.bdt-info-sub-circle.active #Path_529{
		stroke: var(--color-white) !important;
		fill: var(--color-white) !important;
	}
	
	
/* 	Image Circle Info */
	
	.elementor-30 .elementor-element.elementor-element-7bb6585 .bdt-circle-info .bdt-circle-info-content-wrapper .bdt-circle-info-item {
		display: flex !important;
		align-items: center;
	}
}