/**
 * Theme Name: PORC ARMOR Évolution
 * Theme URI: https://www.addviso.com/
 * Description: Thème de PORC ARMOR Évolution
 * Version: 1.0.0
 * Author: Addviso
 * Author URI: https://www.addviso.com/
 * Template: h-code
 * Text Domain: porc-armor
 */

/* OTHER */
.tp-caption a.btn-small-white-background { color: #fff; transition: color .2s, background .2s!important; }
.svg-icon { display: inline-block; fill: currentColor; height: 1em; stroke-width: 0; stroke: currentColor; vertical-align: -0.2em; width: 1em; }

/* CTA */
.cta {position: fixed;z-index: 10;right: 10px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-align: right;width: 4.154em;}
.cta .cta-box {display: inline-block;background: #DD2829;border-radius: 4.154em;height: 4.154em;width: 4.154em;overflow: hidden;margin: 0.269em 0;cursor: pointer;text-align: center;-webkit-transition: none;-o-transition: none;transition: none;}
.cta .cta-box .cta-text {display: none;padding: em(10, 20);color: #fff;font-size: 1.538em;font-weight: bold;}
.cta .cta-box .cta-icon {position: relative;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);color: #fff;width: 1.615em;height: 1.615em;-webkit-transition: none;-o-transition: none;transition: none;}
.cta .cta-box .cta-icon svg {width: 100%;height: 100%;}
.cta .cta-box .cta-icon.icon-mail {width: 2.077em;height: 2.077em;}
.cta .cta-box:hover {position: relative;width: 20.385em;left: -16.231em;}
.cta .cta-box:hover .cta-icon {left: 1.846em;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.cta .cta-box:hover .cta-text {position: absolute;top: 0.7em;left: 3em;display: block;}
@media screen and (max-width: 767px) {
  .cta {right: auto;top: auto;bottom: 0;-webkit-transform: none;-ms-transform: none;transform: none;width: 100%;background: #DD2829;}
  .cta:after {content: "";clear: both;display: block;height: 0;width: 0;}
  .cta .cta-box {display: block;float: left;width: 33.334%;}
  .cta .cta-box:hover {width: 33.334%;left: auto;}
  .cta .cta-box:hover .cta-icon {left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
  .cta .cta-box:hover .cta-text {display: none;}
}

/* FOOTER */

#menu-footer-info {
  margin-top: 13px;
  text-align: left;
}

/* #menu-footer-info li {
  padding: 0 17px;
} */


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

  #menu-footer-info {
    text-align: center;
  }

  #menu-footer-info li {
    padding: 0 8px;
  }

}


/* FOOTER LINKEDIN */

.footer-social .btn-linkedin {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
}

.footer-social .btn-linkedin:hover .icon-holder {
  opacity: 0.5;
}

.btn-linkedin span {
  display: inline-block;
  vertical-align: middle;
}

.btn-linkedin .txt-holder {
  font-size: 11px;
  margin-right: 10px;
}

.btn-linkedin .icon-holder {
  color: #FFF;
  background-color: #DD2829;
  font-size: 1.5rem;
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  text-align: center;
  transition: opacity .3s ease-in-out;
}

.btn-linkedin .svg-icon {
  margin-top: .625rem;
}

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

  .btn-linkedin .txt-holder {
    margin-right: 16px;
    font-size: 14px;
  }

}

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

  .footer-social .btn-linkedin {
    margin-top: 1rem;
  }

}