.stepup-side-half-wrapper {
display:flex;
flex-wrap:wrap;
}
section.content-template.stepup-side-half {
padding:0;
box-sizing:border-box;
width:100%;
}
section.stepup-side-half div.post {
display:flex;
}
section.stepup-side-half.odd div.post {
flex-direction:row-reverse;
}
section.stepup-side-half div.flex_inner {
width:50%;
padding:6% 6%;
position:relative;
}
section.stepup-side-half .arrow {
position:absolute;
top:calc( 50% - 30px );
width: 0px;
height: 0px;
z-index: 20;
}
section.stepup-side-half .right_content .arrow {
left:-30px;
border-top: solid 30px transparent !important;
border-right: solid 30px;
border-bottom: solid 30px transparent !important;
}
section.stepup-side-half .left_content .arrow {
right:-30px;
border-top: solid 30px transparent !important;
border-bottom: solid 30px transparent !important;
border-left: solid 30px;
}
section.stepup-side-half .decoration_area {
background-size:cover;
background-repeat:no-repeat;
}
@media screen and (max-width:1024px) {
.height-style-auto section.content-template.stepup-side-half:not(:first-child) {
width:50%;
}
.height-style-content section.stepup-side-half .decoration_area {
height:300px;
}
section.stepup-side-half.odd div.post ,
section.stepup-side-half.even div.post {
flex-direction:column;
}
section.content-template div.flex_inner {
width:100%;
}
section.stepup-side-half .right_content .arrow ,
section.stepup-side-half .left_content .arrow {
top:calc(100% - 15px);
left:calc( 50% - 15px );
}
section.stepup-side-half .left_content .arrow {
transform:rotate(90deg);
}
section.stepup-side-half .right_content .arrow {
transform:rotate(-90deg);
}
}
@media screen and (max-width:768px) {
.height-style-auto section.content-template.stepup-side-half:not(:first-child) {
width:100%;
}
}