/* - Header - */
.page-header-simple .media-element::before
{
    display:none; /*Discard black darkening, because image already has an blue overlay.*/
}

.page-header-simple .text-content>.container
{
    display:grid;
    grid-template-areas:'bc bc' 'ti fb' 'ex fb';
    gap:var(--flex-gap);
}

.page-header-simple .text-content>.container>.breadcrumbs
{
    grid-area:bc;
}

.page-header-simple .text-content>.container>.title
{
    grid-area:ti;
    width:auto;
}

.page-header-simple .text-content>.container>.excerpt
{
    grid-area:ex;
    width:auto;
}

.page-header-simple .text-content>.container>.excerpt a.cta.cta-blue-full
{
    background-color:#FFFFFF;
}

.page-header-simple .text-content>.container form
{
    grid-area:fb;
    padding:3em 2.5em;
    font-size:1.2rem;
    font-weight:700;
    border-radius:2em;
    background:none #FFFFFF;
    box-shadow:var(--block-shadow);
}

/* --- Sections --- */
section.common
{
    --section-inner-margin-x:0;
}

section.common *
{
    font-size:var(--wp--preset--font-size--normal);
}

/* --- Contents common --- */
section.common>.container>.inner>:last-child:not(.pl05,.pl1,.pl2),
section.common>.container>.inner>:last-child>:last-child
{
    margin-bottom:0;
}

/* --- How It Works --- */
section.common.how_it_works>.container>.inner
{
    padding:var(--block-padding);
    border-radius:var(--block-radius);
    box-shadow:var(--block-shadow);
    background:none 42em bottom/auto 112% no-repeat var(--blue);
}

section.common.how_it_works>.container>.inner>:not(.wp-block-acf-image-title-text)
{
    max-width:42em;
}

section.common.how_it_works>.container>.inner>:not(.wp-block-acf-image-title-text)>*
{
    color:#FFFFFF;
}

section.common.how_it_works :not(.wp-block-acf-image-title-text)
{
}

section.common.how_it_works .wp-block-acf-image-title-text
{
    grid-template-columns:repeat(auto-fit,minmax(20em,1fr));
}

section.common.how_it_works .wp-block-acf-image-title-text>.item
{
    display:flex;
    flex-flow:column;
    gap:var(--flex-gap);
    padding:var(--block-padding-low);
    color:var(--light-black);
    border-radius:var(--block-radius);
    background:none #FFFFFF;
}

section.common.how_it_works .wp-block-acf-image-title-text>.item>.img
{
    display:none;
}

section.common.how_it_works .wp-block-acf-image-title-text>.item>.header
{
    font-size:1.625em;
    font-weight:700;
}

@media(max-width:480px)
{
    section.common.how_it_works .wp-block-acf-image-title-text
    {
        grid-template-columns:1fr;
    }
}


/* --- Feedback --- */
/* Common */
.page-header-simple .text-content>.container form h3.title,
section.common.feedback>.container>.inner form h3.title
{
    flex:1 1 100%;
    margin-bottom:0.3em;
}

.page-header-simple .text-content>.container form .sub_title,
section.common.feedback>.container>.inner form .sub_title
{
    flex:1 1 100%;
    margin-bottom:1.3em;
}

.page-header-simple .text-content>.container form label>select,
.page-header-simple .text-content>.container form label>textarea,
.page-header-simple .text-content>.container form label>input:not([type="button"]):not([type="submit"]),
section.common.feedback>.container>.inner form label>select,
section.common.feedback>.container>.inner form label>textarea,
section.common.feedback>.container>.inner form label>input:not([type="button"]):not([type="submit"])
{
    border:none;
    background:none #EFEFEF;
}

section.common.feedback>.container>.inner form label.checkbox.agreement,
.page-header-simple .text-content>.container form label.checkbox.agreement
{
    flex-basis:100%;
    margin-bottom:1.5em;
}

section.common.feedback>.container>.inner form label.checkbox.agreement>.caption,
.page-header-simple .text-content>.container form label.checkbox.agreement>.caption
{
    text-transform:none;
}

/* Header form */
.page-header-simple .text-content>.container form h3.title
{
    margin-left:0;
    font-size:2.08em;
    line-height:1;
    color:var(--blue);
}

.page-header-simple .text-content>.container form .sub_title
{
    font-size:1.166em;
    font-weight:700;
    color:var(--blue);
}

.page-header-simple .text-content>.container form label
{
    flex:1 1 10em;
}

.page-header-simple .text-content>.container form label>select,
.page-header-simple .text-content>.container form label>textarea,
.page-header-simple .text-content>.container form label>input:not([type="button"]):not([type="submit"])
{
    font-size:1.2em;
    padding:1em 1.1em;
    border-radius:0.5em;
}

/* checkboxes */
.page-header-simple .text-content>.container form label.checkbox,
.page-header-simple .text-content>.container form label.radio
{
   display:flex;
   flex-flow:row nowrap;
   align-items:center;
   vertical-align:baseline/*bottom*/;
   margin:0.1em 0.25em;
}
.page-header-simple .text-content>.container form label.checkbox:before,
.page-header-simple .text-content>.container form label.radio:before
{
   content:'';
   vertical-align:middle/*baseline*/;
   height:calc(2.5rem + 2px); /* equals to tool button sizes */
   width:calc(2.5rem + 2px);
   flex:0 0 calc(2.5rem + 2px); /*For flex layout.*/
   margin-right:0.8rem;
   background:none 0 0/200% 200% no-repeat transparent;

}
.page-header-simple .text-content>.container form label.checkbox.checked:before,
.page-header-simple .text-content>.container form label.radio.checked:before
{
   background-position-y:100%;
}
.page-header-simple .text-content>.container form label.checkbox.focused:before,
.page-header-simple .text-content>.container form label.radio.focused:before
{
   background-position-x:100%;
}
.page-header-simple .text-content>.container form label.checkbox:before {background-image:url('/app/themes/fmlogistics/dist/images/delivery_calc/checkbox.svg');}
.page-header-simple .text-content>.container form label.radio:before    {background-image:url('/app/themes/fmlogistics/dist/images/delivery_calc/radio.svg');}

.page-header-simple .text-content>.container form label.checkbox>input[type='checkbox'],
.page-header-simple .text-content>.container form label.radio>input[type='radio']
{
   display:inline/*inline-block*/;
   height:1em/*calc(2em + 2px)*/; /* equals to tool button sizes */
   width:calc(2em + 2px);
   margin:0;
   margin-left:calc(-2em - 2px);
   padding:0;
   opacity:0;
}

@media (max-width:800px)
{
    .page-header-simple .text-content>.container
    {
        grid-template-areas:'bc' 'ti' 'ex' 'fb';
    }

    .page-header-simple .text-content>.container>.breadcrumbs,
    .page-header-simple .text-content>.container>.title,
    .page-header-simple .text-content>.container>.excerpt
    {
        margin-left:0;
    }
}

/* Content form */
section.common.feedback
{
    --form-width:42em;
    padding-top:0;  /*Green section top after green section.*/
    color:var(--light-black);
}

section.common.feedback>.container>.inner
{
    padding:var(--block-padding);
    font-weight:700;
    border-radius:var(--block-radius);
    background:none bottom right/calc(100% - var(--form-width)) auto no-repeat #FFFFFF;
    box-shadow:var(--block-shadow);
}

section.common.feedback>.container>.inner form
{
    max-width:var(--form-width);
}

section.common.feedback>.container>.inner form .title
{
    margin-bottom:0.3em;
    font-size:3.4rem;
    color:var(--blue);
}

section.common.feedback>.container>.inner form .sub_title
{
    font-weight:normal;
    margin-bottom:1.3em;
}

section.common.feedback>.container>.inner form label
{
    flex-basis:20rem;
}

section.common.feedback>.container>.inner form label>select,
section.common.feedback>.container>.inner form label>textarea,
section.common.feedback>.container>.inner form label>input:not([type="button"]):not([type="submit"])
{
    padding-top:2.1em;
    padding-bottom:2.1em;
}

section.common.feedback>.container>.inner form label.checkbox.agreement>.caption
{
    font-size:0.8em;
}

@media (max-width:1000px)
{
    section.common.feedback>.container>.inner
    {
        padding-bottom:9em;
        background-size:auto 15em;
    }
}
@media (max-width:600px)
{
    section.common.feedback>.container>.inner
    {
        padding-bottom:15em;
    }
}

/* --- Services --- */
section.common.services
{
    color:var(--light-black);
    background-image:linear-gradient(0deg,var(--section-grey) 0 calc(var(--section-vert-margin) + 5em),#00000000 calc(var(--section-vert-margin) + 5em) 100%);
}

section.common.services .wp-block-acf-image-title-text
{
    grid-template-columns:repeat(auto-fit,minmax(22em,1fr));
}

section.common.services .wp-block-acf-image-title-text>.item
{
    padding:var(--block-padding-low);
    grid:"h" 1fr "a" 1em/1fr;
    color:#FFFFFF;
    border-radius:var(--block-radius);
    background:none var(--green);
}

section.common.services .wp-block-acf-image-title-text>.item>.img
{
    display:none; /*Unused.*/
}

section.common.services .wp-block-acf-image-title-text>.item>.header
{
    flex:1 1 auto;
    font-size:1.625em;
    line-height:1.25;
    margin-bottom:1.5em;
    color:#FFFFFF;
}

section.common.services .wp-block-acf-image-title-text>.item>a.link
{
    justify-self:start;
    padding-right:1.5em;
    background:var(--li-marker-white) right center/auto 0.8em no-repeat transparent;
}