﻿/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* General */



body {

  margin: 0 !important;

}



img {

  width: auto;

  height: auto;

}



p, h1, h2, h3, ul, li {
 /* font-family: 'Noto Sans' !important;*/

}

a {
	color:#fa7800;
}

/*************Accueil*****************/



#animation-video .eicon-play {
color: #FA7800;
background-color: white;
border-radius: 50%;
box-shadow: 0px 0px 8px 13px white;
-webkit-animation: strick linear 1s infinite;
animation: strick linear 1s infinite;
}

@-webkit-keyframes strick {
0% { box-shadow: 0px 0px 9px 0px white; }
50% { box-shadow: 0px 0px 9px 20px white; }
100% { box-shadow: 0px 0px 9px 0px white; }
}

@keyframes strick {
0% { box-shadow: 0px 0px 9px 0px white; }
50% { box-shadow: 0px 0px 9px 20px white; }
100% { box-shadow: 0px 0px 9px 0px white; }
}

/************Page Formulaire Promo de Noël*****************/


.h1-chapeau-noel h1.h2.elementor-heading-title {
    width: fit-content;
    margin: auto;
    font-style: italic;
    font-weight: 400 !important;
    font-size: 37px;
    margin-top: 10px;
    margin-bottom: 30px;
  }

    
.h1-chapeau-noel h1.elementor-heading-title::after {
    background-image: url(../../uploads/2022/11/chapeau-noel-tachycom2.png);
    background-size: 60px;
    background-repeat: no-repeat;
    content: '';
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    top: -36px;
    right: 22px;
    transform: rotate(30deg);
  }


  .h2-logo-promo-noel h2.h2.elementor-heading-title, .h2-logo-before-h2 h2.h2.elementor-heading-title  {
    width: fit-content;
    margin: auto;
    font-style: italic;
    font-weight: 400 !important;
    font-size: 37px;
    margin-top: 10px;
    margin-bottom: 30px;
  }

    
.h2-logo-promo-noel h2.elementor-heading-title::before {
    background-image: url(../../uploads/2022/11/logo-tachy2-contour-promo-noel.png);
    background-size: 60px;
    background-repeat: no-repeat;
    content: '';
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    top: 30px;
    left: -15px;
  }

  .h2-logo-before-h2 h2.elementor-heading-title::before {
    background-image: url(../../uploads/2022/11/favicon-tachycom2.png);
    background-size: 60px;
    background-repeat: no-repeat;
    content: '';
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    top: 20px;
    left: -15px;
  }


/***********Flip Box 2***********/

.li-trois-lignes span.elementor-icon-list-icon {
    margin-top: -50px !important;
}

#flip-box-animation-video .eicon-play {
color: #1d81b3;
background-color: white;
border-radius: 50%;
box-shadow: 0px 0px 8px 13px white;
-webkit-animation: strick linear 1s infinite;
animation: strick linear 1s infinite;
}

@-webkit-keyframes strick {
0% { box-shadow: 0px 0px 9px 0px white; }
50% { box-shadow: 0px 0px 9px 20px white; }
100% { box-shadow: 0px 0px 9px 0px white; }
}

@keyframes strick {
0% { box-shadow: 0px 0px 9px 0px white; }
50% { box-shadow: 0px 0px 9px 20px white; }
100% { box-shadow: 0px 0px 9px 0px white; }
}










/* -------------------------------------------------------------

Tout sauf Mobile

-------------------------------------------------------------- */



@media (min-width: 768px) {

}





/* -------------------------------------------------------------

Little Mobile

-------------------------------------------------------------- */



@media (max-width: 425px) {

}



/* -------------------------------------------------------------

Mobile

-------------------------------------------------------------- */



@media (max-width: 768px) {

    .h1-chapeau-noel h1.elementor-heading-title::after  {
        top: -2px;
        right: -16px;

}


   


/* -------------------------------------------------------------

Tablette

-------------------------------------------------------------- */



@media (min-width: 769px) and (max-width: 992px) {

}



/* -------------------------------------------------------------

Laptop

-------------------------------------------------------------- */



@media (min-width: 993px) and (max-width: 1200px) {

}



/* -------------------------------------------------------------

Desktop

-------------------------------------------------------------- */



@media (min-width: 1201px) {

}

