/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/* Réglages */

#main #content-wrap {
	padding-top: 0 !important;
}

.broken_link, 
a.broken_link {
	text-decoration: none !important;
}

.grecaptcha-badge {
	opacity: 0;
}

/* Menu interne */

.facto-box-metiers > div {
	display: flex !important;
	justify-content: space-between !important;
}

.facto-nos-offres > div {
	display: flex !important;
	justify-content: space-between !important;
	height: fit-content !important;
}

.facto-nos-offres 
.facto-box-effect {
  height: fit-content !important;
	margin: 20px !important;
}

.facto-nos-offres > div {
	display: flex !important;
	justify-content: center !important;
}

.facto-nos-offres a {
	width: 100% !important;
}

.facto-box-effect {
  border-radius: 6px;
	transition: .3s;
	min-width: 20% !important;
	max-width: 23% !important;
	cursor: pointer;
	background-color: white;
	box-shadow: 0px 2px 2px 2px #2D4C9F;
}

.facto-box-effect:hover {
    transform: translatey(-6px);
}

.facto-nos-offres 
.facto-box-effect:hover {
    box-shadow: 0px 2px 2px 2px #11AFE9;
}

.facto-nos-offres 
.facto-box-effect:hover a
{
    background-color: #11AFE9 !important;
}

.facto-box-effect-infogerance {
    box-shadow: 0px 2px 2px 2px #D6DBEA;
}

.facto-box-effect-erp {
    box-shadow: 0px 2px 2px 2px #F8E8D7;
}

.facto-box-effect-crm {
    box-shadow: 0px 2px 2px 2px #FDF2D3;
}

.facto-box-effect-bi {
    box-shadow: 0px 2px 2px 2px #D5EEFA;
}

/* Menu maillage interne */

.facto-maillage-interne {
	margin: 75px 0 25px 0;
}

.facto-maillage-interne div nav ul li {
	padding-bottom: 75px;
}

.facto-maillage-interne div nav ul li a:before {
	content:'';
    opacity: 1 !important;
    background-color: transparent !important;
    height: 50px !important;
    width: 50px !important;
    left: 50% !important;
	transform: translate(-50%, -50px) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

		/* Menu BI */

.facto-maillage-interne-bi div nav ul li:nth-child(1) a:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-comptabilite.png);
}

.facto-maillage-interne-bi div nav ul li:nth-child(1) .elementor-item-active:before, .facto-maillage-interne-bi div nav ul li:nth-child(1) a:hover:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-comptabilite-bleu.png);
}

.facto-maillage-interne-bi div nav ul li:nth-child(2) a:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-monosource.png);
}

.facto-maillage-interne-bi div nav ul li:nth-child(2) .elementor-item-active:before, 
.facto-maillage-interne-bi div nav ul li:nth-child(2) a:hover:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-monosource-bleu.png);
}

.facto-maillage-interne-bi div nav ul li:nth-child(3) a:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-trois-sources.png);
}

.facto-maillage-interne-bi div nav ul li:nth-child(3) .elementor-item-active:before, 
.facto-maillage-interne-bi div nav ul li:nth-child(3) a:hover:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-trois-sources-bleu.png);
}

.facto-maillage-interne-bi div nav ul li:nth-child(4) a:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-multisources.png);
}

.facto-maillage-interne-bi div nav ul li:nth-child(4) .elementor-item-active:before,
.facto-maillage-interne-bi div nav ul li:nth-child(4) a:hover:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-multisources-bleu.png);
}

		/* Menu CRM */

.facto-maillage-interne-crm div nav ul li:nth-child(1) a:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-commercial.png);
}

.facto-maillage-interne-crm div nav ul li:nth-child(1) .elementor-item-active:before, 
.facto-maillage-interne-crm div nav ul li:nth-child(1) a:hover:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-commercial-bleu.png);
}

.facto-maillage-interne-crm div nav ul li:nth-child(2) a:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-marketing.png);
}

.facto-maillage-interne-crm div nav ul li:nth-child(2) .elementor-item-active:before, 
.facto-maillage-interne-crm div nav ul li:nth-child(2) a:hover:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-marketing-bleu.png);
}

.facto-maillage-interne-crm div nav ul li:nth-child(3) a:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-remise-en-question-crm.png);
}

.facto-maillage-interne-crm div nav ul li:nth-child(3) .elementor-item-active:before, 
.facto-maillage-interne-crm div nav ul li:nth-child(3) a:hover:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-changement-crm-bleu.png);
}

		/* Menu ERP */

.facto-maillage-interne-erp div nav ul li:nth-child(1) a:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-modelisation.png);
}

.facto-maillage-interne-erp div nav ul li:nth-child(1) .elementor-item-active:before, 
.facto-maillage-interne-erp div nav ul li:nth-child(1) a:hover:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-modelisation-bleu.png);
}

.facto-maillage-interne-erp div nav ul li:nth-child(2) a:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-compta-gestion.png);
}

.facto-maillage-interne-erp div nav ul li:nth-child(2) .elementor-item-active:before, 
.facto-maillage-interne-erp div nav ul li:nth-child(2) a:hover:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-compta-gestion-bleu.png);
}

.facto-maillage-interne-erp div nav ul li:nth-child(3) a:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-activites-complexes.png);
}

.facto-maillage-interne-erp div nav ul li:nth-child(3) .elementor-item-active:before, 
.facto-maillage-interne-erp div nav ul li:nth-child(3) a:hover:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-activites-complexes-bleu.png);
}

		/* Menu InfoG */

.facto-maillage-interne-infogerance div nav ul li:nth-child(1) a:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-solution-cloud.png);
}

.facto-maillage-interne-infogerance div nav ul li:nth-child(1) .elementor-item-active:before, 
.facto-maillage-interne-infogerance div nav ul li:nth-child(1) a:hover:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-solution-cloud-bleu.png);
}

.facto-maillage-interne-infogerance div nav ul li:nth-child(2) a:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-infra-hybride.png);
}

.facto-maillage-interne-infogerance div nav ul li:nth-child(2) .elementor-item-active:before, 
.facto-maillage-interne-infogerance div nav ul li:nth-child(2) a:hover:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-infra-hybride-bleu.png);
}

.facto-maillage-interne-infogerance div nav ul li:nth-child(3) a:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-maintenance.png);
}

.facto-maillage-interne-infogerance div nav ul li:nth-child(3) .elementor-item-active:before, 
.facto-maillage-interne-infogerance div nav ul li:nth-child(3) a:hover:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-maintenance-bleu.png);
}

.facto-maillage-interne-infogerance div nav ul li:nth-child(4) a:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-securite-sauvegarde.png);
}

.facto-maillage-interne-infogerance div nav ul li:nth-child(4) .elementor-item-active:before, 
.facto-maillage-interne-infogerance div nav ul li:nth-child(4) a:hover:before {
	background-image: url(/wp-content/uploads/2021/12/factory-picto-securite-sauvegarde-bleu.png);
}

/* Titres animés */

.animation-titre svg {
    margin-top: 10px;
}

/* Boutons */

.facto-bouton-bleu 
a.elementor-button-link,
.facto-bouton-blanc 
a.elementor-button-link {
	padding: 0 !important;
	width: fit-content !important;
}

.facto-bouton-bleu 
.elementor-button-text,
.facto-bouton-blanc 
.elementor-button-text {
	padding: 15px 30px !important;
	transform: translatex(15px) !important;
	transition: .3s !important;
}

.facto-bouton-bleu 
.elementor-align-icon-right,
.facto-bouton-blanc 
.elementor-align-icon-right {
	margin-left: 15px !important;
	padding: 15px 0 !important;
	transform:  translatex(-40px) !important;
	transition: .3s !important;
	opacity: 0 !important;
}

.facto-bouton-bleu 
a.elementor-button-link:hover .elementor-align-icon-right,
.facto-bouton-blanc 
a.elementor-button-link:hover .elementor-align-icon-right {
	transform: translatex(-30px) !important;
	opacity: 1 !important;
}

.facto-bouton-bleu 
a.elementor-button-link:hover .elementor-button-text,
.facto-bouton-blanc 
a.elementor-button-link:hover .elementor-button-text {
	transform: translatex(-0px) !important;
}

/* Articles */

.facto-articles 
.elementor-post__read-more {
	text-transform: none!important;
	float: right;
}

.elementor-post__thumbnail {
   padding-bottom: 0 !important;
}

.facto-articles 
.elementor-post__excerpt p:after {
	content:'...';
}

/* Étapes carousel */

.etapes-facto 
.elementor-testimonial {
    border: 1px solid #ffffff;
    padding: 20px 25px 40px 25px;
    border-radius: 2px;
    display: flex;
    flex-direction: column-reverse;
    transition: .3s;
    height: 100%;
    display: flex !important;
    align-items: center !important;
    justify-content: start;
}

.etapes-facto .swiper-slide {
    padding: 0px;
    transition: .3s;
}

.etapes-facto .swiper-slide-active .elementor-testimonial {
   border: 1px solid #FFBB10;
}

.etapes-facto .swiper-slide-active .elementor-testimonial * {
   color: #FFBB10 !important;
}


.etapes-facto .swiper-container {
    margin: auto;
}

/* Étapes pour l'ERP */

.etapes-facto-erp .swiper-slide-active .elementor-testimonial {
   border: 1px solid #121719;
}

.etapes-facto-erp .swiper-slide-active .elementor-testimonial * {
   color: #121719 !important;
}

/* Footer */

.facto-newsletter label.wpforms-error {
	color: white !important;
	font-family: 'Poppins';
	position: absolute !important;
}

.facto-newsletter {
	height: 60px;
}

.facto-newsletter 
.wpforms-submit-container {
	float: right !important;
	width: 80px !important;
	height: 50px !important;
	transform: translateY(-60px);
}

.facto-newsletter 
.wpforms-field-email input {
	border: none !important;
	background-color: #FFFFFF !important;
}

.facto-newsletter 
.wpforms-field-email input:focus {
	box-shadow: 0px 0px 0px 2px #FFBB10 !important;
}

.facto-newsletter 
.wpforms-submit-container button {
	width: 100% !important;
	height: 100% !important;
	border-color: #FFBB10 !important;
	display: flex !important;
	justify-content: center;
	align-items: center;
	background-color: #FFBB10 !important;
	transform: translatey(-75%);
}

.facto-newsletter 
.wpforms-submit-container button:hover {
	background-color: #11AFE9 !important;
}

.facto-newsletter 
.wpforms-submit-container button:after {
	content:"\f061";
	font-family: "Font Awesome 5 Free";
	font-size: 18px;
	color: #2C4D9F;
}

.facto-newsletter 
.wpforms-submit-container button:hover:after {
	color: white;
}

.wpforms-confirmation-container-full {
	background: white !important;
	border: 1px solid #11AFE9 !important;
}

/* Témoignages */

.testimony-border {
    border-left: 2px solid #2D4C9F;
    padding: 0 0 0 30px;
}

.quote-citation {
    font-style: normal !important;
    font-size: 20px;
    margin-bottom: 25px;
    transform: translatex(75px);
    position: relative !important;
    width: calc(100% - 75px) !important;
}

.quote-citation:before {
    content:'';
    position: absolute;
    width: 60px !important;
    height: 75px !important;
    background-image: url('https://www.factorygroup.fr/wp-content/uploads/2021/12/factory-picto-temoignage.png') !important;
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    transform: translatex(-75px);
}

/* Animation Accompagnement */

.acc-color div h2,
.acc-color div h3,
.acc-color div div,
.acc-border div {
    animation: acc-test 18s infinite;
}

.acc-color-01 div h2,
.acc-color-01 div h3,
.acc-color-01 div div,
.acc-border-01 div {
    animation-delay: 2s;
}

.acc-color-02 div h2,
.acc-color-02 div h3,
.acc-color-02 div div,
.acc-border-02 div {
    animation-delay: 6.5s;
}

.acc-color-03 div h2,
.acc-color-03 div h3,
.acc-color-03 div div,
.acc-border-03 div {
    animation-delay: 11s;
}

.acc-color-04 div h2,
.acc-color-04 div h3,
.acc-color-04 div div,
.acc-border-04 div {
    animation-delay: 15.5s;
}

@keyframes acc-test {

    0% {
        color: white;
        border-color: white;
    }
    
    24% {
        color: white;
        border-color: white;
    }
    
    26% {
        color: #FFBB10;
        border-color: #FFBB10;
    }
    
    49% {
        color: #FFBB10;
        border-color: #FFBB10;
    }
    
    51% {
        color: white;
        border-color: white;
    }
    
    100% {
        color: white;
        border-color: white;
    }

}


/* Formulaires */

.facto-form {
	font-family: 'Poppins';
}

.facto-form 
.wpforms-required-label,
.facto-form 
.wpforms-uploader .dz-message svg {
    display: none;
}

.facto-form 
.wpforms-field-required, 
.facto-form 
.wpforms-field-small,
.facto-form 
.wpforms-field-large,
.facto-form 
.wpforms-uploader {
  border-color: #2D4C9F !important;
	background-color: #FFFFFF9A !important;
}

.facto-form .modern-hint {
	color: #121719 !important;
	font-style: italic;
	font-size: 14px !important;
}

.facto-form-rejoignez-nous label {
    color: white;
}

.facto-form-rejoignez-nous .wpforms-submit-container button {
	background-color: white !important;
	color: #2D4C9F !important;
}

.facto-form-rejoignez-nous .wpforms-submit-container button:hover {
	color: white !important;
}

.facto-form:focus
.wpforms-field-required:focus, 
.facto-form 
.wpforms-field-small:focus,
.facto-form .wpforms-field-large:focus {
    border-color: #11AFE9 !important;
}

.facto-form 
.wpforms-submit {
    background-color: #2D4C9F !important;
	font-family: 'Poppins' !important;
    text-transform: none !important;
    letter-spacing: normal!important;
    padding: 15px 30px!important;
    border: 1px solid #2D4C9F !important;
    border-radius: 2px !important;
    float: right !important;
}

.facto-form 
.wpforms-submit:hover {
    border: 1px solid #11AFE9 !important;
    background-color: #11AFE9 !important;
}

.facto-form 
.wpforms-field-phone label:after {
	content:'(facultatif)';
	font-style: italic;
	font-weight: 400;
	font-size: 13px;
	margin-left: 2px;
}

/* Blog */

.facto-dropdown h5 {
	display: none;
}

.facto-dropdown select {
	color: #121719;
	border-color: #121719;
	font-weight: 400;
	font-family: 'Poppins';
}

.facto-dropdown select:focus {
	border-color: #11AFE9;
}

.facto-articles 
.theme-heading {
	font-size: 18px;
	color: #121719;
	letter-spacing: normal;
	text-transform: inherit;
}

.facto-articles .elementor-post__thumbnail__link {
	border-bottom: 2px solid #2D4C9F;
}

.facto-articles 
.theme-heading 
.text:before {
	display: none;
}

.facto-articles 
.related-post-media {
	width: 75%;
	margin: auto;
}

.elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img {
	transform: none !important;
	position: inherit !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
}

.elementor-4055 .elementor-element.elementor-element-332f5d5 .elementor-posts-container .elementor-post__thumbnail {
	padding-bottom: 0 !important;
}

.article-newsletter h1, 
.article-newsletter h2, 
.article-newsletter h3, {
	margin: 0 !important;
}

/* Nos ressources */


.facto-text-overflow 
p:after {
	content:'..';
}

.facto-text-overflow p {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
           line-clamp: 3; 
   -webkit-box-orient: vertical;
}

/* Version mobile */

@media (max-width: 767px) {
	
	
	/* Bannière accueil */
	
	.reverse-banner {
	transform: rotate(90deg);
}
	
	
	/* Témoignages mobile */
	
	.testimony-border {
		padding: 20px 0 !important;
		border-left: none;
		border-top: 2px solid #2D4C9F !important;
		border-bottom: 2px solid #2D4C9F !important;
	}
	
	.quote-citation {
		position: inherit !important;
		transform: translate(0) !important;
		width: 100% !important;
	}
	
	.quote-citation:before {
		display: none !important;
	}
	
	/* Maillage interne */
	
	.facto-maillage-interne div nav ul li {
		margin: 10px 0;
		width: 100%;
}
	
	.facto-maillage-interne div nav ul li a {
		justify-content: center;
}
	
	.facto-maillage-interne div nav ul li a:after {
		width: 50% !important;
		transform: translatex(50%);
}
	
	.facto-maillage-interne div nav ul li a:hover:after {
		width: 50% !important;
		transform: translatex(50%);
}
	
	.facto-maillage-interne div nav ul li:after {
		border: 0 !important;
}
	
	
	/* Box menu interne */
	
	.facto-box-effect {
	min-width: calc(100% - 40px) !important;
		margin: 20px;
}
	
	.elementor-element-d824ff0 {
		width: 60% !important;
		position: absolute;
		transform: translatex(-5px);
		z-index: 10;
		top: -4px;
	}
	
	.elementor-nav-menu--dropdown,
	nav .menu-item a {
		border-radius: 2px !important;
	}
	
	.elementor-menu-toggle {
		background-color: transparent !important;
		color: #11AFE9 !important;
		transform: translate(-5px, 5px);
		width: 100%;
		display: flex;
		justify-content: flex-end
	}
	
	.elementor-nav-menu--dropdown {
		box-shadow: unset !important;
	}
	
	.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
		padding: 15px;
	}
	
	.elementor-menu-toggle:after {
		content:'Menu';
		font-family: 'Poppins' !important;
		transform: translate(10px, 1px);
		font-size: 20px;
		font-weight: 500;
	}
	
}