/*
Theme Name: Avada Infodata
Description: Theme enfant d'Avada
Author: BS & DVI - Infodata
Author URI: https://infodata.infodata-group.eu/
Template: Avada
Version: 0.1.0
*/

#container-button-dvi {
    display: grid;
    grid-template-columns: minmax(160px, 300px) minmax(160px, 300px) minmax(160px, 300px);
    grid-gap: 20px;
    font-family: Oswald,Arial,Helvetica,sans-serif
}
#container-button-dvi a.child {
    display: flex;
    border: solid #c8c8c8 1px;
    border-radius: 10px;
    padding: 20px;
    text-decoration: none;
    color: #2f373a;
}
#container-button-dvi a.child:hover {
    border-color: #0467b8!important;
    transition: transform .35s,border-color .10s,linear .35s,box-shadow .35s;
    background-color: #f3f3f3;
    cursor: pointer;
    box-shadow: 0 0 7px #cccccc;
}
#container-button-dvi a .icon i {
    height: 50px;
    width: 50px;
    border-radius: 40px;
    background-color: #0467b8;
    font-size:25px;
    text-align: center;
    line-height: 50px;
    color: #fff;
}
#container-button-dvi a .content {
    margin-left: 20px;
}
#container-button-dvi a .content .title {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}
#container-button-dvi a .content .text {
    font-family: Raleway,Arial,Helvetica,sans-serif
}

@media screen and (min-width: 1100px) {
    #container-button-dvi a.child:nth-child(3n+1) {
        grid-column: 1;
    }
    #container-button-dvi a.child:nth-child(3n+2) {
        grid-column: 2;
    }
    #container-button-dvi a.child:nth-child(3n+3) {
        grid-column: 3;
    }
    #container-button-dvi a.child:nth-child(3n+4) {
        grid-column: 1;
    }
}
@media screen and (max-width: 1099px) {
    #container-button-dvi {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }
}
@media screen and (max-width: 800px) {
    #container-button-dvi {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 20px;
    }
}