.page-single{
    padding: 50px 80px;

    & h1, h3{
        font-family:'Didot';
        padding:10px 0;
        margin:0;
        color:var(--black);
    }

    & h4, h5, h6{
        font-family:'ProximaNovaSemiBold';
        padding:10px 0;
        margin:0;
        color:var(--black);
    }

    & .column-flex{
        gap:50px;
    }



    & .column-widget{
        box-shadow: rgba(0, 0, 0, 0.061) 0px 0px 20px;
        border-radius:10px;
        height:fit-content;
        & h3{
        font-family:'Didot';
        color:var(--black);
        font-size:1.8rem;
        padding: 30px 30px 0 30px;
        }

        & li{
            font-size:1rem;
        }

        & hr{
            border:1px solid var(--orange);
            margin:0px 30px;
            width:60%;
        }

        & a{
            font-family:'ProximaNovaRegular';
            font-size:1rem;
        }

        & p{
            font-size:1rem;
        }

        & ul{
        padding: 0;
        margin: 30px;
        list-style: none;
        }
    }

    & .column-blog{
        & img{
            width:100%;
            aspect-ratio: 16/9;
            height:400px;
            border-radius:10px;
        }

        & figure{
            margin: 10px 0;
        }

        & .navigation{
            justify-content: space-between;
            margin: 30px 0 10px 0;
        }
    }

    & .wp-block-post-title{
        font-size:4rem;
        line-height:1.2;
        padding: 5px 0;
    }

    & h2{
        font-family:'Didot';
        font-size:2rem;
        padding: 10px 0;
        margin-top:30px;
    }

    & .wp-block-post-time-to-read, time{
        font-family:'ProximaNovaLight';
    }

    & p{
        font-size:1.1rem;
        padding: 10px 0;
    }

    & a{
        font-family:'ProximaNovaBold';
        font-size:1.1rem;
        color:var(--orange);
    }

    & ul{
        padding: 0;
        margin: 20px 30px;

    }

    & li{
        font-family:'ProximaNovaRegular';
        font-size:1.1rem;
        padding: 10px 0;
        & .wp-block-latest-posts__post-title{
            font-family:'Didot';
            font-size:1.6rem;
            display:block;
            color:var(--black);
        }
        & .wp-block-latest-posts__post-date{
            font-size:1rem;
            color:var(--orange);
            font-family:'ProximaNovaSemiBold';
        }
    }
}

@media screen and (max-width:1024px){
.page-single {
  & .column-blog {
    & .navigation {
      flex-direction: row;
    }
  }
}
}

@media screen and (max-width:768px){
    .page-single{
        padding: 30px 50px;

        & .column-flex{
            gap:30px;
        }


    & .column-widget{
        & li{
            font-size:0.9rem;
        }

        & a{
            font-size:0.9rem;
        }

        & p{
            font-size:0.9rem;
        }

        & ul{
        padding: 0;
        margin: 30px;
        list-style: none;
        }
    }


    & .column-blog{
        & img{
            height:220px;
        }

        & figure{
            margin: 10px 0 0 0;
        }
        }

    & .wp-block-post-title{
        font-size:3rem;
        padding: 10px 0;
    }

    & h2{
        line-height:1.1;
    }

    & .wp-block-post-time-to-read, time{
        font-size:0.9rem;
    }

    & p{
        font-size:1rem;
    }

    & a{
        font-size:1rem;
    }

    & li{
        font-size:1rem;
        & .wp-block-latest-posts__post-title{
            font-size:1.4rem;
        }
        & .wp-block-latest-posts__post-date{
            font-size:0.9rem;
        }
}
    }
}


@media screen and (max-width:480px){
    .page-single{
        padding: 30px;

        & .column-flex{
            gap:20px;
        }


    & .column-widget{
        & ul{
        margin: 20px;
        }

        & h3 {
      font-size: 1.6rem;
      padding: 20px 20px 0 20px;
    }
    & hr{
        margin: 0px 20px;
    }
    }


    & .column-blog{
        & img{
            height:180px;
        }
    }


    & .wp-block-post-title{
        font-size:2.2rem;
    }

    & h2{
        line-height:1.1;
        font-size:1.6rem;
    }

    & p{
        font-size:0.9rem;
    }

    & a{
        font-size:0.9rem;
    }

    & li{
        font-size:0.9rem;
        & .wp-block-latest-posts__post-title{
            font-size:1.2rem;
            line-height:1.2;
            padding: 5px 0;
        }
        & .wp-block-latest-posts__post-date{
            font-size:0.9rem;
    
        }
}
    }
}