﻿
/* -----------------------------   essentials.css ---------------------------   */

/*6983*/
/*.editor section.edit_t032 ul.process-steps,
ul.process-steps li {
	border:0 !important;
	text-align: center;
}*/

/*6989*/
/*.editor section.edit_t032 ul.process-steps li a {
	width:50px;
	height:50px;
	font-size:30px;
	line-height:30px;
	text-align: center;
	display:inline-block;
	color:#111;
	border:#666 1px solid !important;
	background-color:#fff;

	-webkit-border-radius: 50% !important;
	   -moz-border-radius: 50% !important;
			border-radius: 50% !important;
}*/

/*9776*/
/*.editor section.edit_t032 .nav-tabs.nav-justified>li>a {
	-webkit-border-radius: 0 !important;
	   -moz-border-radius: 0 !important;
			border-radius: 0 !important;
}*/

.editor.a04_edit_t012 .process-steps {
    text-align: center;
}

.editor.a04_edit_t012 .process-steps .wwpro-step {
    margin: 10px 0;
}

.editor.a04_edit_t012 .process-steps a {
    border-bottom: solid 1px #ccc;
    display: block;
    padding: 7px 0;
}

.editor.a04_edit_t012 .process-steps a:hover {
    background: var(--main-color);
}

@media (max-width: 767px){
	.editor.a04_edit_t012 .process-steps .process-step-item {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 10px;
    }

    .editor.a04_edit_t012 .process-steps a {
        flex: 0 0 auto;
        width: 50px;
        border-bottom: none;
        background: var(--main-color);
        padding: 0;
    }

    .editor.a04_edit_t012 .process-steps .wwpro-step {
        flex: 0 0 auto;
        width: calc(100% - 50px);
        text-align: left;
        padding-left: 10px;
        margin: 0;
    }
}

