/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* Blocs Titres */

h1, h2, h3 {
  position: relative;
  text-transform: uppercase;
}

.fusion-title.fusion-sep-none h1.title-heading-right {padding: 95px 20px!important;}
h2 {padding: 30px 0px!important;}

h1 .offset-left {left: -35px;}
h2 .offset-left {left: -25px;}

.offset-left {
  position: absolute;
  top: 0;
  right:0;
  text-align: left;
  display: block;
}

h1 .title-design {font-size: 90px;}
h2 .title-design {
  letter-spacing: .03em;
  font-size: 40px;
}
h4 {
  font-style: italic!important;
  text-transform: uppercase;
}

.title-design {
  font-weight: bold;
  font-style: italic;
  letter-spacing: 2px;
}

.blue-button {
  transform: skew(-20deg);
}

.blue-button .fusion-button-text {
  display: inline-block;
  transform: skew(20deg);
  font-weight: bold!important;
  letter-spacing: 1px!important;
  font-family: "Nunito Sans", Arial, Helvetica, sans-serif!important;
}

.black-link-button {

}

#fusion-slider-2 .fusion-button-wrapper{
  display:block!important;
  margin: 25px 0;
}

/* Main Menu - Header  */
.fusion-main-menu > ul > li > a {text-transform: uppercase;}
.fusion-header-v2 .fusion-secondary-header {border-top: 0px solid transparent;}
.fusion-header-v2 .fusion-header {border:0px;}
.fusion-secondary-header{border-bottom-color: rgba(255, 255, 255, .2!important);}

.white {color:#fff;}
.light-blue {color:#13aecf;}
.light{font-weight:light;}


/* taille de conteneur */
#main .fusion-builder-row.fusion-row, header .fusion-row  {max-width: 1366px!important;}



/***************************/
/*       SLIDE INTRO       */
/***************************/

.tfs-slider .slide-content-container{top: 60%!important;}
.tfs-slider .slide-content-container .heading {
    margin: 0 0 14px;
    max-width: 1366px;
    margin: 0 auto;
}


/***************************/
/*           BIO           */
/***************************/

#biography .fusion-text.white:nth-of-type(2) {
  line-height: 30px;
  font-size:16px;
}
#biography table, #biography table tr {
  background-color:rgba(0,0,0,0);
  box-shadow: none;
  -webkit-box-shadow:none;
}
#biography table, #biography table td {border:0px;}
#biography table td {vertical-align: top;}
#biography table tr:nth-of-type(6){height:20px;}
#biography table td{
  min-width: 50px;
  padding: 3px 0;
  color:#fff;
  font-size:17px;
}

/***************************/
/*        PROGRAMMES       */
/***************************/

/* Bloc Header intro */
#programmes-intro {
  height: 50vh;
  max-height: 700px;
  position: relative;
}

#programmes-intro .fusion-builder-row.fusion-row  {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

/* Portrait Lionel Picord */
#portrait .fusion-column-wrapper {position: relative;}
#portrait span.fusion-imageframe {
  position: absolute;
  bottom:0;
  left:0;
  right:0;
}

/* Raccourcis Programmes */

.box-link {
  display:inline-block;
  width: 100%;
  height: 640px;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}

#poids-corps {background-image: url('http://picordagility.taurine-preprod.fr/wp-content/uploads/2019/06/ENCARTS_PROGRAMMES_550x640_01@2x.jpg');}
#specifique-boxe {background-image: url('http://picordagility.taurine-preprod.fr/wp-content/uploads/2019/06/ENCARTS_PROGRAMMES_550x640_02@2x.jpg')}

.box-link h4{
  position: absolute;
  bottom: 0;
  left: 25px;
  z-index: 10;
  font-style: italic;
 -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);

 -webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	-ms-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.box-link .encart {
  width: 120%;
  height:320px; /* (640px / 2)*/
  background-color: #0b9cbb;
  position: absolute;
  left: -20px;
  bottom: 1px;
  -webkit-transform: rotate(0deg) translate(0, 100%);
  -moz-transform: rotate(0deg) translate(0, 100%);
  -o-transform: rotate(0deg) translate(0, 100%);
  -ms-transform: rotate(0deg) translate(0, 100%);
  transform: rotate(0deg) translate(0, 100%);


  -webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	-ms-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.box-link .more-content{
  position: absolute;
  color:#fff;
  bottom: 15px;
  left: 25px;
  z-index: 10;
  opacity: 0;
-webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;

-webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);

-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	-ms-transition: .2s ease-in-out;
	transition: .2s ease-in-out;

  }


a.box-link:hover > .encart {
  -webkit-transform: rotate(-6deg) translate(0, 10%);
  -moz-transform: rotate(-6deg) translate(0, 10%);
  -o-transform: rotate(-6deg) translate(0, 10%);
  -ms-transform: rotate(-6deg) translate(0, 10%);
  transform: rotate(-6deg) translate(0, 10%);
}

a.box-link:hover > h4 {
-webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
a.box-link:hover > .more-content {
  opacity: 1;
-webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
