/*
 Theme Name:   PRIORISE
 Theme URI:    https://priorise.com
 Description:  Thème PRIORISE
 Author:       STUDIO WBM
 Author URI:   https://priorise.com
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light
 Text Domain:  priorise_theme
*/


/**************************
          TOP PAGE
***************************/
div.site main.site-main{
    padding-top: 0;
    overflow: hidden;
}
section.block-top-page {
    position: relative;
    padding-top: clamp(12vh, 16vh, 20vh);
    padding-bottom: 40px;
    min-height: 55vh;
}
.row.row-block-top-page{
    justify-content: center;
    align-items: center;
    max-width: 990px;
    margin: 0 auto;
    z-index: 9;
}
.row.row-block-top-page h1{
    color: var(--themeMarinePurple);
    text-align: center;
    font-size: 62px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    margin-top: 0.5rem;
    margin: 0;
}
.row.row-block-top-page > div{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.row.row-block-top-page > div p{
    color: var(--themeFontColor);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.row.row-block-top-page > .row-2-links{
    margin-top: 40px;
}
/* Animation */

.icon-cat{
    position: absolute;
    opacity: 0.3;
    filter: blur(4px);
    -webkit-transition: all 300ms ease-out !important;
    -moz-transition: all 300ms ease-out !important;
    -ms-transition: all 300ms ease-out !important;
    -o-transition: all 300ms ease-out !important;
    transition: all 300ms ease-out !important;
    z-index: 1;
}
.icon-cat:nth-child(2){
    bottom: 5%;
    left: 60%;
}
.icon-cat:nth-child(3) {
    bottom: -25%;
    right: 13%;
}
.icon-cat:nth-child(4){
    bottom: 32%;
    right: 55%;
    filter: blur(6px);
}
.icon-cat:nth-child(5) {
    bottom: -30%;
    right: 67%;
}
.icon-cat:nth-child(6){
    bottom: 0%;
    right: -5%;
}
.icon-cat:nth-child(7){
    bottom: 55%;
    right: 21%;
}
.icon-cat:nth-child(8) {
    bottom: 17%;
    right: 90%;
    filter: blur(6px);
}
.block-services-row{
    display: flex;
    flex-direction: column;
    gap: 120px;
    z-index: 2;
}
/**************************
          RESPONSIVE
***************************/

@media only screen and (max-width: 1600px) {
    
    .row.row-block-top-page h1 {
        font-size: 56px;
    }
    .row.row-block-top-page > div {
        gap: 20px;
    }
}
@media only screen and (max-width: 1280px) {
    section.block-top-page {
        padding-top: 20vh;
        padding-bottom: clamp(15vh, 20vh, 25vh);
    }
    .row.row-block-top-page h1 {
        font-size: 52px;
    }
    .row.row-block-top-page > div p {
        font-size: 18px;
    }
}
@media only screen and (max-width: 1200px) {
    .row.row-block-top-page h1 {
        font-size: 44px;
    }
    .row.row-block-top-page > div p {
        font-size: 17px;
    }
}
@media only screen and (max-width: 1024px) {
    section.block-top-page {
        padding-top: 15vh;
    }
    .row.row-block-top-page h1 {
        font-size: 42px;
    }
}
@media only screen and (max-width: 992px) {
    section.block-top-page {
        padding-top: clamp(10vh, 12vh, 25vh);
        padding-bottom: clamp(8vh, 12vh, 15vh);
        min-height: auto;
    }
    .row.row-block-top-page h1 {
        font-size: 42px;
    }
    .row.row-block-top-page > div {
        gap: 20px;
    }
    .row.row-block-top-page > .row-2-links {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 768px) {
    .row.row-block-top-page > div p {
        font-size: 16px;
        line-height: 22px;
    }
}
@media only screen and (max-width: 575px) {
    .row.row-block-top-page h1 {
        font-size: 32px;
        margin-top: 0.5rem;
    }
    .row.row-block-top-page > div p {
        font-size: 15px;
        line-height: 20px;
    }
    .icon-cat:nth-child(2), .icon-cat:nth-child(3){
        display: none;
    }
    .icon-cat{
        max-width: 75px;
    }
}

@media only screen and (max-width: 420px) {
   
}