/* ==================================================
   Gutenberg structural styles
   No visual theme styling
================================================== */


/* --------------------------------------------------
   Global block behaviour
-------------------------------------------------- */

[class*="carr_s-block-"] {
    box-sizing: border-box;
}





/* --------------------------------------------------
   Group
-------------------------------------------------- */

.carr_s-block-group {
    box-sizing: border-box;
}


/* --------------------------------------------------
   Columns
-------------------------------------------------- */

.carr_s-columns {
    /* --col-gap: 2rem; */
    display: flex;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-items: stretch;
    margin-left: -1rem;
    /* background-color: #ccc; */
    margin-right: -1rem;
    position: relative;
    /* gap: var(--col-gap); */
    /* margin-left: -1rem; */
    /* margin-right: -1rem; */
    /* padding-left: calc(1 * var(--col-gap)); */
    /* padding-right: calc(1 * var(--col-gap)); */
}


body:is(
     .carr_s-x-small
) .carr_s-sub_content_block_horizontal.carr_s-sub_content_block_secondary .carr_s-columns {margin: 0 calc(-1 * var(--side-gap));/* margin: 0 -2rem; */}

body:is(
    .carr_s-tiny
) .carr_s-sub_content_block_horizontal.carr_s-sub_content_block_secondary .carr_s-columns {margin: 0 calc(-1 * var(--side-gap));/* margin: 0 -2rem; */}

body:is(
    .carr_s-tiny,
    .carr_s-x-small
) .carr_s-sub_content_block_horizontal.carr_s-sub_content_block_secondary .carr_s-column {padding: 0;}




body:is(
    .carr_s-tiny,
    .carr_s-small,
    .carr_s-x-small
) .carr_s-columns + .carr_s-columns {
    margin-top: 1em
}


.padLeft.carr_s-columns {
    /* padding-left: 0rem !important; */
}





/*
body:is(
    .carr_s-x-large
) #carr_s-main_content_block .carr_s-content_block_inner > *:not(h2) {
    margin-left: 10rem;
    margin-right: 2rem;
}

body:is(
    .carr_s-large
) #carr_s-main_content_block .carr_s-content_block_inner > *:not(h2) {
    margin-left: 8rem;
    margin-right: 2rem;
}

body:is(
    .carr_s-medium
) #carr_s-main_content_block .carr_s-content_block_inner > *:not(h2) {
    margin-left: 6rem;
    margin-right: 2rem;
}

body:is(
    .carr_s-small
) #carr_s-main_content_block .carr_s-content_block_inner > *:not(h2) {
    margin-left: 4rem;
    margin-right: 2rem;
}

body:is(
    .carr_s-x-small
) #carr_s-main_content_block .carr_s-content_block_inner > *:not(h2) {
    margin-left: 2rem;
    margin-right: 2rem;
}

body:is(
	.carr_s-tiny
) #carr_s-main_content_block .carr_s-content_block_inner > *:not(h2) {
    margin-left: 2rem;
    margin-right: 2rem;
}
*/






.carr_s-columns.nogap {
    margin-left: 0;
    margin-right: 0;
}

.carr_s-columns.backgroundColor_1,
.carr_s-column.backgroundColor_1 .carr_s-column_inner  {
    background-color: var(--color-1);
}
.carr_s-columns.backgroundColor_2,
.carr_s-column.backgroundColor_2 .carr_s-column_inner  {
    background-color: var(--color-2);
}
.carr_s-columns.backgroundColor_3,
.carr_s-column.backgroundColor_3 .carr_s-column_inner  {
    background-color: var(--color-3);
}
.carr_s-columns.backgroundColor_4,
.carr_s-column.backgroundColor_4 .carr_s-column_inner  {
    background-color: var(--color-4);
}
.carr_s-columns.backgroundColor_5,
.carr_s-column.backgroundColor_5 .carr_s-column_inner {
    background-color: var(--color-5);
}
.carr_s-columns.no_gap {
    margin-left: calc(2 * var(--col-gap));
    margin-right: calc(2 * var(--col-gap));
}

#carr_s-intro_block .carr_s-columns.no_gap {
    margin-left: 0rem;
    margin-right: 0rem;
}

body:is(
    .carr_s-medium,
    .carr_s-tiny,
    .carr_s-x-small,
    .carr_s-small
) .carr_s-columns.no_gap {
    margin-left: 0rem;
    margin-right: 0rem;
}


.carr_s-col-1  { width: 8.333333%; }
.carr_s-col-2  { width: 16.666667%; }
.carr_s-col-3  { width: 25%; }
.carr_s-col-4  { width: 33.333333%; }
.carr_s-col-5  { width: 41.666667%; }
.carr_s-col-6  { width: 50%; }
.carr_s-col-7  { width: 58.333333%; }
.carr_s-col-8  { width: 66.666667%; }
.carr_s-col-9  { width: 75%; }
.carr_s-col-10 { width: 83.333333%; }
.carr_s-col-11 { width: 91.666667%; }
.carr_s-col-12 { width: 100%; }


.carr_s-column {
    /* flex-grow: 1; */
    /* min-width: 0; */
    word-break: break-word;
    overflow-wrap: break-word;
    padding-left: 1rem;
    padding-right: 1rem;
    /* background-color: #eee; */
    position: relative;
    /* flex-grow: 0; */
    flex:  1;
    min-width: 0;
    /* flex-basis: 100%; */
    /* padding-left: 2rem; */
    /* padding-right: 2rem; */
    /* margin-top: 1rem; */
    /* margin-left: calc(var(--side-gap)); */
    /* margin-right: calc(var(--side-gap)); */
}

body:is(
    .carr_s-tiny,
    .carr_s-x-small
) .carr_s-column {
    flex-basis: 100% !important;
}


.carr_s-column_inner {
    position:relative;
}
    
    
    
    

.carr_s-columns.nogap .carr_s-column {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    /* order: 2; */
    flex-shrink: 1;
}


.carr_s-freeform {
    /* padding: 1rem; */
}
.padBox {
    padding: 2rem;
}

.carr_s-column_inner {
    /* display: flex; */
    /* padding: 1rem; */
    height: 100%;
    position: relative;
}



/* --------------------------------------------------
   Stack on tiny / x-small
-------------------------------------------------- */

body:is(
    .carr_s-tiny,
    .carr_s-x-small
)
.carr_s-columns {
    /* flex-direction: column; */
    flex-wrap: wrap;
}




body:is(
    .carr_s-tiny,
    .carr_s-x-small
) .carr_s-columns .carr_s-column + .carr_s-column {
    margin-top: var(--side-gap);
}


body:is(
    .carr_s-tiny,
    .carr_s-x-small
) .carr_s-sub_page_content .carr_s-columns .carr_s-column + .carr_s-column {
    margin-top: 0rem !important;
}


/* --------------------------------------------------
   Do not stack when explicitly disabled
-------------------------------------------------- */

.carr_s-columns.is-not-stacked-on-mobile {
    flex-wrap: nowrap;
}


/* --------------------------------------------------
   Vertical alignment
-------------------------------------------------- */

.carr_s-column.is-vertically-aligned-top {
    align-self: flex-start;
}


.carr_s-column.is-vertically-aligned-center {
    align-self: center;
}


.carr_s-column.is-vertically-aligned-bottom {
    align-self: flex-end;
}


.carr_s-column.is-vertically-aligned-stretch {
    align-self: stretch;
}





.responsive_block {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
    align-self: center;
    position: relative;
}

.top_margin {
    /* margin-top: 2rem; */
}


.bottom_margin {
    /* margin-bottom: 2rem; */
}




.carr_s-div {
    /* padding-left: 1rem; */
    /* padding-right: 1rem; */
}







