/*
Theme Name: the Team
Theme URI: http: //www.huitonze.ch/
Description: This is a custom child theme for the Team
Author: Huit/Onze
Author URI: http: //www.huitonze.ch/
Template: salient
Version: 1.0
*/

body.material #slide-out-widget-area-bg.slide-out-from-right.light {
  background-color: #000000!important;
}
#slide-out-widget-area[class*="slide-out-from-right"] .widget.widget_nav_menu li a {
  font-family: Museo, sans-serif;
  font-size: 1.6em;
  line-height: 1.2em;
  margin-bottom: 20px;
  color: rgba(255,255,255,1)!important;
}
#slide-out-widget-area[class*="slide-out-from-right"] .widget.widget_nav_menu li a:hover {
  color: rgba(255,255,255,.6)!important;
}

.merg-neg-20 {
  margin-top: -20px;
}

.height-94 {
  max-height: 94px;
}

.icoteam-retina-adjust {
  height: 60px!important;
}

.font-caps {
  text-transform: uppercase;
}

p {
  font-weight: 300;
}

h2 {
  font-weight: 700;
}

h3 {
  font-weight: 300;
}

h4 {
  font-weight: 300;
}

h5 {
  font-weight: 700;
}

h6 {
  font-weight: 500;
}
/***********************
    HEADER
************************/
/***** Title */
h1.welcome-title,
h1.welcome-title span {
    color: white;
    text-transform: uppercase;
    line-height: 0.5em;
}
h1.welcome-title span.baseline-title {
    font-size: 0.4em;
    line-height: 1em;
}
@media only screen and (max-width: 690px) {
  h1.welcome-title,
  h1.welcome-title span {
      font-size: 50px;
  }
}

/***** Bouton Platform */
#btn-platform,
#btn-contact {
    border: 5px solid rgba(255,255,255,.3);
    border-radius: 50px;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
}
.btn-platform-bg {
    background: white;
    background: rgba(255,255,255,1);
    padding: 20px 30px;
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-delay: 0.01s;
}
.btn-platform-bg:hover {
    background: rgba(255,255,255,.8);
}
span.txt-platform {
    /* background-image: linear-gradient(to right,#d00b49,#f47a22);
    color: #d00b49;
    background: linear-gradient(to bottom right,#d00b49,#f47a22);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent; */
    display: inline-block;
    font-size: 28px;
    line-height: 32px;
    font-weight: 100;
}
.main-content .svg-icon-holder {
    height: 40px;
    margin-bottom: -10px;
    margin-right: 10px;
}
@media screen and (max-width: 690px) {
  span.txt-platform {
      font-size: 18px;
  }
}

/***** Team Members */
.team-member-custom {
    border-radius: 50%;
}

.team-member-custom:hover {
    cursor: pointer;
}

/***** Partenaires */
#partenaires-btn {
  display: inline-block;
  color: white;
  border-radius: 100px;
  padding: 10px 20px;
  background: #d00b49;
  background: -webkit-linear-gradient(bottom left, #d00b49 0%, #faa61c 100%);
  background: -o-linear-gradient(bottom left, #d00b49 0%, #faa61c 100%);
  background: linear-gradient(to top right, #d00b49 0%, #faa61c 100%);
}

#partenaires-btn h5 {
  margin-bottom: 0;
  font-weight: 700;
}

/***** Références */
@media screen and (min-width: 690px) {
    .ref-box .col .column_container .vc_column-inner {
        border-bottom: 1px solid #d8d8d8;
        margin: 16px 16px -16px;
    }
    .ref-box:last-child .col .column_container .vc_column-inner {
        border-bottom: transparent;
    }
    .ref-box .col .column_container {
        border-right: 1px solid #d8d8d8;
        margin-bottom: 30px;
    }
    .ref-box .col .column_container:last-child {
        border-right: transparent;
    }
}
.ref-box .col .column_container .vc_column-inner .inner img {
    top: -16px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-delay: 0.01s;
}
.ref-box .col .column_container .vc_column-inner .inner:hover img {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
.ref-box .col .column_container .inner {
    width: 100%;
    height: 100%;
    opacity: 0.6;
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-delay: 0.01s;

}

.ref-box .col .column_container .inner:hover {
    opacity: 1;
}
/***** Stay Tuned */
#cff.theteam-stay .cff-item.cff-box {
    margin: 10px 0;
    padding: 0;
    overflow: hidden;
}
#cff.theteam-stay .cff-item.cff-box .cff-post-text,
#cff.theteam-stay .cff-item.cff-box .cff-date,
#cff.theteam-stay .cff-item.cff-box .cff-meta-wrap {
  padding: 0 15px;
}
@media screen and (min-width: 480px) {
  #cff .cff-photo img {
    width: 420px;
  }
}
@media screen and (min-width: 690px) {
  .cff-posts-wrap, .cff-posts-wrap div {
    vertical-align: top;
  }
  #cff.theteam-stay .cff-item.cff-box {
    width: 30%;
    float: none;
    display: inline-block;
    margin: 0 10px;
  }
  #cff.theteam-stay .cff-item.cff-box .cff-post-text, #cff.theteam-stay .cff-item.cff-box .cff-date, #cff.theteam-stay .cff-item.cff-box .cff-meta-wrap {
    text-align: left;
  }
  #cff .cff-post-links, #cff .cff-event-meta {
    float: left;
  }
}

/***** Contact */
img.contact-flower,
img.img-with-animation.contact-flower {
    max-width: 78px!important;
    padding-bottom: 36px;
}

#btn-contact .txt-platform .svg-icon-holder {
    margin-bottom: -12px;
    margin-right: 12px;
}

/********************
  FOOTER
*********************/
#footer-outer[data-using-bg-img="true"] {
    background-position: center top;
    background-color: #f5f5f5;
    padding-top: 140px;
    color: white;
}

#footer-outer[data-using-bg-img="true"][data-bg-img-overlay="0.1"]:after {
    opacity: 0!important;
}

#footer-outer #copyright {
    border-top: 0!important;
}

#footer-social a i.icon-default-style {
    background-color: white!important;
    color: #ee1e23!important;
    color: rgba(238,30,35,1)!important;
    width: 60px;
    height: 60px;
    margin: 0 10px;
    line-height: 60px!important;
    font-size: 25px!important;
    transition-property: color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-delay: 0.01s;
}

#footer-social a:hover i.icon-default-style {
    color: #ee1e23!important;
    color: rgba(238,30,35,.6)!important;
}

#footer-social img {
    width: 20px;
    height: 20px;
    margin-bottom: -5px;
}

.widget_nav_menu #menu-main-menu {
    margin-top: 36px;
}

#footer-outer #footer-widgets .col ul li:first-child {
    padding-top: 4px!important;
}

#footer-outer #footer-widgets #nav_menu-3.widget_nav_menu #menu-main-menu li {
    display: inline-block;
    border-right: 1px solid white!important;
    margin-left: 10px;
    padding-right: 10px!important;
    font-family: Museo, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 8px;
}

#footer-outer #footer-widgets #nav_menu-3.widget_nav_menu #menu-main-menu li:last-child {
    border-right: none!important;
}

@media screen and (max-width: 690px) {
    #footer-outer #footer-widgets #nav_menu-3.widget_nav_menu #menu-main-menu li {
      border-right: none!important;
  }
}

#nav_menu-3 #menu-main-menu .menu-item a:hover {
    color: rgba(255,255,255,.6)!important;
}

div#copyright,
div#copyright a {
    color: white!important;
    color: rgba(255,255,255,1)!important;
}

div#copyright a:hover {
    color: white!important;
    color: rgba(255,255,255,.6)!important;
}

/*******************
  TEAM Members
********************/
.single-coequipieres h5 {
    color: #646464!important;
}

.custom-moodboard .col h5 {
    color: white!important;
}

.img-with-aniamtion-wrap.center {
    position: relative;
}

.member-hover .img-with-aniamtion-wrap a::before {
    content: '+';
    color: white;
    font-size: 3em;
    position: absolute;
    display: block;
    z-index: 1;
    width: 100%;
    text-align: center;
    height: 20px;
    top: 50%;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-delay: 0.1s;
}

.member-hover .img-with-aniamtion-wrap:hover a::before {
    opacity: 1;
}

.member-hover a.center {
    display: block;
    background: #d00b49;
    background: -webkit-linear-gradient(bottom left, #d00b49 0%, #faa61c 100%);
    background: -o-linear-gradient(bottom left, #d00b49 0%, #faa61c 100%);
    background: linear-gradient(to top right, #d00b49 0%, #faa61c 100%);
    opacity: 1;
    border-radius: 50%;
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-delay: 0.01s;
}

.member-hover a.center img {
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-delay: 0.01s;
}

.member-hover a.center:hover img {
    opacity: .1!important;
}

/*******************
  DIVERS
********************/
/*** Ajustements ***/
.member-hover {
    padding-bottom: 0px!important;
}

.material .member-hover .wpb_content_element {
    margin-bottom: .5em;
}

/***** Burger Menu */
@media screen and (min-width: 690px) {
  ul.buttons li.slide-out-widget-area-toggle div {
      background: #d00b49;
      background: -webkit-linear-gradient(bottom left, #d00b49 0%, #faa61c 100%);
      background: -o-linear-gradient(bottom left, #d00b49 0%, #faa61c 100%);
      background: linear-gradient(to top right, #d00b49 0%, #faa61c 100%);
      border-radius: 100%;
      width: 55px;
      height: 55px;
      padding: 18px 12px;
      margin-top: -10px;
    }

  #header-outer.transparent header#top nav ul .slide-out-widget-area-toggle a i.lines-button.x2 i.lines,
  body.material #header-outer.transparent .slide-out-widget-area-toggle a i.lines-button.x2 .close-line,
  #header-outer.transparent:not(.side-widget-open) header#top nav ul .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] a i.lines-button.x2:after,
  #header-outer.transparent header#top nav ul .slide-out-widget-area-toggle a i.lines-button.x2.hover-effects i.lines,
  body.material #header-outer.transparent .slide-out-widget-area-toggle a i.lines-button.x2.hover-effects .close-line,
  #header-outer.transparent:not(.side-widget-open) header#top nav ul .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] a i.lines-button.x2.hover-effects:after {
    opacity: 1!important;
  }

  header#top nav ul .slide-out-widget-area-toggle a i.lines-button i.lines:before,
  header#top nav ul .slide-out-widget-area-toggle a i.lines-button i.lines:after,
  body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after {
    background-color: rgba(255,255,255,1)!important;
  }
}

/***** ScrollBar */
#ascrail2000 {
    background-color: #ddd;
}

#ascrail2000 div {
    background-color: #bbb!important;
    width: 10px!important;
    margin-right: 3px;
}


/***** Bugs 2022.03.24 */
.col.left {
    text-align: left;
}

.img-with-aniamtion-wrap .hover-wrap {
    margin-bottom: 0;
}

#footer-social a i.icon-default-style {
    border-radius: 50%;
}

body.coequipieres-template-default i.icon-normal.fa.fa-linkedin.accent-color,
body.coequipieres-template-default i.icon-normal.fa.fa-facebook.accent-color {
    line-height: 32px;
}