/* =========================================================
   Gizmoo Core
   Layout System
   ========================================================= */


/* =========================================================
   Container
   ========================================================= */

.container,
.gizmoo-container {

    width: 100%;

    max-width: 1200px;

    margin-left: auto;
    margin-right: auto;

    padding-left: 20px;
    padding-right: 20px;

}



/* =========================================================
   Page Base
   ========================================================= */


.gizmoo-page {

    padding-top: 20px;

    padding-bottom: 0;

}



/* =========================================================
   Gutenberg Full Width Sections
   ========================================================= */


.gizmoo-page-body {

    width:100%;

}



/*
  همه سکشن‌ها فول عرض هستند
*/

.gizmoo-page-body > .wp-block-group {

    width:100%;

}



/*
  محتوای داخلی سکشن‌ها
*/

.gizmoo-page-body 
.wp-block-group > *:not(.container) {

    max-width:1200px;

    margin-left:auto;

    margin-right:auto;

}



/* =========================================================
   Hero Sections
   ========================================================= */


.gizmoo-about-hero,
.gizmoo-services-hero,
.gizmoo-contact-hero,
.gizmoo-portfolio-hero {

    width:100%;

}



/* =========================================================
   Section Spacing
   ========================================================= */


.gizmoo-about-hero,
.gizmoo-services-hero,
.gizmoo-contact-hero,
.gizmoo-portfolio-hero {

    padding-top:20px;

}



.gizmoo-about-intro,
.gizmoo-about-values,
.gizmoo-about-process,
.gizmoo-services-grid-section,
.gizmoo-contact-box {

    padding-top:80px;

    padding-bottom:80px;

}



/* =========================================================
   Mobile
   ========================================================= */


@media(max-width:768px){


.container,
.gizmoo-container {

    padding-left:16px;

    padding-right:16px;

}


.gizmoo-about-intro,
.gizmoo-about-values,
.gizmoo-about-process,
.gizmoo-services-grid-section,
.gizmoo-contact-box {

    padding-top:50px;

    padding-bottom:50px;

}


}
.wp-block-group {

    margin-top:0;

    margin-bottom:0;

}