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


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

.container,
.gizmoo-container {

    width: 100%;

    max-width: 1200px;

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

    padding-left: var(--gizmoo-space-5);
    padding-right: var(--gizmoo-space-5);

}



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


.gizmoo-page {

    padding-top: var(--gizmoo-space-5);

    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: var(--gizmoo-space-5);

}



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

    padding-top: var(--gizmoo-space-9);

    padding-bottom: var(--gizmoo-space-9);

}



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


@media(max-width:768px){


.container,
.gizmoo-container {

    padding-left: var(--gizmoo-space-4);

    padding-right: var(--gizmoo-space-4);

}


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

    padding-top: var(--gizmoo-space-7);

    padding-bottom: var(--gizmoo-space-7);

}


}
.wp-block-group {

    margin-top:0;

    margin-bottom:0;

}