/*********************************
  STYLES USED IN BO CONFIGURED-SECTION
************************************/
.css-grid-layout-settings table.grid-example {
	width: 100%;
	border: 1px solid black;
	border-collapse: inherit;
}

.css-grid-layout-settings table.grid-example tr,
.css-grid-layout-settings table.grid-example tr td {
	border: 1px solid black;
	padding: 10px;
	text-align: center;
	color: black !important;
	font-weight: normal;
}

.css-grid-layout-settings .css-grid-buttons {
  text-align: center;	
}

.css-grid-layout-settings .css-grid-buttons button {
	background-color: grey !important;
	width: fit-content !important;
}

/*****************************
  STYLES USED IN FRONT
*****************************/

.holcim_css_grid.row > * {
  margin-top: calc(var(--bs-gutter-x) * 0.5);
  margin-bottom: calc(var(--bs-gutter-x) * 0.5);	
}

.holcim_css_grid > .block_0 { grid-area: block_0; }
.holcim_css_grid > .block_1 { grid-area: block_1; }
.holcim_css_grid > .block_2 { grid-area: block_2; }
.holcim_css_grid > .block_3 { grid-area: block_3; }
.holcim_css_grid > .block_4 { grid-area: block_4; }
.holcim_css_grid > .block_5 { grid-area: block_5; }
.holcim_css_grid > .block_6 { grid-area: block_6; }
.holcim_css_grid > .block_7 { grid-area: block_7; }
.holcim_css_grid > .block_8 { grid-area: block_8; }
.holcim_css_grid > .block_9 { grid-area: block_9; }
.holcim_css_grid > .block_10 { grid-area: block_10; }
.holcim_css_grid > .block_11 { grid-area: block_11; }
.holcim_css_grid > .block_12 { grid-area: block_12; }
.holcim_css_grid > .block_13 { grid-area: block_13; }
.holcim_css_grid > .block_14 { grid-area: block_14; }
.holcim_css_grid > .block_15 { grid-area: block_15; }
.holcim_css_grid > .block_16 { grid-area: block_16; }
.holcim_css_grid > .block_17 { grid-area: block_17; }
.holcim_css_grid > .block_18 { grid-area: block_18; }
.holcim_css_grid > .block_19 { grid-area: block_19; }
.holcim_css_grid > .block_20 { grid-area: block_20; }
.holcim_css_grid > .block_21 { grid-area: block_21; }
.holcim_css_grid > .block_22 { grid-area: block_22; }
.holcim_css_grid > .block_23 { grid-area: block_23; }
.holcim_css_grid > .block_24 { grid-area: block_24; }
.holcim_css_grid > .block_25 { grid-area: block_25; }
.holcim_css_grid > .block_26 { grid-area: block_26; }
.holcim_css_grid > .block_27 { grid-area: block_27; }
.holcim_css_grid > .block_28 { grid-area: block_28; }
.holcim_css_grid > .block_29 { grid-area: block_29; }
.holcim_css_grid > .block_30 { grid-area: block_30; }
.holcim_css_grid > .block_31 { grid-area: block_31; }
.holcim_css_grid > .block_32 { grid-area: block_32; }
.holcim_css_grid > .block_33 { grid-area: block_33; }
.holcim_css_grid > .block_34 { grid-area: block_34; }
.holcim_css_grid > .block_35 { grid-area: block_35; }
.holcim_css_grid > .block_36 { grid-area: block_36; }
.holcim_css_grid > .block_37 { grid-area: block_37; }
.holcim_css_grid > .block_38 { grid-area: block_38; }
.holcim_css_grid > .block_39 { grid-area: block_39; }
.holcim_css_grid > .block_40 { grid-area: block_40; }
.holcim_css_grid > .block_41 { grid-area: block_41; }
.holcim_css_grid > .block_42 { grid-area: block_42; }
.holcim_css_grid > .block_43 { grid-area: block_43; }
.holcim_css_grid > .block_44 { grid-area: block_44; }
.holcim_css_grid > .block_45 { grid-area: block_45; }
.holcim_css_grid > .block_46 { grid-area: block_46; }
.holcim_css_grid > .block_47 { grid-area: block_47; }
.holcim_css_grid > .block_48 { grid-area: block_48; }
.holcim_css_grid > .block_49 { grid-area: block_49; }


.holcim_css_grid > .region_0 { grid-area: region_0; }
.holcim_css_grid > .region_1 { grid-area: region_1; }
.holcim_css_grid > .region_2 { grid-area: region_2; }
.holcim_css_grid > .region_3 { grid-area: region_3; }
.holcim_css_grid > .region_4 { grid-area: region_4; }
.holcim_css_grid > .region_5 { grid-area: region_5; }
.holcim_css_grid > .region_6 { grid-area: region_6; }
.holcim_css_grid > .region_7 { grid-area: region_7; }
.holcim_css_grid > .region_8 { grid-area: region_8; }
.holcim_css_grid > .region_9 { grid-area: region_9; }
.holcim_css_grid > .region_10 { grid-area: region_10; }
.holcim_css_grid > .region_11 { grid-area: region_11; }
.holcim_css_grid > .region_12 { grid-area: region_12; }
.holcim_css_grid > .region_13 { grid-area: region_13; }
.holcim_css_grid > .region_14 { grid-area: region_14; }
.holcim_css_grid > .region_15 { grid-area: region_15; }
.holcim_css_grid > .region_16 { grid-area: region_16; }
.holcim_css_grid > .region_17 { grid-area: region_17; }
.holcim_css_grid > .region_18 { grid-area: region_18; }
.holcim_css_grid > .region_19 { grid-area: region_19; }
.holcim_css_grid > .region_20 { grid-area: region_20; }
.holcim_css_grid > .region_21 { grid-area: region_21; }
.holcim_css_grid > .region_22 { grid-area: region_22; }
.holcim_css_grid > .region_23 { grid-area: region_23; }
.holcim_css_grid > .region_24 { grid-area: region_24; }
.holcim_css_grid > .region_25 { grid-area: region_25; }
.holcim_css_grid > .region_26 { grid-area: region_26; }
.holcim_css_grid > .region_27 { grid-area: region_27; }
.holcim_css_grid > .region_28 { grid-area: region_28; }
.holcim_css_grid > .region_29 { grid-area: region_29; }
.holcim_css_grid > .region_30 { grid-area: region_30; }
.holcim_css_grid > .region_31 { grid-area: region_31; }
.holcim_css_grid > .region_32 { grid-area: region_32; }
.holcim_css_grid > .region_33 { grid-area: region_33; }
.holcim_css_grid > .region_34 { grid-area: region_34; }
.holcim_css_grid > .region_35 { grid-area: region_35; }
.holcim_css_grid > .region_36 { grid-area: region_36; }
.holcim_css_grid > .region_37 { grid-area: region_37; }
.holcim_css_grid > .region_38 { grid-area: region_38; }
.holcim_css_grid > .region_39 { grid-area: region_39; }
.holcim_css_grid > .region_40 { grid-area: region_40; }
.holcim_css_grid > .region_41 { grid-area: region_41; }
.holcim_css_grid > .region_42 { grid-area: region_42; }
.holcim_css_grid > .region_43 { grid-area: region_43; }
.holcim_css_grid > .region_44 { grid-area: region_44; }
.holcim_css_grid > .region_45 { grid-area: region_45; }
.holcim_css_grid > .region_46 { grid-area: region_46; }
.holcim_css_grid > .region_47 { grid-area: region_47; }
.holcim_css_grid > .region_48 { grid-area: region_48; }
.holcim_css_grid > .region_49 { grid-area: region_49; }

@media only screen and (max-width: 767px) {
	.holcim_css_grid {
	   grid-template-columns: 1fr !important;
	   grid-template-areas:
	     "mobile_0"
	     "mobile_1"
	     "mobile_2"
	     "mobile_3"
	     "mobile_4"
	     "mobile_5"
	     "mobile_6"
	     "mobile_7"
	     "mobile_8"
	     "mobile_9"
	     "mobile_10"
	     "mobile_11"
	     "mobile_12"
	     "mobile_13"
	     "mobile_14"
	     "mobile_15"
	     "mobile_16"
	     "mobile_17"
	     "mobile_18"
	     "mobile_19"
	     "mobile_20"
	     "mobile_21"
	     "mobile_22"
	     "mobile_23"
	     "mobile_24"
	     "mobile_25"
	     "mobile_26"
	     "mobile_27"
	     "mobile_28"
	     "mobile_29"
	     "mobile_30"
	     "mobile_31"
	     "mobile_32"
	     "mobile_33"
	     "mobile_34"
	     "mobile_35"
	     "mobile_36"
	     "mobile_37"
	     "mobile_38"
	     "mobile_39"
	     "mobile_40"
	     "mobile_41"
	     "mobile_42"
	     "mobile_43"
	     "mobile_44"
	     "mobile_45"
	     "mobile_46"
	     "mobile_47"
	     "mobile_48"
	     "mobile_49" !important;
	}
	
	.holcim_css_grid > .block_0 { grid-area: mobile_0; }
	.holcim_css_grid > .block_1 { grid-area: mobile_1; }
	.holcim_css_grid > .block_2 { grid-area: mobile_2; }
	.holcim_css_grid > .block_3 { grid-area: mobile_3; }
	.holcim_css_grid > .block_4 { grid-area: mobile_4; }
	.holcim_css_grid > .block_5 { grid-area: mobile_5; }
	.holcim_css_grid > .block_6 { grid-area: mobile_6; }
	.holcim_css_grid > .block_7 { grid-area: mobile_7; }
	.holcim_css_grid > .block_8 { grid-area: mobile_8; }
	.holcim_css_grid > .block_9 { grid-area: mobile_9; }
	.holcim_css_grid > .block_10 { grid-area: mobile_10; }
	.holcim_css_grid > .block_11 { grid-area: mobile_11; }
	.holcim_css_grid > .block_12 { grid-area: mobile_12; }
	.holcim_css_grid > .block_13 { grid-area: mobile_13; }
	.holcim_css_grid > .block_14 { grid-area: mobile_14; }
	.holcim_css_grid > .block_15 { grid-area: mobile_15; }
	.holcim_css_grid > .block_16 { grid-area: mobile_16; }
	.holcim_css_grid > .block_17 { grid-area: mobile_17; }
	.holcim_css_grid > .block_18 { grid-area: mobile_18; }
	.holcim_css_grid > .block_19 { grid-area: mobile_19; }
	.holcim_css_grid > .block_20 { grid-area: mobile_20; }
	.holcim_css_grid > .block_21 { grid-area: mobile_21; }
	.holcim_css_grid > .block_22 { grid-area: mobile_22; }
	.holcim_css_grid > .block_23 { grid-area: mobile_23; }
	.holcim_css_grid > .block_24 { grid-area: mobile_24; }
	.holcim_css_grid > .block_25 { grid-area: mobile_25; }
	.holcim_css_grid > .block_26 { grid-area: mobile_26; }
	.holcim_css_grid > .block_27 { grid-area: mobile_27; }
	.holcim_css_grid > .block_28 { grid-area: mobile_28; }
	.holcim_css_grid > .block_29 { grid-area: mobile_29; }
	.holcim_css_grid > .block_30 { grid-area: mobile_30; }
	.holcim_css_grid > .block_31 { grid-area: mobile_31; }
	.holcim_css_grid > .block_32 { grid-area: mobile_32; }
	.holcim_css_grid > .block_33 { grid-area: mobile_33; }
	.holcim_css_grid > .block_34 { grid-area: mobile_34; }
	.holcim_css_grid > .block_35 { grid-area: mobile_35; }
	.holcim_css_grid > .block_36 { grid-area: mobile_36; }
	.holcim_css_grid > .block_37 { grid-area: mobile_37; }
	.holcim_css_grid > .block_38 { grid-area: mobile_38; }
	.holcim_css_grid > .block_39 { grid-area: mobile_39; }
	.holcim_css_grid > .block_40 { grid-area: mobile_40; }
	.holcim_css_grid > .block_41 { grid-area: mobile_41; }
	.holcim_css_grid > .block_42 { grid-area: mobile_42; }
	.holcim_css_grid > .block_43 { grid-area: mobile_43; }
	.holcim_css_grid > .block_44 { grid-area: mobile_44; }
	.holcim_css_grid > .block_45 { grid-area: mobile_45; }
	.holcim_css_grid > .block_46 { grid-area: mobile_46; }
	.holcim_css_grid > .block_47 { grid-area: mobile_47; }
	.holcim_css_grid > .block_48 { grid-area: mobile_48; }
	.holcim_css_grid > .block_49 { grid-area: mobile_49; }
	
	.holcim_css_grid > .region_0 { grid-area: mobile_0; }
	.holcim_css_grid > .region_1 { grid-area: mobile_1; }
	.holcim_css_grid > .region_2 { grid-area: mobile_2; }
	.holcim_css_grid > .region_3 { grid-area: mobile_3; }
	.holcim_css_grid > .region_4 { grid-area: mobile_4; }
	.holcim_css_grid > .region_5 { grid-area: mobile_5; }
	.holcim_css_grid > .region_6 { grid-area: mobile_6; }
	.holcim_css_grid > .region_7 { grid-area: mobile_7; }
	.holcim_css_grid > .region_8 { grid-area: mobile_8; }
	.holcim_css_grid > .region_9 { grid-area: mobile_9; }
	.holcim_css_grid > .region_10 { grid-area: mobile_10; }
	.holcim_css_grid > .region_12 { grid-area: mobile_12; }
	.holcim_css_grid > .region_13 { grid-area: mobile_13; }
	.holcim_css_grid > .region_14 { grid-area: mobile_14; }
	.holcim_css_grid > .region_15 { grid-area: mobile_15; }
	.holcim_css_grid > .region_16 { grid-area: mobile_16; }
	.holcim_css_grid > .region_17 { grid-area: mobile_17; }
	.holcim_css_grid > .region_18 { grid-area: mobile_18; }
	.holcim_css_grid > .region_19 { grid-area: mobile_19; }
	.holcim_css_grid > .region_20 { grid-area: mobile_20; }
	.holcim_css_grid > .region_21 { grid-area: mobile_21; }
	.holcim_css_grid > .region_22 { grid-area: mobile_22; }
	.holcim_css_grid > .region_23 { grid-area: mobile_23; }
	.holcim_css_grid > .region_24 { grid-area: mobile_24; }
	.holcim_css_grid > .region_25 { grid-area: mobile_25; }
	.holcim_css_grid > .region_26 { grid-area: mobile_26; }
	.holcim_css_grid > .region_27 { grid-area: mobile_27; }
	.holcim_css_grid > .region_28 { grid-area: mobile_28; }
	.holcim_css_grid > .region_29 { grid-area: mobile_29; }
	.holcim_css_grid > .region_30 { grid-area: mobile_30; }
	.holcim_css_grid > .region_31 { grid-area: mobile_31; }
	.holcim_css_grid > .region_32 { grid-area: mobile_32; }
	.holcim_css_grid > .region_33 { grid-area: mobile_33; }
	.holcim_css_grid > .region_34 { grid-area: mobile_34; }
	.holcim_css_grid > .region_35 { grid-area: mobile_35; }
	.holcim_css_grid > .region_36 { grid-area: mobile_36; }
	.holcim_css_grid > .region_37 { grid-area: mobile_37; }
	.holcim_css_grid > .region_38 { grid-area: mobile_38; }
	.holcim_css_grid > .region_39 { grid-area: mobile_39; }
	.holcim_css_grid > .region_40 { grid-area: mobile_40; }
	.holcim_css_grid > .region_41 { grid-area: mobile_41; }
	.holcim_css_grid > .region_42 { grid-area: mobile_42; }
	.holcim_css_grid > .region_43 { grid-area: mobile_43; }
	.holcim_css_grid > .region_44 { grid-area: mobile_44; }
	.holcim_css_grid > .region_45 { grid-area: mobile_45; }
	.holcim_css_grid > .region_46 { grid-area: mobile_46; }
	.holcim_css_grid > .region_47 { grid-area: mobile_47; }
	.holcim_css_grid > .region_48 { grid-area: mobile_48; }
	.holcim_css_grid > .region_49 { grid-area: mobile_49; }
}