/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 26 2021 | 09:44:21 */
.rotate-img {
  transform: rotate(-35deg);
}

.col-full-bg-grey::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50vw;
  height: 100%;
  
  background-color: var(--e-global-color-primary);
  z-index: -1;
}

#read_more-portrait svg {
  height: unset!important;
}

#read_more-portrait .elementor-button-icon {
  display: flex;
  align-items: center;
}

.portrait-duo .photos,
.portrait-duo .photos .elementor-widget-container,
.portrait-duo .photos .elementor-widget-container .elementor-flip-box {
  width: 100%;
  height: 100%;
}

.portrait-duo .texte {
  pointer-events: none;
  opacity: 0;
  transition: .3s ease;
  z-index: 1;
}

.portrait-duo .texte ul li:first-child {
  margin: auto;
  display: block;
  width: max-content;
  font-size: 30px!important;
  text-align: center;
}

.portrait-duo .texte ul li:first-child span {
  color: var(--e-global-color-primary)!important;
}

.portrait-duo .texte.active {
  opacity: 1;
}

.elementor-editor-active .portrait-duo .texte {
  opacity: 1!important;
}

.elementor-editor-active .portrait-duo .btn {
  opacity: 0!important;
}


.portrait-duo:nth-of-type(1) .btn.active {
  transform: translateX(-50%) scale(1) rotate(0deg);
  left: 50%!important;
}

.portrait-duo:nth-of-type(1) .btn {
  transform: translateX(0%) scale(.7) rotate(360deg);
  left: calc(100% + 15px)!important;
  transition: 1s ease;
  cursor: pointer;
}

.portrait-duo:nth-of-type(2) .btn.active {
  transform: translateX(50%) scale(1) rotate(0deg);
  right: 50%!important;
  left: unset!important;
}

.portrait-duo:nth-of-type(2) .btn {
  transform: translateX(0%) scale(.7) rotate(-360deg);
  right: calc(100% + 15px)!important;
  transition: 1s ease;
  cursor: pointer;
  left: unset!important;
}

.portrait-duo .btn.active svg {
  fill: #fff;
}

.portrait-duo .btn svg {
  fill: #333;
}

.portrait-duo:nth-of-type(1) .elementor-column:nth-of-type(1) .elementor-widget-wrap {
  transform: translateX(25px);
  overflow-x: hidden;
}

.portrait-duo:nth-of-type(2) .elementor-column:nth-of-type(1) {
  z-index: 2;
}

.portrait-duo:nth-of-type(2) .elementor-column:nth-of-type(2) .btn {
  z-index: 3;
}

.portrait-duo:nth-of-type(2) .elementor-column:nth-of-type(2) .elementor-widget-wrap {
  transform: translate(-25px, -120px);
  overflow-x: hidden;
}

.popup-portrait .dialog-widget-content .dialog-message::-webkit-scrollbar {
  width: 12px;
}
 
.popup-portrait .dialog-widget-content .dialog-message::-webkit-scrollbar-track {
  background-color: var(--e-global-color-primary);
}
 
.popup-portrait .dialog-widget-content .dialog-message::-webkit-scrollbar-thumb {
  background-color: var(--e-global-color-accent);
  border: 4px solid var(--e-global-color-primary);
  border-radius: 35px;
}

.testimonials-portrait::before {
  content: "";
  background: url("/wp-content/uploads/2021/05/vectorpaint.svg") no-repeat center/contain;
  color: #fff;
  position: absolute;
  top: -30px;
  right: 0;
  transform: rotateY(180deg);
  width: 150px;
  height: 150px;
  z-index: 0;
  opacity: .5;
}