.elementor-3513159 .elementor-element.elementor-element-57d03f87{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;--overflow:hidden;--overlay-opacity:0.5;--padding-top:8rem;--padding-bottom:8rem;--padding-left:2rem;--padding-right:2rem;}.elementor-3513159 .elementor-element.elementor-element-57d03f87:not(.elementor-motion-effects-element-type-background), .elementor-3513159 .elementor-element.elementor-element-57d03f87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3513159 .elementor-element.elementor-element-57d03f87::before, .elementor-3513159 .elementor-element.elementor-element-57d03f87 > .elementor-background-video-container::before, .elementor-3513159 .elementor-element.elementor-element-57d03f87 > .e-con-inner > .elementor-background-video-container::before, .elementor-3513159 .elementor-element.elementor-element-57d03f87 > .elementor-background-slideshow::before, .elementor-3513159 .elementor-element.elementor-element-57d03f87 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3513159 .elementor-element.elementor-element-57d03f87 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://staging.aimeefairweather.com/wp-content/uploads/2020/01/af_watermark.png");--background-overlay:'';background-position:110% 110%;background-repeat:no-repeat;}.elementor-3513159 .elementor-element.elementor-element-366853dc .elementor-repeater-item-675d491 > *{display:inline-block;}.elementor-3513159 .elementor-element.elementor-element-366853dc .elementor-repeater-item-b16e813.dce-item_image{justify-content:top;}.elementor-3513159 .elementor-element.elementor-element-366853dc .dce-container-navigation i{font-size:27px;}.elementor-3513159 .elementor-element.elementor-element-366853dc .dce-container-navigation svg{height:27px;width:100%;}.elementor-3513159 .elementor-element.elementor-element-366853dc .dce-carousel-controls .swiper-button-left{height:27px;width:27px;margin-top:calc(27px / 2);}.elementor-3513159 .elementor-element.elementor-element-366853dc .dce-carousel-controls .swiper-button-right{height:27px;width:27px;margin-top:calc(27px / 2);}.elementor-3513159 .elementor-element.elementor-element-366853dc .swiper-button-right path, .elementor-3513159 .elementor-element.elementor-element-366853dc .swiper-button-left path, .elementor-3513159 .elementor-element.elementor-element-366853dc .dce-container-navigation svg, .elementor-3513159 .elementor-element.elementor-element-366853dc .dce-container-navigation i{fill:#FFFFFF;color:#FFFFFF;}.elementor-3513159 .elementor-element.elementor-element-366853dc .swiper-button-right line, .elementor-3513159 .elementor-element.elementor-element-366853dc .swiper-button-left line, .elementor-3513159 .elementor-element.elementor-element-366853dc .swiper-button-right polyline, .elementor-3513159 .elementor-element.elementor-element-366853dc .swiper-button-left polyline{stroke:#FFFFFF;}.elementor-3513159 .elementor-element.elementor-element-366853dc .swiper-button-right:hover path, .elementor-3513159 .elementor-element.elementor-element-366853dc .swiper-button-left:hover path, .elementor-3513159 .elementor-element.elementor-element-366853dc .swiper-button-left:hover svg, .elementor-3513159 .elementor-element.elementor-element-366853dc .swiper-button-right:hover svg, .elementor-3513159 .elementor-element.elementor-element-366853dc .swiper-button-left:hover i, .elementor-3513159 .elementor-element.elementor-element-366853dc .swiper-button-right:hover i{fill:var( --e-global-color-2b768f8 );color:var( --e-global-color-2b768f8 );}.elementor-3513159 .elementor-element.elementor-element-366853dc .swiper-button-right:hover line, .elementor-3513159 .elementor-element.elementor-element-366853dc .swiper-button-left:hover line, .elementor-3513159 .elementor-element.elementor-element-366853dc .swiper-button-right:hover polyline, .elementor-3513159 .elementor-element.elementor-element-366853dc .swiper-button-left:hover polyline{stroke:var( --e-global-color-2b768f8 );}.elementor-3513159 .elementor-element.elementor-element-366853dc .dce-carousel-controls .dce-container-navigation{transform:translateX(-50%);left:50%;top:100%;width:40%;}.elementor-3513159 .elementor-element.elementor-element-366853dc .swiper-button-left, .elementor-3513159 .elementor-element.elementor-element-366853dc .swiper-button-right{top:-10px;}.elementor-3513159 .elementor-element.elementor-element-366853dc .dce-posts-fallback{text-align:left;}@media(max-width:1200px){.elementor-3513159 .elementor-element.elementor-element-366853dc .dce-carousel-controls .dce-container-navigation{top:100%;}}@media(max-width:1023px){.elementor-3513159 .elementor-element.elementor-element-57d03f87::before, .elementor-3513159 .elementor-element.elementor-element-57d03f87 > .elementor-background-video-container::before, .elementor-3513159 .elementor-element.elementor-element-57d03f87 > .e-con-inner > .elementor-background-video-container::before, .elementor-3513159 .elementor-element.elementor-element-57d03f87 > .elementor-background-slideshow::before, .elementor-3513159 .elementor-element.elementor-element-57d03f87 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3513159 .elementor-element.elementor-element-57d03f87 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:-30% 120%;}.elementor-3513159 .elementor-element.elementor-element-57d03f87{--padding-top:4rem;--padding-bottom:4rem;--padding-left:2rem;--padding-right:2rem;}}@media(max-width:767px){.elementor-3513159 .elementor-element.elementor-element-57d03f87::before, .elementor-3513159 .elementor-element.elementor-element-57d03f87 > .elementor-background-video-container::before, .elementor-3513159 .elementor-element.elementor-element-57d03f87 > .e-con-inner > .elementor-background-video-container::before, .elementor-3513159 .elementor-element.elementor-element-57d03f87 > .elementor-background-slideshow::before, .elementor-3513159 .elementor-element.elementor-element-57d03f87 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3513159 .elementor-element.elementor-element-57d03f87 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0% 0%;}.elementor-3513159 .elementor-element.elementor-element-57d03f87{--overlay-opacity:0;--padding-top:4rem;--padding-bottom:4rem;--padding-left:1rem;--padding-right:1rem;}.elementor-3513159 .elementor-element.elementor-element-366853dc .dce-carousel-controls .dce-container-navigation{transform:translateX(-50%);left:50%;top:100%;width:60%;}}@media(min-width:768px){.elementor-3513159 .elementor-element.elementor-element-57d03f87{--content-width:768px;}}/* Start custom CSS for dce-dynamicposts-v2, class: .elementor-element-366853dc *//* Center testimonial in carousel container to prevent dom shifting */
.dce-posts-container .dce-post-item .dce-post-block {
    justify-content: center;
}


.dce-posts-container p {
    font-weight: 600;
}

.dce-posts-container p > strong {
    background: linear-gradient(180deg, rgba(255,255,255,0) 65%, rgba(255,255,255,0.2) 65%);
}


.dce-carousel-controls .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: -2rem;
}

.dce-carousel-controls .swiper-pagination-bullet-active {
    background: #ffffff;
}/* End custom CSS */
/* Start custom CSS */.twentytwenty-container {
    border-radius: 8px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}


.twentytwenty-before-label,  .twentytwenty-after-label {
    opacity: 1 !important;
}

.twentytwenty-container.active .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-after-label
{
    opacity: 0 !important;
}

 .twentytwenty-before-label:before,  .twentytwenty-after-label:before {
    top: 1rem !important;
    margin: 0 !important;
    
}

.twentytwenty-before-label:before {
    left: 1rem;
    color: var(--e-global-color-text) !important;
    background: #ffffff !important;
}

.twentytwenty-after-label:before {
    right: 1rem !important;
    color: #ffffff !important;
    background: var(--e-global-color-primary) !important;
}

.twentytwenty-horizontal #container-afterbefore .twentytwenty-overlay .twentytwenty-after-label {
    color: #ffffff !important;
}

@media only screen and (max-width: 767px) {
    
    .twentytwenty-container {
    border-radius: 0;
    min-height: calc((100vw - 2rem) * .66666666);
}

.twentytwenty-container > img {
    min-height: calc((100vw - 2rem) * .66666666);
}
    
    .twentytwenty-before-label:before,  .twentytwenty-after-label:before {
    font-size: 0.8rem !important;
    top: 0.5rem !important;
    
}

.twentytwenty-before-label:before {
    left: 0.5rem !important;
}

 .twentytwenty-after-label:before {
    right: 0.5rem !important;
}


}



/* Removing content shift from Hero section before after*/

.af-hero-beforeafter .twentytwenty-container {
    --beforeafter-hero-min-height: calc((1400px - 4rem) * 0.55 * 0.66666666);
    /* This variable is used to adjust the min-height of the before/after widget.The calculation is the section container max-width minus left/right padding and column gap. Multiplied by 55% which is the columns width to get the width of the widget. The images are 3:2 aspect ratio so we multiply the width by 0.6666666 to get the height.
    */
}

.af-hero-beforeafter .twentytwenty-container {
    min-height: var(--beforeafter-hero-min-height);
}

.af-hero-beforeafter .twentytwenty-container > img {
    min-height: var(--beforeafter-hero-min-height);
}

@media only screen and (max-width: 1400px) {
    .af-hero-beforeafter .twentytwenty-container{
    --beforeafter-hero-min-heightt: calc((100vw - 10rem) * 0.55 * 0.66666666);
    }
}


@media only screen and (max-width: 1200px) {
    .af-hero-beforeafter .twentytwenty-container{
    --beforeafter-hero-min-height: calc((100vw - 8rem) * 0.55 * 0.66666666);
}
}

@media only screen and (max-width: 1023px) {
    .af-hero-beforeafter .twentytwenty-container {
    --beforeafter-hero-min-height: calc((100vw - 4rem) * .66666666);
}
}

@media only screen and (max-width: 767px) {
    .af-hero-beforeafter .twentytwenty-container 
}

/* Removing content shift from other before/after widgets. See notes above */
.twentytwenty-container {
    --beforeafter-min-height: calc((1400px - 4rem) * 0.55 * 0.66666666);

}

.twentytwenty-container {
    min-height: var(--beforeafter-min-height);
}

.twentytwenty-container > img {
    min-height: var(--beforeafter-min-height);
}

@media only screen and (max-width: 1400px) {
.twentytwenty-container{
    --beforeafter-min-height: calc((100vw - 8rem) * 0.55 * 0.66666666);
    }
}


@media only screen and (max-width: 1200px) {
.twentytwenty-container{
    --beforeafter-min-height: calc((100vw - 8rem) * 0.55 * 0.66666666);
}
}

@media only screen and (max-width: 1023px) {
.twentytwenty-container {
    --beforeafter-min-height: calc((100vw - 6rem) * .66666666);
}
}

@media only screen and (max-width: 767px) {
.twentytwenty-container {
    --beforeafter-min-height: calc((100vw - 2rem) * .66666666);
}/* End custom CSS */