/**
* Theme Name: Archee Child
* Description: This is a child theme of Archee.
* Author: VLThemes
* Template: archee
* Version: 1.0.0
*/

body{
	font-family: bio-sans, sans-serif!important;
font-weight: 400!important;
font-style: normal!important;
}

h1, h2, h3, h4, h5{
font-family: termina, sans-serif;
font-weight: 300;
font-style: normal;
text-transform:uppercase;
}

.termina h1,
.termina h2,
.termina h3,
.termina h4,
.termina a,
.wpcf7-form .vlt-btn.vlt-btn--primary{
font-family: termina, sans-serif;
font-weight: 500;
font-style: normal;
text-transform:uppercase;
}

.biosans h1,
.biosans h2,
.biosans h3,
.biosans h4{
font-family: bio-sans, sans-serif!important;
font-weight: 400!important;
font-style: normal!important;
}

.biosans-bold,
.biosans-bold h2,
.biosans-bold h3,
.biosans-bold h4,
.biosans-bold h5{
font-family: bio-sans, sans-serif!important;
font-weight: 600!important;
font-style: normal!important;
}

.biosans-bold h1{
font-family: bio-sans, sans-serif;
font-weight: 600;
font-style: normal;
}

.termina-demi{
font-family: termina, sans-serif;
font-weight: 600;
font-style: normal; 
}


.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder,
.wpcf7-form input,
.wpcf7-form textarea,
.vlt-btn
{
   font-family: bio-sans, sans-serif!important;
font-weight: 500!important;
font-style: normal!important;
}

.wpcf7-form .vlt-btn.vlt-btn--primary{
    background:#644CDE!important;
}

.cta-jack .vlt-btn.vlt-btn--lg,
.cta-jack-blanc .vlt-btn, .vlt-btn.vlt-btn--md{
    padding: 1.15rem 2.125rem;
}


.vlt-header--fullscreen .vlt-navbar-logo {
    margin-left: 30px;
}

.sub-menu-back span{
    display:none;
}

.sub-menu-back{
    
}

.sub-menu-back a {
  display:block;
  content:url('https://jackmarketing.ca/wp-content/uploads/2023/06/Fleche-pleine.svg');
      margin-left: 20px;
    margin-top: 6px;
    position:absolute;
     transform: rotate(180deg);
     width:50px;
}

.heroaccueil h2:after{
content:url('https://jackmarketing.ca/wp-content/uploads/2023/03/PICTO_JACK_ACCUEIL_1.svg');
    margin-left: 20px;
    margin-top: 6px;
    position:absolute;
}




.idees-accueil h3:before{
 content:url('https://jackmarketing.ca/wp-content/uploads/2023/06/Fleche-pleine.svg');
position:absolute;
  left: -70px;
top: -6px;
width:55px;
}


.titrepage h2:before{
 content:url('https://jackmarketing.ca/wp-content/uploads/2023/06/Fleche-pleine.svg');
position:absolute;
left: -52px;
top: 2px;
width: 35px;
}


.specialites-accueil .elementor-icon-box-wrapper:hover{
    color:#F46862;
    transition: all 0.3s;
}

.specialites-accueil .elementor-icon-box-wrapper .elementor-icon-box-icon{
margin-bottom:58px!important;
}

.specialites-accueil .elementor-icon-box-title{
    min-height:82px;
}

.specialites-accueil .elementor-icon-box-description{
   margin-bottom:40px;
}


.entete-adn .vlt-heading.h1.large-heading{
    max-width:600px;
 margin: -40px auto 5px auto;
}

.entete-approche .vlt-heading.h1.large-heading{
max-width:940px;
 margin: auto;
}

.entete-contact .vlt-heading.h1.large-heading{
    max-width:600px;
 margin: 10px auto 5px auto;
}


.entete-contact-picto{
   max-width:600px;  
   margin:auto;
}

.entete-adn-picto{
   max-width:652px;  
   margin:auto;
}

.elementor-element.equipe .vlt-team-member__title{
  font-family: bio-sans, sans-serif!important;
font-weight: 600;
font-style: normal;  
text-transform:uppercase;
}

.elementor-element.equipe .vlt-team-member--style-1 .vlt-team-member__socials {

    background-color: transparent;
}


.elementor-element.equipe .fa-facebook-f:before{
    content: "\f0e0";
}

.elementor-element.tagline-cercle p{
  max-width: 1200px;
    margin: auto;
     padding:0 5%;
}  
.entete-strategie .vlt-heading.h1.large-heading{
     max-width:1000px;
 margin: -56px auto 5px auto;  
}

.entete-strategie-picto{
 max-width:850px;  
   margin:auto;    
}

.services-strategie .elementor-icon-box-title{
   margin-bottom:54px; 
}

.entete-comm-picto{
 max-width:920px;  
   margin:auto;    
}

.entete-creation .vlt-heading.h1.large-heading{
     max-width:767px;
 margin: -52px auto 5px auto;  
}

.entete-creation-picto{
 max-width:825px;  
   margin:auto;    
}

/* MENU PRINCIPAL */

.vlt-navbar-buttons .fa-fw,
.vlt-nav.vlt-nav--fullscreen.is-open .fa-fw{
     width: 40px!important;
    font-size: 40px!important;   
}

.vlt-navbar-buttons a{
box-shadow:none!important; 
}

.vlt-nav--fullscreen__navigation {
    max-width: 100%!important;
}

.vlt-nav--offcanvas__navigation ul.sf-menu li a, .vlt-nav--fullscreen__navigation ul.sf-menu li a {
    font-family: termina, sans-serif!important;
    font-weight: 300!important;
    font-style: normal!important;
    text-transform:uppercase;
    font-size: 45px!important;
    line-height: 1.2!important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0.75rem 0;
    white-space: nowrap;
    letter-spacing: 0!important;
    color: #644CDE!important;
    -webkit-box-align: left;
    -webkit-align-items: left;
    -ms-flex-align: left;
    align-items: left;
    -webkit-box-pack: flex-start!important;
    -webkit-justify-content: flex-start!important;
    -ms-flex-pack: flex-start!important;
    justify-content: flex-start!important;
}

.vlt-nav--offcanvas__navigation ul.sf-menu li.current-menu-item a, .vlt-nav--fullscreen__navigation ul.sf-menu li.current-menu-item a{
    color:#fff!important;
}


.vlt-nav--fullscreen__navigation ul.sf-menu li.lien-menu-strategie,
.vlt-nav--fullscreen__navigation ul.sf-menu li.lien-menu-communication,
.vlt-nav--fullscreen__navigation ul.sf-menu li.lien-menu-creation
{
 transition: all 0.3s;
}

.vlt-nav--fullscreen__navigation ul.sf-menu li.lien-menu-strategie a,
.vlt-nav--fullscreen__navigation ul.sf-menu li.lien-menu-communication a,
.vlt-nav--fullscreen__navigation ul.sf-menu li.lien-menu-creation a
{
       font-size: 23px!important; 
        transition: all 0.3s;
}

.vlt-nav--fullscreen__navigation ul.sf-menu li.lien-menu-strategie a:hover,
.vlt-nav--fullscreen__navigation ul.sf-menu li.lien-menu-communication a:hover,
.vlt-nav--fullscreen__navigation ul.sf-menu li.lien-menu-creation a:hover
{
    -webkit-text-stroke-color: currentColor;
    -webkit-text-fill-color: #644CDE;
    -webkit-text-stroke-width: 0;
    font-weight: 300!important;
    letter-spacing: 0!important;
 padding-left:45px;
}

.vlt-nav--fullscreen__navigation ul.sf-menu li.lien-menu-strategie a:before{
    content:url(' https://jackmarketing.ca/wp-content/uploads/2023/06/picto_strategie_mauve.svg');
   position:absolute;  
    left: 0;
   opacity:0;
}
.vlt-nav--fullscreen__navigation ul.sf-menu li.lien-menu-strategie a:hover:before{
    content:url(' https://jackmarketing.ca/wp-content/uploads/2023/06/picto_strategie_mauve.svg');
   opacity:1;
   width:32px;
}

.vlt-nav--fullscreen__navigation ul.sf-menu li.lien-menu-communication a:before{
    content:url(' https://jackmarketing.ca/wp-content/uploads/2023/06/picto_comm_mauve.svg');
   position:absolute;  
    left: 0;
   opacity:0;
}
.vlt-nav--fullscreen__navigation ul.sf-menu li.lien-menu-communication a:hover:before{
    content:url(' https://jackmarketing.ca/wp-content/uploads/2023/06/picto_comm_mauve.svg');
   opacity:1;
   width:32px;
}

.vlt-nav--fullscreen__navigation ul.sf-menu li.lien-menu-creation a:before{
    content:url(' https://jackmarketing.ca/wp-content/uploads/2023/06/picto_crea_mauve.svg');
   position:absolute;  
    left: 0;
   opacity:0;
}
.vlt-nav--fullscreen__navigation ul.sf-menu li.lien-menu-creation a:hover:before{
    content:url(' https://jackmarketing.ca/wp-content/uploads/2023/06/picto_crea_mauve.svg');
   opacity:1;
   width:32px;
}

.vlt-nav--fullscreen__footer {
    padding: 3.125rem 0 0 0!important;
}

.vlt-nav--fullscreen__background{
    background-image:none!important;
}

.vlt-page-navigation--style-1{
    display:none!important;
}

.vlt-navbar .vlt-navbar-inner {
    border-bottom: none!important;
}

.vlt-nav--mobile .sf-menu li.current-menu-item > a,
.vlt-nav--mobile .sf-menu li a{
    font-size:1.3rem;
    font-family: termina, sans-serif;
font-weight: 300;
font-style: normal;
text-transform:uppercase;
    padding: 0.7rem 0!important;
}


.vlt-nav--mobile .sf-menu li.lien-menu-communication a,
.vlt-nav--mobile .sf-menu li.lien-menu-creation a,
.vlt-nav--mobile .sf-menu li.lien-menu-strategie a
{
    font-size:1rem;

    padding: 0.7rem 0!important;
}


.vlt-nav--mobile .sf-menu li.lien-menu-communication a:before
{
    content: url(https://jackmarketing.ca/wp-content/uploads/2023/06/picto_comm_mauve.svg);
    width: 20px;
    margin-right: 8px;
}

.vlt-nav--mobile .sf-menu li.lien-menu-strategie a:before
{
    content: url(https://jackmarketing.ca/wp-content/uploads/2023/06/picto_strategie_mauve.svg);
    width: 20px;
    margin-right: 8px;
}

.vlt-nav--mobile .sf-menu li.lien-menu-creation a:before
{
    content: url(https://jackmarketing.ca/wp-content/uploads/2023/06/picto_crea_mauve.svg);
    width: 20px;
    margin-right: 8px;
}

.vlt-nav--mobile .sf-menu {
    padding: 10% 8%!important;
}

.adn-equipe .equipe .vlt-team-member{
    margin-bottom:40px;
}

.adn-equipe .equipe .vlt-team-member--style-1 .vlt-team-member__function{
    min-height:60px;
}

.elementor-element.valeurs.biosans .vlt-accordion__title.h3 a{
    color:#fff;
}

.elementor-element.histoire.biosans .vlt-accordion__title.h3 a{
    color:#000;
}


.intro-projet .titre-projet h1:before{
  content:url('https://jackmarketing.ca/wp-content/uploads/2023/04/picto-jack-projet.svg');
    position:absolute;  
    left: -20%;
    
}


.portfolio-liste .vlt-showcase--style-9 .vlt-showcase-title a{
    color:#F46862;
}

.vlt-fixed-socials a {
    padding-top: 0!important;
    padding-bottom: 34px!important;
    margin-left: 50vh!important;
    margin-bottom: 75px!important;
    rotate: 90deg!important;
    width:22px;
}


.vlt-fixed-socials a i:before {
display:none;
}

.vlt-fixed-socials {
    position: fixed;
    z-index: 40;
    top: 0!important;
    right: calc(var(--vlt-navbar-height) / 2);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
   
    background: rgba(255,255,255,0.3);
    width: 100%;
    text-align: center;
    right: 11px!important;
    top: 10vh!important;
}

.vlt-fixed-socials a [data-text]::before {
    content: url('https://jackmarketing.ca/wp-content/uploads/2023/04/EN-langue.svg')!important;
    opacity: 1!important;
    width:22px!important;
}

.vlt-fixed-socials a [data-text]::after {
display:none;
}


vlt-nav--fullscreen__navigation ul.sf-menu li a{
    transition: font-size 0.5s ease-in-out;   
}
.vlt-nav--fullscreen__navigation ul.sf-menu li a:hover {
   background-size: 200%;
    -webkit-text-stroke-color: currentColor;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px; 
    font-weight:500!important;
 letter-spacing: 0.2vw!important;
}
/*
.row-portfolio .vlt-showcase{
    height: 62vh!important;
    overflow-y: scroll!important;

}*/


.row-portfolio .vlt-showcase{
    margin-bottom:60px;
}

.row-portfolio .vlt-showcase::-webkit-scrollbar-track,
.row-portfolio .vlt-showcase::-webkit-scrollbar-thumb,
.row-portfolio .vlt-showcase::-webkit-scrollbar{
  background-color: #000;
}


.description-projet p{
    margin-bottom: 3px;
}

@media (min-width: 1200px){

.elementor-element.projet-hero.has-navbar-offset {
padding:12vh 0 25% 0;
}

.elementor-element.projet-hero.has-navbar-offset .elementor-container{
  padding-left:30px;
  padding-right:30px;
}

.elementor-element.projet-hero.has-navbar-offset .col-retour-portfolio a{
   position:fixed; 
    max-width:150px;
}
}

/* *************** GRAND ÉCRANS ******************** */

@media screen and (min-width: 1920px) {
.heroaccueil.termina h2{
    font-size:4.6rem!important;
}
/*
.elementor-4135 .elementor-element.elementor-element-3a358a1 .elementor-wrapper 
    --video-aspect-ratio: 1.5!important;

}*/

.vlt-nav--fullscreen__navigation ul.sf-menu li.lien-menu-strategie a,
.vlt-nav--fullscreen__navigation ul.sf-menu li.lien-menu-communication a,
.vlt-nav--fullscreen__navigation ul.sf-menu li.lien-menu-creation a
{
       font-size: 45px!important; 

}

.vlt-nav--offcanvas__navigation ul.sf-menu li a, .vlt-nav--fullscreen__navigation ul.sf-menu li a {

    font-size: 80px!important;

}

.vlt-nav--fullscreen__navigation ul.sf-menu li.lien-menu-strategie a:hover:before,
.vlt-nav--fullscreen__navigation ul.sf-menu li.lien-menu-communication a:hover:before,
.vlt-nav--fullscreen__navigation ul.sf-menu li.lien-menu-creation a:hover:before{
  
   width:40px;
}

.vlt-nav--fullscreen__navigation ul.sf-menu li.lien-menu-strategie a:hover,
.vlt-nav--fullscreen__navigation ul.sf-menu li.lien-menu-communication a:hover,
.vlt-nav--fullscreen__navigation ul.sf-menu li.lien-menu-creation a:hover
{

 padding-left:53px;
}

.elementor-element.projet-hero.has-navbar-offset {
padding:8vh 0 25% 0;
}
.elementor-element.tagline-cercle p{
  max-width: 1300px;
    margin: auto;
    padding:0;
} 
}

/* ******** SMALL LAPTOP ************ */

@media screen and (max-width: 1366px) {

.elementor-element.specialites-accueil .elementor-icon-box-title a{
   font-size:23px!important; 
}



}

/* *************  TABLETTE *************/

@media screen and (max-width: 1024px) {
.entete-strategie .vlt-heading.h1.large-heading{
     max-width:1000px;
 margin: 0 auto 5px auto;  
}


.entete-strategie .vlt-heading.h1.large-heading{
font-size:2rem;
}

.cta-jack .vlt-btn span{
   font-size:0.9rem; 
}

.vlt-header--mobile .vlt-navbar-logo {
    margin-left:8%;
}
.vlt-navbar.vlt-navbar--fixed.vlt-navbar--sticky{
    background:#000;
}

.post-7412 .vlt-showcase-title[data-tooltip-image] {
  /*display: none!important;*/
}


}

/* *************  TABLETTE *************/

@media screen and (max-width: 980px) {
    
 .heroaccueil h2:after{
    display:none;
    }     
    
 .entete-adn .vlt-heading.h1.large-heading{
 margin: 10px auto 5px auto;
}
}


/****************** TÉLÉPHONE ********************/

@media screen and (max-width: 767px) {
.entete-strategie .vlt-heading.h1.large-heading{
     max-width:1000px;
 margin: 0 auto 5px auto;  
}

.cta-jack .vlt-btn span{
   font-size:0.9rem; 
}
  
 .cta-jack .vlt-btn.vlt-btn--lg {
padding: 1.175rem 2.125rem;

text-align:center;
}

#cta-hero-accueil.cta-jack.termina{
   white-space: wrap!important; 
}
    

.entete-strategie .vlt-heading.h1.large-heading{
font-size:1.75rem;
}

.intro-projet .titre-projet h1:before,
.idees-accueil h3:before{
display:none;
    
}

.adn-equipe .equipe .vlt-team-member--style-1 .vlt-team-member__function{
    min-height:10px;
}

.titrepage h2:before{
display:none;
}

}