/*
Theme Name: opal2022
Theme URI:  https://www.wpserveur.net
Author:     WPServeur
Author URI: https://www.wpserveur.net
Template:   sirat
Version:    1.0
License:    GNU General Public License v2 or later
*/
 /*STEPS*/
        .steps{
            position: relative;
            margin-top: 20px;
        }
        .step-line{
            display: none;
            position:absolute;
            top:24px;
            left:10px;
            z-index: 10;
            height: 0;
            width: 0;
            border-bottom: 2px solid #febe00;
            -webkit-transition: 0.3s ease-out;
            transition: 0.3s ease-out;
        }
        .step-item{
            display: inline-block;
            position: relative;
            vertical-align: top;
            width:169px;
            margin-right: 20px;
            margin-top: 10px;
            margin-bottom: 10px;
            padding:5px;
            padding-top: 40px;
            -webkit-transition: 0.3s ease-out;
            transition: 0.3s ease-out;
            cursor:pointer;

        }
        .step-image svg {
            display: block;
            width:70%;
            margin:0 auto;
        }
        .step-image svg path, .step-image svg circle {
            fill:#777;
            -webkit-transition: 0.3s ease-out;
            transition: 0.3s ease-out;
        }
        .step-text{
            padding: 0;
            margin:0;
            margin-top:40px;
            border-left: 2px solid #ccc;
            -webkit-transition: 0.3s ease-out;
            transition: 0.3s ease-out;
        }
        .step-text li{
            position: relative;
            padding: 0 5px 0 10px;
            list-style: none;
            margin-top: 5px;
            font-size:16px;
            text-align: left;
        }
        .step-text li:before{
            content: "";
            position: absolute;
            width:5px;
            height: 3px;
            background-color: #ccc;
            top:7px;
            left:0;
            -webkit-transition: 0.3s ease-out;
            transition: 0.3s ease-out;

        }


        .step-number{
            display: inline-block;
            position: absolute;
            top:0;
            left:0;
            z-index: 300;
            text-align: center;
            width:30px;
            height: 30px;
            border: 2px solid #777;
            background: #fff;
            color:#777;
            font-size: 18px;
            font-weight: bold;
            -webkit-transition: 0.3s ease-out;
            transition: 0.3s ease-out;
        }

        .step-item:hover .step-text{
            -webkit-transform: scale(1.05);
            transform: scale(1.05);
        }
        .step-item:hover .step-image svg path,.step-item:hover  .step-image svg circle {
            fill:#febe00;
        }
        .step-item:hover  ul{
            border-color: #febe00;
        }
        .step-item:hover  ul li:before{
            background-color: #febe00;
        }


        .step-item:hover .step-number{
            color:#febe00;
            border-color: #febe00;
            background: #fff;
        }
        @media all and (min-width: 1150px){
            .step-line{
                display: inline-block;
            }
            .steps .step-item:nth-of-type(2):hover ~ .step-line {
                width:20%;
            }
            .steps .step-item:nth-of-type(3):hover ~ .step-line {
                width:40%;
            }
            .steps .step-item:nth-of-type(4):hover ~ .step-line {
                width:60%;
            }
            .steps .step-item:nth-of-type(5):hover ~ .step-line {
                width:80%;
            }

        }

        @media all and (max-width: 800px){
            .step-item{
                width:107px;
                margin-left: 10px;

            }
            .step-text li{

                font-size:14px;

            }


        }
		
		.main-menu-navigation a{
			font-size: 22px;
		}
		.logo{
			display:flex;
			
		}
		#sidebar ul li{
			line-height: 1.5;
			padding: 5px 0;
			padding: 5px 0;
		}
		.vw-page-title{
			margin: 10px 0 0 0;
		}