/*
Theme Name: Blank Theme
Theme URI:
Author: Innpuls
Author URI: https://innpuls.at/
Description:
Version: 1.0
Tags: blank
*/


/* ---------------------------------
------------- 2x2 Grid -------------
------------------------------------*/

.vm-grid-wrapper-2x2 > .elementor-container > .elementor-row{
    display: grid;
    width: 100%;
    height: calc(100vh - 90px);
    grid-template-columns: 50% 50%;
    grid-template-rows: 50% 50%;
}

.vm-grid-wrapper-2x2 .vm-grid-item:nth-child(1){
    grid-column: 1;
    grid-row: 1;
    width: 100% !important;
}
.vm-grid-wrapper-2x2 .vm-grid-item:nth-child(2){
    grid-column: 2;
    grid-row: 1;
    width: 100% !important;
}
.vm-grid-wrapper-2x2 .vm-grid-item:nth-child(3){
    grid-column: 1;
    grid-row: 2;
    width: 100% !important;
}
.vm-grid-wrapper-2x2 .vm-grid-item:nth-child(4){
    grid-column: 2;
    grid-row: 2;
    width: 100% !important;
}
@media screen and (max-width: 1200px){

}

/* ---------------------------------
------ 1x1 Grid (horizontal) ---------
------------------------------------*/


.vm-grid-wrapper-1x1_horizontal  > .elementor-container > .elementor-row{
    display: grid;
    width: 100%;
    height: calc(100vh - 90px);
    grid-template-columns: 100%;
    grid-template-rows: 50% 50%;
}

.vm-grid-wrapper-1x1_horizontal .vm-grid-item:nth-child(1){
    grid-column: 1;
    grid-row: 1;
    width: 100% !important;
}
.vm-grid-wrapper-1x1_horizontal .vm-grid-item:nth-child(2){
    grid-column: 1;
    grid-row: 2;
    width: 100% !important;
}

@media screen and (max-width: 1200px){

}

/* ---------------------------------
------ 1x1 Grid (vertikal) ---------
------------------------------------*/

.vm-grid-wrapper-1x1_vertikal  > .elementor-container > .elementor-row{
    display: grid;
    width: 100%;
    height: calc(100vh - 90px);
    grid-template-columns: 50% 50%;
    grid-template-rows: 100%;
}

.vm-grid-wrapper-1x1_vertikal .vm-grid-item:nth-child(1){
    grid-column: 1;
    grid-row: 1;
    width: 100% !important;
}
.vm-grid-wrapper-1x1_vertikal .vm-grid-item:nth-child(2){
    grid-column: 2;
    grid-row: 1;
    width: 100% !important;
}


@media screen and (max-width: 1200px){

}

/* ---------------------------------
------ Single Grid  -----------------
------------------------------------*/

.vm-grid-wrapper-single  > .elementor-container > .elementor-row{
    display: grid;
    width: 100%;
    height: calc(100vh - 90px);
    grid-template-columns: 100%;
    grid-template-rows: 100%;
}

.vm-grid-wrapper-single .vm-grid-item:nth-child(1){
    grid-column: 1;
    grid-row: 1;
    width: 100% !important;
}

@media screen and (max-width: 1200px){

}


/* ---------------------------------
------ 2x1 Grid (top) ---------
------------------------------------*/


.vm-grid-wrapper-2x1_top  > .elementor-container > .elementor-row{
    display: grid;
    width: 100%;
    height: calc(100vh - 90px);
    grid-template-columns: 50% 50%;
    grid-template-rows: 50% 50%;
}


.vm-grid-wrapper-2x1_top .vm-grid-item:nth-child(1){
    grid-column: 1 / span 2;
    grid-row: 1;
    width: 100% !important;
}
.vm-grid-wrapper-2x1_top .vm-grid-item:nth-child(2){
    grid-column: 1;
    grid-row: 2;
    width: 100% !important;
}
.vm-grid-wrapper-2x1_top .vm-grid-item:nth-child(3){
    grid-column: 2;
    grid-row: 2;
    width: 100% !important;
}

@media screen and (max-width: 1200px){

}



/* ---------------------------------
------ 2x1 Grid (bottom) ---------
------------------------------------*/


.vm-grid-wrapper-2x1_bottom  > .elementor-container > .elementor-row{
    display: grid;
    width: 100%;
    height: calc(100vh - 90px);
    grid-template-columns: 50% 50%;
    grid-template-rows: 50% 50%;
}

.vm-grid-wrapper-2x1_bottom .vm-grid-item:nth-child(1){
    grid-column: 1;
    grid-row: 1;
    width: 100% !important;
}
.vm-grid-wrapper-2x1_bottom .vm-grid-item:nth-child(2){
    grid-column: 2;
    grid-row: 1;
    width: 100% !important;
}
.vm-grid-wrapper-2x1_bottom .vm-grid-item:nth-child(3){
    grid-column: 1 / span 2;
    grid-row: 2;
    width: 100% !important;
}

@media screen and (max-width: 1200px){

}


/* ---------------------------------
------ 2x1 Grid (left) ---------
------------------------------------*/


.vm-grid-wrapper-2x1_left  > .elementor-container > .elementor-row{
    display: grid;
    width: 100%;
    height: calc(100vh - 90px);
    grid-template-columns: 50% 50%;
    grid-template-rows: 50% 50%;
}

.vm-grid-wrapper-2x1_left .vm-grid-item:nth-child(1){
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 100% !important;
}
.vm-grid-wrapper-2x1_left .vm-grid-item:nth-child(2){
    grid-column: 2;
    grid-row: 1;
    width: 100% !important;
}
.vm-grid-wrapper-2x1_left .vm-grid-item:nth-child(3){
    grid-column: 2;
    grid-row: 2;
    width: 100% !important;
}




@media screen and (max-width: 1200px){

}


/* ---------------------------------
------ 2x1 Grid (right) ---------
------------------------------------*/


.vm-grid-wrapper-2x1_right  > .elementor-container > .elementor-row{
    display: grid;
    width: 100%;
    height: calc(100vh - 90px);
    grid-template-columns: 50% 50%;
    grid-template-rows: 50% 50%;
}

.vm-grid-wrapper-2x1_right .vm-grid-item:nth-child(1){
    grid-column: 1;
    grid-row: 1;
    width: 100% !important;
}
.vm-grid-wrapper-2x1_right .vm-grid-item:nth-child(2){
    grid-column: 2;
    grid-row: 1 / span 2;
    width: 100% !important;
}
.vm-grid-wrapper-2x1_right .vm-grid-item:nth-child(3){
    grid-column: 1;
    grid-row: 2;
    width: 100% !important;
}


@media screen and (max-width: 1200px){

}