.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
content: " ";
display: block;
background: white;
position: absolute;
z-index: 30;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
width: 3px;
height: 9999px;
left: 50%;
margin-left: -1.5px; }
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
width: 9999px;
height: 3px;
top: 50%;
margin-top: -1.5px; }
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%; }
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s; }
.twentytwenty-before-label, .twentytwenty-after-label {
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity; }
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
color: white;
font-size: 13px;
letter-spacing: 0.1em; }
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
position: absolute;
background: rgba(255, 255, 255, 0.2);
line-height: 38px;
padding: 0 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
top: 50%;
margin-top: -19px; }
.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
left: 50%;
margin-left: -45px;
text-align: center;
width: 90px; }
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute; }
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
top: 50%;
margin-top: -6px; }
.twentytwenty-up-arrow, .twentytwenty-down-arrow {
left: 50%;
margin-left: -6px; }
.twentytwenty-container {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
z-index: 0;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none; }
.twentytwenty-container img {
max-width: 100%;
position: absolute;
top: 0;
display: block; }
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
background: rgba(0, 0, 0, 0); }
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
opacity: 0; }
.twentytwenty-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }
.twentytwenty-before-label {
opacity: 0; }
.twentytwenty-before-label:before {
content: attr(data-content); }
.twentytwenty-after-label {
opacity: 0; }
.twentytwenty-after-label:before {
content: attr(data-content); }
.twentytwenty-horizontal .twentytwenty-before-label:before {
left: 10px; }
.twentytwenty-horizontal .twentytwenty-after-label:before {
right: 10px; }
.twentytwenty-vertical .twentytwenty-before-label:before {
top: 10px; }
.twentytwenty-vertical .twentytwenty-after-label:before {
bottom: 10px; }
.twentytwenty-overlay {
-webkit-transition-property: background;
-moz-transition-property: background;
transition-property: background;
background: rgba(0, 0, 0, 0);
z-index: 25; }
.twentytwenty-overlay:hover {
background: rgba(0, 0, 0, 0.5); }
.twentytwenty-overlay:hover .twentytwenty-after-label {
opacity: 1; }
.twentytwenty-overlay:hover .twentytwenty-before-label {
opacity: 1; }
.twentytwenty-before {
z-index: 20; }
.twentytwenty-after {
z-index: 10; }
.twentytwenty-handle {
height: 38px;
width: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border: 3px solid white;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
z-index: 40;
cursor: pointer; }
.twentytwenty-horizontal .twentytwenty-handle:before {
bottom: 50%;
margin-bottom: 22px;
-webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
top: 50%;
margin-top: 22px;
-webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:before {
left: 50%;
margin-left: 22px;
-webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
right: 50%;
margin-right: 22px;
-webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-left-arrow {
border-right: 6px solid white;
left: 50%;
margin-left: -17px; }
.twentytwenty-right-arrow {
border-left: 6px solid white;
right: 50%;
margin-right: -17px; }
.twentytwenty-up-arrow {
border-bottom: 6px solid white;
top: 50%;
margin-top: -17px; }
.twentytwenty-down-arrow {
border-top: 6px solid white;
bottom: 50%;
margin-bottom: -17px; }.wpmozo-animation {
opacity: 0;
animation-duration: 1s;
animation-fill-mode: forwards;
}
.wpmozo-animation.wpmozo-animation-top:hover {
animation-name: wpmozoTopToBottom;
}
.wpmozo-animation.wpmozo-animation-left:hover {
animation-name: wpmozoLeftToRight;
}
.wpmozo-animation.wpmozo-animation-right:hover {
animation-name: wpmozoRightToLeft;
}
.wpmozo-animation.wpmozo-animation-bottom:hover {
animation-name: wpmozoBottomToTop;
}
@keyframes wpmozoTopToBottom {
from { opacity: 0; transform: translateY(-50px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes wpmozoLeftToRight {
from { opacity: 0; transform: translateX(-50px); }
to { opacity: 1; transform: translateX(0); }
}
@keyframes wpmozoRightToLeft {
from { opacity: 0; transform: translateX(50px); }
to { opacity: 1; transform: translateX(0); }
}
@keyframes wpmozoBottomToTop {
from { opacity: 0; transform: translateY(50px); }
to { opacity: 1; transform: translateY(0); }
} .wpmozo-bna-button-wrap .wpmozo-bna-button {
display: inline-flex;
flex-flow: row wrap;
align-items: center;
text-decoration: none;
transition: all .3s ease-in-out;
white-space: nowrap;
column-gap: 7px;
}
.wpmozo-bna-button-wrap .wpmozo-bna-button.wpmozo-icon-at-before {
flex-direction: row-reverse;
}
.wpmozo-bna-button.wpmozo-icon-on-hover .wpmozo-bna-btn-text {
transition: all .3s ease-in-out;
transform: translateX(0.7em);
}
.wpmozo-bna-button.wpmozo-icon-on-hover.wpmozo-icon-at-before .wpmozo-bna-btn-text {
transform: translateX(-0.7em);
}
.wpmozo-bna-button.wpmozo-icon-on-hover .wpmozo-bna-icon {
opacity: 0;
transform: translateX(-1.5em);
transition: all .3s ease-in-out;
}
.wpmozo-bna-button.wpmozo-icon-on-hover.wpmozo-icon-at-before .wpmozo-bna-icon {
transform: translateX(1.5em);
}
.wpmozo-bna-button.wpmozo-icon-on-hover:hover .wpmozo-bna-btn-text {
transform: translateX(0);
}
.wpmozo-bna-button.wpmozo-icon-on-hover:hover .wpmozo-bna-icon {
opacity: 1;
transform: translateX(0);
} .wpmozo-bna-overlay{
z-index: -1;
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8);
opacity: 0;
pointer-events: none;
-webkit-transition: all .3s;
transition: all .3s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-smoothing: antialiased;
}
.wpmozo-bna-overlay .wpmozo-bna-overlay-icon {
color: #5600b7;
position: absolute;
top: 50%;
left: 50%;
font-size: 32px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all .4s;
transition: all .4s;
}.wpmozo_bna_blog_timeline_wrapper{display:flex;flex-direction:column;position:relative}.wpmozo_bna_blog_timeline_post{align-items:center;display:flex;flex-direction:row}.wpmozo_bna_blog_timeline_post a{text-decoration:none}.wpmozo_bna_blog_timeline_stem_center{flex-grow:0;flex-shrink:0;max-width:300px;z-index:2}.wpmozo_bna_blog_timeline_content_wrapper{position:relative}.wpmozo_bna_blog_timeline_post_title{margin-bottom:10px;margin-top:15px}.wpmozo_bna_blog_timeline_read_more_link{margin-top:15px}.wpmozo_bna_blog_timeline_meta{align-items:center;display:flex;flex-wrap:wrap;font-size:14px;line-height:1.3;margin-bottom:15px;margin-top:0}.wpmozo_bna_blog_timeline_meta_icon{font-size:inherit;line-height:0;margin:0 3px 0 5px;vertical-align:middle}.wpmozo_bna_blog_timeline_meta_icon svg{display:inline-block;vertical-align:middle}.wpmozo_bna_blog_timeline_meta .wpmozo_bna_blog_timeline_meta_icon:first-child{margin:0 3px 0 0}.wpmozo_bna_blog_timeline_image_wrapper img{display:block;height:auto;max-width:100%}.wpmozo_bna_blog_timeline_image_wrapper .wpmozo_bna_blog_timeline_image_link{display:inline-block}.wpmozo_bna_blog_timeline_meta_date .published{font-size:20px}.wp-block-wpmozo-blog-timeline .wpmozo_bna_mobile_date{display:none}.wpmozo_bna_blog_timeline_stem_center .wpmozo_bna_blog_timeline_post_icon{align-items:center;box-sizing:border-box;display:flex;font-size:22px;justify-content:center}.wp-block-wpmozo-blog-timeline .wpmozo_bna_stem_wrapper{background:#eee;position:absolute;top:0;width:2px;z-index:1}.wpmozo_bna_blog_timeline_post_content_inner p{font-size:16px;margin-top:0}.wpmozo_bna_blog_timeline_alternate_stem{left:50%;right:auto;transform:translateX(-50%)}.wpmozo_bna_blog_timeline_left_stem{right:0;transform:translateX(50%)}.wpmozo_bna_blog_timeline_right_stem{left:0;transform:translateX(-50%)}.wp-block-wpmozo-blog-timeline .wpmozo_bna_item_circle{background:#fff;border:4px solid #eee;border-radius:50%;display:block;height:32px;width:32px}.wp-block-wpmozo-blog-timeline .wpmozo_bna_border_fill,.wp-block-wpmozo-blog-timeline .wpmozo_bna_icon_fill{transition:1s ease}.wp-block-wpmozo-blog-timeline .layout1 .wpmozo_bna_blog_timeline_meta_date{margin-bottom:10px}.wp-block-wpmozo-blog-timeline .layout2 .wpmozo_bna_blog_timeline_outer_container{white-space:nowrap}.wpmozo_bna_blog_timeline_left.layout2 .wpmozo_bna_blog_timeline_outer_container{margin-left:10px}.wpmozo_bna_blog_timeline_right.layout2 .wpmozo_bna_blog_timeline_outer_container{margin-right:10px}.wpmozo_bna_blog_timeline_alternate.layout2 .wpmozo_bna_blog_timeline_post:nth-child(odd) .wpmozo_bna_blog_timeline_meta_date{text-align:right}.wpmozo_bna_blog_timeline_alternate .wpmozo_bna_blog_timeline_post:nth-child(odd){flex-direction:row-reverse}.wpmozo_bna_blog_timeline_alternate .wpmozo_bna_blog_timeline_outer_container,.wpmozo_bna_blog_timeline_alternate .wpmozo_bna_blog_timeline_post_content{flex-basis:50%;flex-grow:1;max-width:100%;position:relative}.wpmozo_bna_blog_timeline_alternate .wpmozo_bna_blog_timeline_content_wrapper{padding:20px}.wpmozo_bna_blog_timeline_alternate .wpmozo_bna_blog_timeline_stem_center{margin:0 20px;order:1}.wpmozo_bna_blog_timeline_alternate .wpmozo_bna_blog_timeline_outer_container{order:2}.wpmozo_bna_blog_timeline_alternate .wpmozo_bna_blog_timeline_triangle{background:inherit;border:inherit;clip-path:polygon(0 0,20px 20px,0 20px);display:block;height:20px;position:absolute;top:calc(50% - 10px);width:20px}.wpmozo_bna_blog_timeline_alternate .wpmozo_bna_blog_timeline_post:nth-child(odd) .wpmozo_bna_blog_timeline_triangle{left:-9px;transform:rotate(45deg)}.wpmozo_bna_blog_timeline_alternate .wpmozo_bna_blog_timeline_post:nth-child(2n) .wpmozo_bna_blog_timeline_triangle{right:-9px;transform:rotate(225deg)}.wpmozo_bna_blog_timeline_right .wpmozo_bna_blog_timeline_post{flex-direction:row}.wpmozo_bna_blog_timeline_right .wpmozo_bna_blog_timeline_outer_container{order:0}.wpmozo_bna_blog_timeline_right .wpmozo_bna_blog_timeline_stem_center{order:1}.wpmozo_bna_blog_timeline_right .wpmozo_bna_blog_timeline_post_content{margin:0 0 20px 20px;order:2;width:100%}.wpmozo_bna_blog_timeline_right .wpmozo_bna_blog_timeline_content_wrapper{padding:20px}.wpmozo_bna_blog_timeline_right .wpmozo_bna_blog_timeline_triangle{background:inherit;border:inherit;clip-path:polygon(0 0,20px 20px,0 20px);display:block;height:20px;left:-9px;position:absolute;top:50%;transform:rotate(45deg);width:20px}.wpmozo_bna_blog_timeline_left .wpmozo_bna_blog_timeline_post{flex-direction:row-reverse}.wpmozo_bna_blog_timeline_left .wpmozo_bna_blog_timeline_outer_container{order:0}.wpmozo_bna_blog_timeline_left .wpmozo_bna_blog_timeline_stem_center{order:1}.wpmozo_bna_blog_timeline_left .wpmozo_bna_blog_timeline_post_content{margin:0 20px 20px 0;order:2;width:100%}.wpmozo_bna_blog_timeline_left .wpmozo_bna_blog_timeline_content_wrapper{padding:20px}.wpmozo_bna_blog_timeline_left .wpmozo_bna_blog_timeline_triangle{background:inherit;border:inherit;clip-path:polygon(0 0,20px 20px,0 20px);display:block;height:20px;position:absolute;right:-9px;top:50%;transform:rotate(225deg);width:20px}@media only screen and (max-width:767px){.wpmozo_bna_blog_timeline_alternate .wpmozo_bna_blog_timeline_post:nth-child(2n){flex-direction:row-reverse}.wpmozo_bna_blog_timeline_alternate .wpmozo_bna_blog_timeline_post_content{margin-bottom:20px}.wpmozo_bna_blog_timeline_alternate .wpmozo_bna_blog_timeline_stem_center{margin-left:0}.wpmozo_bna_blog_timeline_alternate .wpmozo_bna_blog_timeline_post:nth-child(2n) .wpmozo_bna_blog_timeline_triangle{background:inherit;border:inherit;clip-path:polygon(0 0,20px 20px,0 20px);display:block;height:20px;left:-9px;position:absolute;top:calc(50% - 10px);transform:rotate(45deg);width:20px}.wp-block-wpmozo-blog-timeline .wpmozo_bna_blog_timeline_outer_container{display:none}.wp-block-wpmozo-blog-timeline .wpmozo_bna_mobile_date{display:block;margin-bottom:5px}.wpmozo_bna_blog_timeline_alternate.layout2 .wpmozo_bna_blog_timeline_post .wpmozo_bna_mobile_date.wpmozo_bna_blog_timeline_meta_date{text-align:left}}