/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/

/* GLOBAL */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&display=swap');

#main #content {
	.bg-blur-1 {
		width: 408px;
		height: 407px;
		border-radius: 408px;
		opacity: 0.8;
		background: linear-gradient(181deg, rgba(0, 135, 255, 0.60) -98.6%, rgba(238, 149, 236, 0.60) 198.6%);
		filter: blur(300px);
		position: absolute;
		left: 0;
		top: 0;
	}
	.bg-blur-2 {
		width: 557px;
		height: 556px;
		border-radius: 557px;
		opacity: 0.4;
		background: linear-gradient(181deg, rgba(0, 135, 255, 0.50) -98.6%, rgba(238, 149, 236, 0.50) 37.62%);
		filter: blur(200px);
		position: absolute;
		right: 0;
		top: 6%;
	}
}

.h1, .h2, h1, h2 {
	line-height: 1.1;
}
.button, button, input[type=button], input[type=reset], input[type=submit] {
	padding: 0 2.2em;
}
.accordion .accordion-item {
	.accordion-inner {
		padding: 0.6em 0.05em 0.6em 2.6em;
	}
	.accordion-title {
		border: none;
		margin-top: -10px;
		padding: 0.6em 0.5em 0.6em 2.3em;
		.toggle {
			opacity: 1;
		}
		&.active {
			background-color: transparent;
			i.icon-angle-down:before {
				/*content: '-';*/
			}
		}
		i.icon-angle-down {
			line-height: 0.4;
			&:before {
				content: '+';
				color: #EE95EC;
				border: 2px solid #EE95EC;
				border-radius: 50%;
				width: 24px;
				height: 24px;
				display: inline-block;
				font-size: 26px;
			}
		}
	}
}
.flickity-page-dots {
	bottom: 0px;
}
.flickity-page-dots .dot.is-selected {
    background-color: #6f9eff;
}
.flickity-page-dots .dot {
	border: 3px solid #6f9eff;
}
input[type=email], input[type=number], input[type=text], select, textarea {
	background-color: transparent;
	border: none;
	border-bottom: 1px solid rgb(111 158 255 / 80%);
	box-shadow: none;
}
form textarea {
	min-height: 60px;
}
input[type=submit] {
	border-radius: 25px;
}
input::placeholder, textarea::placeholder, select {
	font-weight: 300;
	font-size: 16px;
	color: #666;
}

/* Slider infinito logos marcas */
.slider-logos {
    width: 100%;
    height: auto;
    margin: auto;
    overflow: hidden;
}
.slider-logos:before {
	content: '';
	width: 150px;
    height: 100%;
    background: linear-gradient(90deg, #fff, transparent);
    position: absolute;
    z-index: 1;
}
.slider-logos:after {
	content: '';
	width: 150px;
    height: 100%;
    background: linear-gradient(270deg, #fff, transparent);
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
}
.slider-logos .slider-logos-row {
    display: flex;
	justify-content: center;
	align-items: center;
    animation: infiniteScrollLogos 30s linear infinite;
    width: 8256px;
    height: auto;
}
.slider-logos .slider-logos-img {
    width: 100%;
	height: auto;
	padding: 0 0px;
}
.slider-logos .slider-logos-img img {
    width: 100%;
	height: auto;
}

@keyframes infiniteScrollLogos {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-4128px);
    }
}
/* FIN Slider infinito logos marcas */

/* HEADER */
#header {
	.header-wrapper.stuck .logo-tagline {
		display: none;
	}
	.logo {
		a img {
			padding-top: 10px;
			padding-bottom: 0;
			margin-bottom: -1px;
		}
		.logo-tagline {
			color: #706E74;
			font-family: "DM Mono", sans-serif;
			font-size: 12px;
			font-style: normal;
			line-height: 1.2;
		}
	}
	.header-nav .btn-cta a {
		color: #fff;
		background: #489BFF;
		border-radius: 25px;
		padding: 10px 20px;
		&:hover {
			background: #CAA6FF;
		}
	}
}
.off-canvas-center .mfp-container {
    background: url(/wp-content/uploads/2024/01/bg-menu-mobile.svg) no-repeat center / cover;
}
.off-canvas .nav-vertical>li>a {
    padding-bottom: 5px;
    padding-top: 5px;
}
.off-canvas .nav-vertical>li.btn-cta>a {
	color: #489bff;
}
.off-canvas .nav-vertical>li.header-social-icons .social-icons {
	transform: scale(2);
}

/* FOOTER */
#footer.footer-wrapper .section {
	background: url(/wp-content/uploads/2024/01/bg-footer-v2.png) no-repeat center top / cover;
	a {
		color: #fff;
		&:hover {
			color: #6f9eff;
		}
	}
}

/* Home */
section.home-intro {
	h1 {
		background: linear-gradient(90deg, #0087FF 0.21%, #6F9EFF 33.21%, #CAA6FF 66.21%, #EE95EC 100.21%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.slider-wrapper .slider {
		height: 210px;
	}
	.flickity-page-dots {
		left: -4px;
		text-align: left;
		bottom: -15px;
		filter: grayscale(1);
	}
}
section.home-solutions {
	.solutions-item {
		.solutions-img {
			background: url(/wp-content/uploads/2024/01/Group-606.svg) no-repeat 14.3px 0px / 95.25%;
			padding: 20px 25px 5px;
			h3 {
				font-family: "DM Mono", sans-serif;
				font-weight: 500;
			}
		}
		.solutions-info {
			.col-inner {
				background-color: #f3f5ff;
				border: 1px solid #6F9EFF;
				border-radius: 0 0 30px 30px;
				border-top: none;
				padding: 0 35px 10px;
				ul {
					font-size: 18px;
					padding-left: 8px;
					li {
						padding-left: 10px;
					}
				}
			}
		}
	} 
}
section.home-sectors .sectors-items {
	/* row 1 */
	&.oil-gas {
		.col-inner { background-image: url(/wp-content/uploads/2024/01/oil-gas.png); }
		&:hover .col-inner { background-image: url(/wp-content/uploads/2024/01/oil-gas-hover.jpg); }
	}
	&.transport {
		.col-inner { background-image: url(/wp-content/uploads/2024/01/transport.jpg); }
		&:hover .col-inner { background-image: url(/wp-content/uploads/2024/01/transport-hover.jpg); }
	}
	&.occupational {
		.col-inner { background-image: url(/wp-content/uploads/2024/01/occupational.png); }
		&:hover .col-inner { background-image: url(/wp-content/uploads/2024/01/occupational-hover.jpg); }
	}
	&.banking {
		.col-inner { background-image: url(/wp-content/uploads/2024/01/banking.jpg); }
		&:hover .col-inner { background-image: url(/wp-content/uploads/2024/01/banking-hover.png); }
	}
	/* row 2 */
	&.insurance {
		.col-inner { background-image: url(/wp-content/uploads/2024/01/insurance.jpg); }
		&:hover .col-inner { background-image: url(/wp-content/uploads/2024/01/insurance-hover.jpg); }
	}
	&.telecom {
		.col-inner { background-image: url(/wp-content/uploads/2024/01/telecom.jpg); }
		&:hover .col-inner { background-image: url(/wp-content/uploads/2024/01/telecom-hover.jpg); }
	}
	&.commerce {
		.col-inner { background-image: url(/wp-content/uploads/2024/01/commerce.jpg); }
		&:hover .col-inner { background-image: url(/wp-content/uploads/2024/01/commerce-hover.jpg); }
	}
	&.construction {
		.col-inner { background-image: url(/wp-content/uploads/2024/01/construction.jpg); }
		&:hover .col-inner { background-image: url(/wp-content/uploads/2024/01/construction-hover.jpg); }
	}
	/* row 3 */
	&.education {
		.col-inner { background-image: url(/wp-content/uploads/2024/01/education.png); }
		&:hover .col-inner { background-image: url(/wp-content/uploads/2024/01/education-hover.jpg); }
	}
	&.utilities {
		.col-inner { background-image: url(/wp-content/uploads/2024/01/utilities.png); }
		&:hover .col-inner { background-image: url(/wp-content/uploads/2024/01/utilities-hover.jpg); }
	}
	&.livestock {
		.col-inner { background-image: url(/wp-content/uploads/2024/01/livestock.jpg); }
		&:hover .col-inner { background-image: url(/wp-content/uploads/2024/01/livestock-hover.jpg); }
	}
	&.agriculture {
		.col-inner { background-image: url(/wp-content/uploads/2024/01/agriculture.png); }
		&:hover .col-inner { background-image: url(/wp-content/uploads/2024/01/agriculture-hover.png); }
	}
	/* row 4 */
	&.mining {
		.col-inner { background-image: url(/wp-content/uploads/2024/01/mining.jpg); }
		&:hover .col-inner { background-image: url(/wp-content/uploads/2024/01/mining-hover.jpg); }
	}
	&.forestry {
		.col-inner { background-image: url(/wp-content/uploads/2024/01/forestry.jpg); }
		&:hover .col-inner { background-image: url(/wp-content/uploads/2024/01/forestry-hover.jpg); }
	}
	&.health {
		.col-inner { background-image: url(/wp-content/uploads/2024/01/health.png); }
		&:hover .col-inner { background-image: url(/wp-content/uploads/2024/01/health-hover.png); }
	}
	&.public {
		.col-inner { background-image: url(/wp-content/uploads/2024/01/public.png); }
		&:hover .col-inner { background-image: url(/wp-content/uploads/2024/01/public-hover.png); }
	}
}
section.home-sectors .sectors-items {
	.col-inner {
		background-repeat: no-repeat;
		background-position: 65% 0px;
		background-size: cover;
		padding: 15px;
		border-radius: 30px;
		min-height: 386px;
		display: flex;
		flex-flow: column wrap-reverse;
		justify-content: space-between;
		overflow: hidden;
		transition: all .5s;
		&:hover {
			background-position-x: 10%;
		}
		&:before {
			content: '';
			width: 100%;
			height: 75%;
			background: linear-gradient(180deg, rgba(0, 135, 255, 0.00) 42.66%, rgba(111, 158, 255, 0.81) 61.63%, rgba(100, 143, 233, 0.90) 83.68%);
			position: absolute;
			left: 0;
			bottom: 0;
		}
		&:after {
			content: '';
			background: url(/wp-content/uploads/2024/01/Group-645.svg) no-repeat right top / contain;
			width: 147px;
			height: 135px;
			position: absolute;
			top: -9px;
			right: -10px;
		}
		&:hover .sectors-items-img {
			transform: rotate(180deg);
		}
		.sectors-items-img {
			width: 100%;
			height: auto;
			max-width: 50px;
			top: -13px;
			right: -13px;
			transition: all .5s;
			z-index: 1;
		}
		&:hover .sectors-items-title {
			top: -15px;
		}
		.sectors-items-title {
			font-size: 30px;
			font-weight: 400;
			color: #fff;
			z-index: 1;
			line-height: 1;
			position: relative;
			top: 0;
			transition: all .5s;
			p {
				margin-bottom: 0;
			}
		}
	}
}
section.home-sectors .slider-wrapper.show-for-small .flickity-page-dot {
	bottom: -15px;
}



/* MEDIA */
@media only screen and (max-width: 549px) {
	
	section.home-solutions {
		.solutions-item {
			.solutions-img {
				background: #f3f5ff;
				border: 1px solid #6F9EFF;
				border-radius: 30px 30px 0px 0px;
				border-bottom: none;
				padding: 25px 12px 0;
    			margin: 0;
			}
		}
	}
	section.home-corporate {
		.slider-wrapper {
			margin: 0 15px;
		}
		.row.corporate-bg {
			border: 0 solid #158BFF;
			padding: 25px 10px 0;
			border-radius: 30px;
			background: linear-gradient(#EE95EC, #6F9EFF);
			&:before {
				content: '';
				position: absolute;
				top: 0; bottom: 0;
				left: 0; right: 0;
				z-index: 0;
				margin: 2px;
				border-radius: inherit;
				background: #f3f5ff;
			}
		}
	}
	#footer.footer-wrapper .section {
		background-position-x: left;
	}
	section.home-solutions .solutions-item .solutions-info .col-inner {
		padding: 0 15px 10px;
	}
	section.home-intro .slider-wrapper .slider {
		height: 155px;
	}

}

@media only screen and (min-width: 550px) {
	
	section.home-corporate {
		.row.corporate-bg {
			background: url(/wp-content/uploads/2024/01/Group-609.svg) no-repeat top center / contain;
			padding: 30px 135px 50px 0px;
		}
	}

}