/*
 Theme Name:   Osmosis Child
 Theme URI:    https://themeforest.net/user/greatives
 Description:  Osmosis Child Theme
 Version:      4.5.0
 Author:       Greatives Team
 Author URI:   https://greatives.eu
 Template:     osmosis
*/

/*@font-face {
    font-family: "Transforma Sans_Trial ExtraBold";
    src: url("https://db.onlinewebfonts.com/t/a3f9953adb8248f8d6d3e708053022a4.eot");
    src: url("https://db.onlinewebfonts.com/t/a3f9953adb8248f8d6d3e708053022a4.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/a3f9953adb8248f8d6d3e708053022a4.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/a3f9953adb8248f8d6d3e708053022a4.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/a3f9953adb8248f8d6d3e708053022a4.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/a3f9953adb8248f8d6d3e708053022a4.svg#Transforma Sans_Trial ExtraBold")format("svg");
}*/


h1 {
    /*font-family: "Transforma Sans_Trial ExtraBold"; */
    color: #f53900 !important;
    line-height: 80px;
    text-align: center;
}


h2 {
    /*font-family: "Transforma Sans_Trial ExtraBold";  */
    color: #06061a;
    line-height: 54px;
}

h3 {
    /*font-family: "Transforma Sans_Trial ExtraBold";*/
    color: #06061a; 
}

h4 {
    line-height: 2em;
    color: #06061a;
}

.grve-element.grve-text.pre-footer h2 {
  font-size: 90px;
  line-height: 80px !important;
  text-align: center;
}
#grve-header #grve-inner-header .grve-logo img {
  max-height: 35px;
}

#grve-header #grve-header-wrapper {
  margin-top: 10px !important;
  /*margin-bottom: 20px !important;*/
}

#grve-header.grve-default.grve-header-sticky #grve-inner-header {
  padding-top: 10px !important;
  height: 70px;
}

/* alignement des menus */
#grve-header[data-menu-align="left"][data-menu-type="simply"] #grve-main-menu > ul > li {
  padding-left: 41px;
}
/* Bouton de menus "contact" */
.button{ background-color: #f53900; padding:5px; }
.button:hover:active,.button:hover { }
.button:focus { }
.button:active { }

#grve-header[data-menu-type="button"] #grve-main-menu > ul > li > a {
  -webkit-border-radius: 0px;
  border-radius: 0;
}

#grve-header[data-menu-align="right"][data-menu-type="button"] #grve-main-menu > ul > li {
  margin-left: 3rem;
}


#grve-header[data-menu-type="button"].grve-header-sticky #grve-main-menu > ul > li.current_page_item > a, 
#grve-header[data-menu-type="button"].grve-header-sticky #grve-main-menu > ul > li.current_page_ancestor > a, 
#grve-header[data-menu-type="button"].grve-header-sticky #grve-main-menu > ul > li.active > a,
#grve-header.grve-header-sticky .grve-menu-options li a .grve-purchased-items {
  color: #f53900;
}

#grve-header[data-menu-type="button"].grve-header-sticky #grve-main-menu > ul > li.current-menu-item > a {
  color: #fff;
}

#grve-header[data-menu-type="button"].grve-header-sticky #grve-main-menu > ul > li.current-menu-item > a {
  color: #f53900;
  background-color: #fff;
}

#grve-header[data-menu-type="button"].grve-default #grve-main-menu > ul > li:last-child:hover > a {{
  color: #fff;
}

#grve-header[data-menu-type="button"].grve-default #grve-main-menu > ul > li:last-child > a {
  color: #f53900;
  background-color: #ffffff;
}

#grve-header[data-menu-type="button"].grve-header-sticky #grve-main-menu > ul > li:hover > a {
    color: #f53900;
    background-color: #fff;
}


/*Pre-footer Parteniares */
#pre-footer .grve-image-hover figcaption {
  display: none;
}

#pre-footer .grve-dark-overlay::before {
  background-color: transparent;
}


/* Texte sur les blocs images */

.relative-56 {
    position: relative;
    top: -56px;
}

.size-77 img {
    max-width: 77% !important;
}

.size-78 img {
    max-width: 78% !important;
}
.size-47 img {
    max-width: 47% !important;
}
.size-27 img {
    max-width: 27% !important;
    margin: auto;
}

.size-20 img {
    max-width: 20% !important;
    margin: auto;
}
.size-17 img {
    max-width: 17% !important;
    margin: auto;
}

.h-412 img {
    height:412px; !important;
    width:auto;
}

.grve-image.grve-align-right {
  margin-left: auto !important;
}

.shadow-40{
    box-shadow: 0px 0px 40px #dedede !important;
}

/*.grve-column-1-3 {
    width: 28.333% !important;
}*/

.portfolio-partenaire .owl-item {
    height: 264px;
    width: auto!important;
    padding-right: 2%;
}

    /* Animation sur les blacs image au survol de la souris */

.wpb_column.grve-column.grve-bookmark.grve-column-1-3.rotate--2:hover, .wpb_column.grve-column.grve-bookmark.grve-column-1-5.rotate--2 :hover{
    transform: rotate(-2deg);
    transition: transform 330ms ease-in-out;
}

.rotate--2:hover img{
    transform: rotate(-2deg);
    transition: transform 330ms ease-in-out;
}

.grve-image.rotate--2:hover {
    transform: rotate(-2deg) !important;
    transition: transform 330ms ease-in-out !important;
}

/* boutons extra small */
.grve-btn.grve-btn-extrasmall.grve-square.grve-bg-primary-1{
    padding: 1em;
}

.grve-btn.grve-btn-extrasmall.grve-square.grve-bg-primary-1:hover{
    box-shadow: 12px 12px 0px #000!important;
}

.grve-btn.grve-btn-extrasmall.grve-square.grve-bg-primary-1.btn-blanc:hover, .grve-btn.grve-btn-extrasmall.grve-square.grve-bg-primary-5.btn-blanc:hover{
    box-shadow: 12px 12px 0px #fff!important;
}

.page-id-2455 #grve-main-content .grve-container, .page-id-2582 #grve-main-content .grve-container{
    padding-bottom: 0px!important;
}

#grve-main-content .grve-portfolio .grve-dark.grve-title {
    display:none;
}

.grve-portfolio .grve-hover-style-3.grve-image-hover figcaption {
  width: 100%;
}

.grve-portfolio h6.grve-title {
  text-align: center;
  font-size: x-large;
  text-transform: uppercase;
}

.grve-portfolio .grve-caption.grve-light {
  text-align: center;
  font-size: 25px !important;
}

/*.grve-filter ul{
    text-transform: uppercase !important;
    font-size: 20px !important;
}*/

.grve-filter ul li{
    text-transform: uppercase;
}

.grve-element.grve-filter.grve-align-center ul {
    text-transform: uppercase;
    font-size: 20px;
}

@media only screen and (max-width: 1200px) {
  #grve-header:not(.grve-logo-top) #grve-inner-header .grve-logo img {
    max-height: 30px !important;
  }
}

@media only screen and (max-width: 767px) {
  #grve-main-content h1 {
    font-size: 50px !important;
    line-height: 50px;
  }
}