/*
	Theme Name: IMS inc. - Child Theme for Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Child theme for the Hello Elementor theme
	Author: SoloCom Marketing / CrystalFyre Design / Elementor Team
	Author URI: https://solocom.ca/en/
	Template: hello-elementor
	Text Domain: ims
	Version: 1.0.0
*/

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Black.eot');
    src: local('Poppins Black'), local('Poppins-Black'),
        url('fonts/Poppins-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-Black.woff2') format('woff2'),
        url('fonts/Poppins-Black.woff') format('woff'),
        url('fonts/Poppins-Black.ttf') format('truetype'),
        url('fonts/Poppins-Black.svg#Poppins-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraBold.eot');
    src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'),
        url('fonts/Poppins-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-ExtraBold.woff2') format('woff2'),
        url('fonts/Poppins-ExtraBold.woff') format('woff'),
        url('fonts/Poppins-ExtraBold.ttf') format('truetype'),
        url('fonts/Poppins-ExtraBold.svg#Poppins-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-BlackItalic.eot');
    src: local('Poppins Black Italic'), local('Poppins-BlackItalic'),
        url('fonts/Poppins-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-BlackItalic.woff2') format('woff2'),
        url('fonts/Poppins-BlackItalic.woff') format('woff'),
        url('fonts/Poppins-BlackItalic.ttf') format('truetype'),
        url('fonts/Poppins-BlackItalic.svg#Poppins-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-BoldItalic.eot');
    src: local('Poppins Bold Italic'), local('Poppins-BoldItalic'),
        url('fonts/Poppins-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-BoldItalic.woff2') format('woff2'),
        url('fonts/Poppins-BoldItalic.woff') format('woff'),
        url('fonts/Poppins-BoldItalic.ttf') format('truetype'),
        url('fonts/Poppins-BoldItalic.svg#Poppins-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Bold.eot');
    src: local('Poppins Bold'), local('Poppins-Bold'),
        url('fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-Bold.woff2') format('woff2'),
        url('fonts/Poppins-Bold.woff') format('woff'),
        url('fonts/Poppins-Bold.ttf') format('truetype'),
        url('fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Light.eot');
    src: local('Poppins Light'), local('Poppins-Light'),
        url('fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-Light.woff2') format('woff2'),
        url('fonts/Poppins-Light.woff') format('woff'),
        url('fonts/Poppins-Light.ttf') format('truetype'),
        url('fonts/Poppins-Light.svg#Poppins-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Italic.eot');
    src: local('Poppins Italic'), local('Poppins-Italic'),
        url('fonts/Poppins-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-Italic.woff2') format('woff2'),
        url('fonts/Poppins-Italic.woff') format('woff'),
        url('fonts/Poppins-Italic.ttf') format('truetype'),
        url('fonts/Poppins-Italic.svg#Poppins-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-LightItalic.eot');
    src: local('Poppins Light Italic'), local('Poppins-LightItalic'),
        url('fonts/Poppins-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-LightItalic.woff2') format('woff2'),
        url('fonts/Poppins-LightItalic.woff') format('woff'),
        url('fonts/Poppins-LightItalic.ttf') format('truetype'),
        url('fonts/Poppins-LightItalic.svg#Poppins-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraLight.eot');
    src: local('Poppins ExtraLight'), local('Poppins-ExtraLight'),
        url('fonts/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-ExtraLight.woff2') format('woff2'),
        url('fonts/Poppins-ExtraLight.woff') format('woff'),
        url('fonts/Poppins-ExtraLight.ttf') format('truetype'),
        url('fonts/Poppins-ExtraLight.svg#Poppins-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraBoldItalic.eot');
    src: local('Poppins ExtraBold Italic'), local('Poppins-ExtraBoldItalic'),
        url('fonts/Poppins-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/Poppins-ExtraBoldItalic.woff') format('woff'),
        url('fonts/Poppins-ExtraBoldItalic.ttf') format('truetype'),
        url('fonts/Poppins-ExtraBoldItalic.svg#Poppins-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraLightItalic.eot');
    src: local('Poppins ExtraLight Italic'), local('Poppins-ExtraLightItalic'),
        url('fonts/Poppins-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-ExtraLightItalic.woff2') format('woff2'),
        url('fonts/Poppins-ExtraLightItalic.woff') format('woff'),
        url('fonts/Poppins-ExtraLightItalic.ttf') format('truetype'),
        url('fonts/Poppins-ExtraLightItalic.svg#Poppins-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Medium.eot');
    src: local('Poppins Medium'), local('Poppins-Medium'),
        url('fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-Medium.woff2') format('woff2'),
        url('fonts/Poppins-Medium.woff') format('woff'),
        url('fonts/Poppins-Medium.ttf') format('truetype'),
        url('fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Thin.eot');
    src: local('Poppins Thin'), local('Poppins-Thin'),
        url('fonts/Poppins-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-Thin.woff2') format('woff2'),
        url('fonts/Poppins-Thin.woff') format('woff'),
        url('fonts/Poppins-Thin.ttf') format('truetype'),
        url('fonts/Poppins-Thin.svg#Poppins-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Regular.eot');
    src: local('Poppins Regular'), local('Poppins-Regular'),
        url('fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-Regular.woff2') format('woff2'),
        url('fonts/Poppins-Regular.woff') format('woff'),
        url('fonts/Poppins-Regular.ttf') format('truetype'),
        url('fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-SemiBoldItalic.eot');
    src: local('Poppins SemiBold Italic'), local('Poppins-SemiBoldItalic'),
        url('fonts/Poppins-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/Poppins-SemiBoldItalic.woff') format('woff'),
        url('fonts/Poppins-SemiBoldItalic.ttf') format('truetype'),
        url('fonts/Poppins-SemiBoldItalic.svg#Poppins-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-SemiBold.eot');
    src: local('Poppins SemiBold'), local('Poppins-SemiBold'),
        url('fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('fonts/Poppins-SemiBold.woff') format('woff'),
        url('fonts/Poppins-SemiBold.ttf') format('truetype'),
        url('fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-MediumItalic.eot');
    src: local('Poppins Medium Italic'), local('Poppins-MediumItalic'),
        url('fonts/Poppins-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-MediumItalic.woff2') format('woff2'),
        url('fonts/Poppins-MediumItalic.woff') format('woff'),
        url('fonts/Poppins-MediumItalic.ttf') format('truetype'),
        url('fonts/Poppins-MediumItalic.svg#Poppins-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ThinItalic.eot');
    src: local('Poppins Thin Italic'), local('Poppins-ThinItalic'),
        url('fonts/Poppins-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-ThinItalic.woff2') format('woff2'),
        url('fonts/Poppins-ThinItalic.woff') format('woff'),
        url('fonts/Poppins-ThinItalic.ttf') format('truetype'),
        url('fonts/Poppins-ThinItalic.svg#Poppins-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}



/* Generic tweaks to the theme */
	.elementor-inner {
		overflow: hidden; /* Stops us from blowing the viewport... */
	}
	
/* 	.page-content li {
		margin-bottom: 0.5rem;
	}

	.page-content li:last-child {
		margin-bottom: 0;
	}
	
	.page-content li > ul {
		margin-top: 0.5rem;
	}
 */
/* Go away, WP-Admin bar!! You're only nice on Desktops */
	@media (max-width: 991px) {
		html {
			margin-top: 0 !important;
		}
		html #wpadminbar {
			display: none !important;
		}
	}


/* We had to disable the "Default fonts" in Elementor to prevent weirdness... gotta set some normals here */
	h1, h2, h3, h4, h5, h6 {
		color: var( --e-global-color-text );
		font-family: var( --e-global-typography-text-font-family ), Sans-serif;
		font-size: var( --e-global-typography-text-font-size );
		font-weight: var( --e-global-typography-text-font-weight );
		text-transform: var( --e-global-typography-text-text-transform );
		line-height: var( --e-global-typography-text-line-height );
		letter-spacing: var( --e-global-typography-text-letter-spacing );
	}

	h1 {
		font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
		font-size: var( --e-global-typography-primary-font-size );
		font-weight: var( --e-global-typography-primary-font-weight );
		text-transform: var( --e-global-typography-primary-text-transform );
		line-height: var( --e-global-typography-primary-line-height );
		letter-spacing: var( --e-global-typography-primary-letter-spacing );
	}

	h2 {
		font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
		font-size: var( --e-global-typography-secondary-font-size );
		font-weight: var( --e-global-typography-secondary-font-weight );
		text-transform: var( --e-global-typography-secondary-text-transform );
		line-height: var( --e-global-typography-secondary-line-height );
		letter-spacing: var( --e-global-typography-secondary-letter-spacing );
	}

	h3 {
		font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
		font-size: var( --e-global-typography-accent-font-size );
		font-weight: var( --e-global-typography-accent-font-weight );
		text-transform: var( --e-global-typography-accent-text-transform );
		line-height: var( --e-global-typography-accent-line-height );
		letter-spacing: var( --e-global-typography-accent-letter-spacing );
	}

	h4 {
		font-family: var( --e-global-typography-8c02b96-font-family ), Sans-serif;
		font-size: var( --e-global-typography-8c02b96-font-size );
		font-weight: var( --e-global-typography-8c02b96-font-weight );
		text-transform: var( --e-global-typography-8c02b96-text-transform );
		line-height: var( --e-global-typography-8c02b96-line-height );
		letter-spacing: var( --e-global-typography-8c02b96-letter-spacing );
	}

	h1 strong,
	h2 strong,
	h3 strong,
	h4 strong,
	h5 strong,
	h6 strong {
		font-weight: 700;
	}



/* Special Vertical Expanded menu */
	.expanded-menu .elementor-nav-menu .menu-item > .sub-menu {
		position: relative !important;
		display: block !important;
		margin-top: 0 !important;
		margin-left: 0 !important;
		opacity: 1 !important;
	}

	.expanded-menu .elementor-nav-menu .sub-menu > .menu-item > a {
		border-left: 0 !important;
	}

	.expanded-menu .elementor-nav-menu > .menu-item.menu-item-has-children > a {
		font-weight: 600 !important;
	}

/* Special "Call to action" sections that are all the same equal height */
	.equal-heights .elementor-widget-call-to-action,
	.equal-heights .elementor-widget-call-to-action .elementor-widget-container,
	.equal-heights .elementor-widget-call-to-action .elementor-widget-container > a,
	.equal-heights .elementor-widget-call-to-action .elementor-widget-container .elementor-cta__content,
	.equal-heights.elementor-widget-call-to-action,
	.equal-heights.elementor-widget-call-to-action .elementor-widget-container,
	.equal-heights.elementor-widget-call-to-action .elementor-widget-container > a,
	.equal-heights.elementor-widget-call-to-action .elementor-widget-container .elementor-cta__content {
		display: flex;
		flex-direction: column;
		height: 100%;
		justify-content: flex-start;
	}
	
	@media (max-width: 767px) {
		.equal-heights .elementor-widget-call-to-action .elementor-widget-container .elementor-cta__content,
		.equal-heights.elementor-widget-call-to-action .elementor-widget-container .elementor-cta__content {
			justify-content: center;
		}
	}

/* Remove the damn margin below header Widgets. WHY CAN'T I DO THIS NORMALLY?! */
	.no-margin-header.elementor-widget-heading {
		margin-bottom: 0 !important;
	}

/* Main Menu header "Mega" menu styling */
	#main-menu .elementor-nav-menu--main .elementor-nav-menu a {
		border-left: 0; /* Border? Seriously? */
	}

/* 	#main-menu .elementor-nav-menu--main .elementor-nav-menu > .menu-item {
		position: unset !important;
	}

	#main-menu .elementor-nav-menu--main .elementor-nav-menu > .menu-item:hover > .sub-menu {
		display: flex !important;
		flex-flow: row wrap;
		left: 0;
		top: auto;
		padding: 2rem 4rem;
	}

	#main-menu .elementor-nav-menu--main .elementor-nav-menu > .menu-item > .sub-menu > .menu-item {
		margin-right: 4rem;
	}

	#main-menu .elementor-nav-menu--main .elementor-nav-menu > .menu-item > .sub-menu > .menu-item > a {
		font-weight: 600;
		border-bottom: 1px solid #ef4136;
	}

	#main-menu .elementor-nav-menu--main .sub-menu {
		width: 100% !important;
		max-width: unset !important;
		opacity: 1 !important;
	}

	#main-menu .elementor-nav-menu--main .sub-menu .sub-arrow {
		display: none;
	}

	#main-menu .elementor-nav-menu--main .sub-menu .sub-menu {
		display: flex !important;
		flex-flow: column nowrap;
		position: relative;
		margin-left: 0 !important;
		margin-top: 0 !important;
	}

	#main-menu .elementor-nav-menu--main .sub-menu > .menu-item > a {
		padding-left: 0;
	}

	#main-menu .elementor-nav-menu--main .sub-menu .sub-menu > .menu-item > a {
		border-bottom: 1px solid transparent;
	}

	#main-menu .elementor-nav-menu--main .sub-menu .sub-menu > .menu-item:hover > a {
		border-color:#7cccbf;
	} */

	
/* Special "Font Awesome" buttons where only icons will be used */
	.fontawesome-button.elementor-widget-button .elementor-button {
		font-family: 'Font Awesome 5 Free' !important;
		font-weight: 700 !important;
		padding: 0.6rem 0.9rem !important;
	}

/* Secondary (Social and language) menu social styling */
	#secondary-menu .eael-advanced-menu .menu-item.sociaux {
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}

	#secondary-menu .eael-advanced-menu .menu-item.sociaux > a {
		border-radius: 50%;
		background-color: var(--e-global-color-secondary);
		color: var(--e-global-color-4af7e7c);
		width: 32px;
		height: 32px;
		padding: 0;
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
		justify-content: center;
	}

	#secondary-menu .eael-advanced-menu .menu-item.sociaux > a:hover {
		background-color: var(--e-global-color-primary);
		color: var(--e-global-color-4af7e7c);    
	}

	#secondary-menu .eael-advanced-menu .menu-item.sociaux > a > i {
		font-size: 18px;
		font-weight: 400;
	}
	
/* Speciality coloured circle overlays */
	.cercle-coin-rose.elementor-element.elementor-widget-image .elementor-image,
	.cercle-coin-bleu.elementor-element.elementor-widget-image .elementor-image {
		overflow: hidden;
		position: relative;
	}
	
	.cercle-coin-rose.elementor-element.elementor-widget-image .elementor-image:before {    
		content: "";
		display: block;
		position: absolute;
		width: 422px;
		height: 422px;
		left: -150px;
		bottom: -115px;
		background: var( --e-global-color-secondary );
		mix-blend-mode: screen;
		border-radius: 50%;
	}
	.cercle-coin-bleu.elementor-element.elementor-widget-image .elementor-image:before {    
		content: "";
		display: block;
		position: absolute;
		width: 387px;
		height: 387px;
		left: -119px;
		bottom: -85px;
		background: var( --e-global-color-primary );
		mix-blend-mode: screen;
		border-radius: 50%;
	}


/* 4 Column "page showcase" kinda slick slider? */
	.ims-carousel-columns .slick-track {
		display: flex !important;
		flex-flow: row nowrap;
		position: relative;
		align-items: stretch !important;
	}

	.ims-carousel-columns .slick-track:before,
	.ims-carousel-columns .slick-track:after {
		content: none !important;
	}

	.ims-carousel-columns .slick-slide {
		background-color: white;
		float: none !important;
		height: auto;
	}

	.ims-carousel-columns .slick-slide .ultimate-slide-img {
		display: flex;
		position: relative;
		margin-bottom: 0 !important;
		height: 100%;
		flex-flow: column nowrap;
	}
	
/* 	.ims-carousel-columns .slick-slide:nth-of-type(1) .ultimate-slide-img {
		background: linear-gradient(to top, #EC008C 67%, #EC008C00 67%);
	}
	
	.ims-carousel-columns .slick-slide:nth-of-type(2) .ultimate-slide-img {
		background: linear-gradient(to top, #00AEEF 67%, #00AEEF00 67%);
	}
	
	.ims-carousel-columns .slick-slide:nth-of-type(3) .ultimate-slide-img {
		background: linear-gradient(to top, #FFF200 67%, #FFF20000 67%);
	} */
	
	.ims-carousel-columns .slick-slide:nth-of-type(4) .ultimate-slide-img > img {
		margin-bottom: 0;
	}
	
	.ims-carousel-columns .slick-slide .ultimate-slide-img > img {
		max-height: 90%;
		max-width: 80%;
	}


	.ims-carousel-columns .slick-track .slick-slide > div,
	.ims-carousel-columns .slick-track .slick-slide > div > div,
	.ims-carousel-columns .slick-track .slick-slide > div > div > a {
		display: flex !important;
		flex-flow: column nowrap;
		height: 100%;
		justify-content: flex-end;
	}

	.ims-carousel-columns .slick-track .slick-slide > div > div > a {
		display: block;
		margin-bottom: 2.5rem;
		background: linear-gradient(to top, #A9A9A9 67%, #A9A9A900 67%);
	}

	.ims-carousel-columns .slick-track .slick-slide .content-section {
		min-height: 23%;
		display: flex;
		flex-flow: column nowrap;
	}

	.ims-carousel-columns .slick-slide .content-section > br,
	.ims-carousel-columns .slick-slide .content-section > p {
		display: none;
	}

	.ims-carousel-columns .slick-slide .content-section h4 {
		margin-bottom: 1.5rem !important;
		margin-top: 0 !important;
	}

	.ims-carousel-columns .slick-slide .content-section .carousel_btn_span {		
		margin-bottom: 0;
		margin-top: auto;
	}
	
	.ims-carousel-columns .slick-slide .content-section .carousel_btn_span > a {
		color: var( --e-global-color-text ) !important;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: flex-start;
		font-family: var( --e-global-typography-3bba7ed-font-family );
		font-size: var( --e-global-typography-3bba7ed-font-size );
		font-weight: var( --e-global-typography-3bba7ed-font-weight );
		line-height: var( --e-global-typography-3bba7ed-line-height );
		letter-spacing: var( --e-global-typography-3bba7ed-letter-spacing );
	}

	.ims-carousel-columns .slick-slide .content-section .carousel_btn_span > a:before {
		content: url(/ims/wp-content/uploads/2020/12/fleche-droit-blanc.svg);
		color: white;
		width: 50px;
		height: 50px;
		min-width: 50px;
		margin-right: 10px;
		background: #A9A9A9;
		border-radius: 50%;
		vertical-align: middle;
		text-align: center;
		line-height: 60px;
	}
	
	.ims-carousel-columns .slick-slide:nth-of-type(1) .content-section .carousel_btn_span > a:before {
		background: #EC008C;
	}
	
	.ims-carousel-columns .slick-slide:nth-of-type(2) .content-section .carousel_btn_span > a:before {
		background: #00AEEF;
	}
	
	.ims-carousel-columns .slick-slide:nth-of-type(3) .content-section .carousel_btn_span > a:before {
		content: url(/ims/wp-content/uploads/2020/12/fleche-droit-noir.svg);
		background: #FFF200;
		color: black;
	}
	
	@media (max-width: 767px) {
/* 		.ims-carousel-columns .slick-track .slick-slide .content-section {
			height: 22%;
		} */
		.ims-carousel-columns .slick-slide .content-section .carousel_btn_span > a:before {
			width: 40px;
			height: 40px;
			min-width: 40px;
			line-height: 50px;
		}
	}


/* Elementor's been acting up, not setting individual row / column widths properly, and not setting spacing and padding properly... I have to take this into my own hands */
.elementor-section.blog-header .elementor-row {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.elementor-section.blog-header .elementor-row > .elementor-column {
    width: 33.3% !important;
}

@media screen and (max-width: 1025px) and (min-width: 769px) {
    .elementor-section.blog-header .elementor-row > .elementor-column:first-of-type,
	.elementor-section.blog-header .elementor-row > .elementor-column:last-of-type {
        width: 30% !important;
    }
	.elementor-section.blog-header .elementor-row > .elementor-column {
		width: 40% !important;
	}
}

@media screen and (max-width: 768px) and (min-width: 361px) {
    .elementor-section.blog-header .elementor-row > .elementor-column:first-of-type,
	.elementor-section.blog-header .elementor-row > .elementor-column:last-of-type {
        width: 20% !important;
    }
	.elementor-section.blog-header .elementor-row > .elementor-column {
		width: 60% !important;
	}
}

@media screen and (max-width: 360px) {
    .elementor-section.blog-header .elementor-row > .elementor-column:first-of-type,
	.elementor-section.blog-header .elementor-row > .elementor-column:last-of-type {
        width: 20% !important;
    }
	.elementor-section.blog-header .elementor-row > .elementor-column {
		width: 60% !important;
	}
}

/* Special menu system in the Blog and category archive areas */
.blog-filter-menu .eael-advanced-menu li > a {
    border-radius: 50px;
}

.blog-filter-menu .eael-advanced-menu-toggle-text {
	color: var( --e-global-color-4af7e7c ) !important;
  	font-family: 'Poppins', 'Roboto', sans-serif !important;
}

@media (min-width: 992px) {
    .blog-filter-menu .eael-advanced-menu li > a {
        margin-right: 12px;
        margin-bottom: 12px;
    }
}

@media (max-width: 991px) {
    .blog-filter-menu .eael-advanced-menu-container,
    .blog-filter-menu .eael-advanced-menu-container .eael-advanced-menu.eael-advanced-menu-horizontal {
        background-color: var( --e-global-color-primary ) !important;
    }
}




.grid-3-elements > * > .elementor-widget-wrap {
    gap: 15px;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.grid-3-elements > * > .elementor-widget-wrap  > .elementor-element,
	.grid-3-elements > * > .elementor-widget-wrap  > .elementor-section {
		width: calc( 50% - 15px );
	}
}

@media screen and (min-width: 1025px) {
	.grid-3-elements > * > .elementor-widget-wrap  > .elementor-element,
	.grid-3-elements > * > .elementor-widget-wrap  > .elementor-section {
		width: calc( 33.33% - 10px );
	}
}