/*
Theme Name: ttfchild
Theme URI: 
Author: gene
Author URI: 
Description: ttfchild
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: ttfchild
Tags: 
*/

:root {
    /*--max-width-desktop: 1536px;*/
    --breakpoint-tablet: 1279px;
    --breakpoint-mobile: 599px;
}

.container {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 2rem;
	padding: 0 2rem;
}

/* Layout tablet */
@media (max-width: 1279px) and (min-width: 600px) {
    .container {
        grid-template-columns: repeat(8, 1fr);
    }
}

/* Layout mobile */
@media (max-width: 599px) {
    .container {
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 1rem;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

/* Layout per Desktop */
.d-01-col {
    grid-column: span 1;
}

.d-02-col {
    grid-column: span 2;
}

.d-03-col {
    grid-column: span 3;
}

.d-04-col {
    grid-column: span 4;
}

.d-05-col {
    grid-column: span 5;
}

.d-06-col {
    grid-column: span 6;
}

.d-07-col {
    grid-column: span 7;
}

.d-08-col {
    grid-column: span 8;
}

.d-09-col {
    grid-column: span 9;
}

.d-10-col {
    grid-column: span 10;
}

.d-11-col {
    grid-column: span 11;
}

.d-12-col {
    grid-column: span 12;
}

/* Layout per Tablet */
@media (max-width: 1279px) and (min-width: 600px) {
    .t-01-col {
        grid-column: span 1;
    }

    .t-02-col {
        grid-column: span 2;
    }

    .t-03-col {
        grid-column: span 3;
    }

    .t-04-col {
        grid-column: span 4;
    }

    .t-05-col {
        grid-column: span 5;
    }

    .t-06-col {
        grid-column: span 6;
    }

    .t-07-col {
        grid-column: span 7;
    }

    .t-08-col {
        grid-column: span 8;
    }
}

/* Layout per Mobile */
@media (max-width: 599px) {
    .m-01-col {
        grid-column: span 1;
    }

    .m-02-col {
        grid-column: span 2;
    }

    .m-03-col {
        grid-column: span 3;
    }

    .m-04-col {
        grid-column: span 4;
    }
}