/*	
--------------------------------------------------
Split Component
-------------------------------------------------- 
*/

/* Component only */
/*
.component.usn_cmp_splitcomponent { }*/

/* Not available as part of Split Component
.item_block.usn_cmp_splitcomponent { }*/


/* Item */
.component.usn_cmp_splitcomponent .component-main>.item.item_block {
    position: relative;
    z-index: 1;
    /*
    margin:var(--base-half-spacing)) 0;*/
}

/* Accordions & Tabs */
/*
.item_block.usn_cmp_accordiontab { }*/

/* Alert */
/*
.item_block.usn_cmp_alertbox { }*/

/* Code */
/*
.item_block.usn_cmp_codeblock { }*/

/* Form */
/*
.item_block.usn_cmp_form { }*/

/* Gallery */
/*
.item_block.usn_cmp_gallery { }*/

.component.usn_cmp_splitcomponent.p-0 .container-fluid .item_block.usn_cmp_gallery {
    margin: 0;
    padding: 0;
}

/* Grid */
/*
.item_block.usn_cmp_gridlayout { }*/

/* Instagram feed */
/*
.item_block.usn_cmp_instagramfeed { }*/

/* Links */
/*
.item_block.usn_cmp_links { }*/

/* Pricelist */
/*
.item_block.usn_cmp_datalist { }*/

/* Pods */
/*
.item_block.usn_cmp_pods { }*/

/* Sitemap */
/*
.item_block.usn_cmp_sitemap { }*/

/* Subpage listing */
/*
.item_block.usn_cmp_subpagelisting { }*/

/* Text */
/*
.item_block.usn_cmp_text { }*/

.usn_cmp_text .info .link.flex-column {
    max-width: max-content;
}

.usn_cmp_text .info .link.flex-column .btn {
    width: 100%;
    margin-left: 0 !important;
}

.usn_cmp_splitcomponent.p-0 .container-fluid .item_block.usn_cmp_text .info {
    padding: var(--base-half-spacing);
}

.usn_cmp_text .info .link.flex-column {
    max-width: max-content;
}

.usn_cmp_text .info .link.flex-column .btn {
    width: 100%;
    margin-left: 0 !important;
}

/* Windows */
/*
.item_block.usn_cmp_windows { }*/

@media (min-width:0) and (max-width:767px) {
    .component.usn_cmp_splitcomponent .component-main>.item.item_block.order-2 {
        padding-top: var(--spacing-3xl);
    }

    .component.usn_cmp_splitcomponent .component-main>.item.item_block.order-2:has(.accordion) {
        padding-top: 0;
    }

    .component.usn_cmp_splitcomponent .component-main:has(> .item.usn_cmp_accordiontab) .component-introduction {
        padding-bottom: var(--spacing-3xl) !important;
    }
}


/* xs */
@media (min-width:0) and (max-width:575px) {}

/* sm */
@media (min-width:576px) {}

/* md */
@media (min-width:768px) {
    .component.usn_cmp_splitcomponent .component-main>.item.item_block {
        max-width: 50% !important;
    }
}

/* lg */
@media (min-width:992px) {

    /* Overlap item blocks */
    .component.usn_cmp_splitcomponent .component-main>.item.item_block.item_overlap-pull-left,
    .component.usn_cmp_splitcomponent .component-main>.item.item_block.item_overlap-pull-right {
        position: relative;
        z-index: 2;
    }

    /* Overlap item blocks - pull left */
    .component.usn_cmp_splitcomponent .component-main>.item.item_block.order-md-2.item_overlap-pull-left {
        left: -8.3333333%;
    }

    .component.usn_cmp_splitcomponent .component-main>.item.item_block.order-md-1.item_overlap-pull-left.item_overlap-double {
        left: -16.7%;
    }

    /* Overlap item blocks - pull right */
    .component.usn_cmp_splitcomponent .component-main>.item.item_block.order-md-1.item_overlap-pull-right {
        right: -8.3333333%;
    }

    .component.usn_cmp_splitcomponent .component-main>.item.item_block.order-md-1.item_overlap-pull-right.item_overlap-double {
        right: -16.7%;
    }

    /* Text Block */
    .component.usn_cmp_splitcomponent .container-fluid .item_block.usn_cmp_text .info {
        max-width: 500px;
        padding: var(--base-spacing);
        margin-left: auto;
        margin-right: auto;
    }

}

/* xl */
@media (min-width:1200px) {

    /* Text Block */
    .component.usn_cmp_splitcomponent .container-fluid .item_block.usn_cmp_text .info {
        max-width: 600px;
    }

}

/**************************** SPLIT PANE PADING FIX ****************************/

@media (min-width: 1200px) {
    .usn_cmp_splitcomponent .item {
        margin: 0;
        width: calc(50% - 24px);
    }

    .usn_cmp_splitcomponent .item>.component-main {
        margin: 0;
    }
}


.usn_cmp_splitcomponent .breadcrumb-trail~.info .text {
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-2xl);
}

.usn_cmp_splitcomponent:has(.usn_cmp_windows) .usn_cmp_text .info h2 {
    padding-bottom: var(--spacing-xl);
}

.usn_cmp_splitcomponent:has(.usn_cmp_windows) .usn_cmp_text .info:not(:has(.link)) > div:first-child {
    padding-bottom: var(--spacing-2xl);
}

.usn_cmp_splitcomponent:has(.usn_cmp_windows) 
.usn_cmp_text .info .text p {
    padding-bottom: 0;
}

.usn_cmp_splitcomponent:has(.usn_cmp_windows) 
.usn_cmp_text .info:has(ul) 
.text p:first-of-type {
    padding-bottom: var(--spacing-2xl);
}
.usn_cmp_splitcomponent:has(.usn_cmp_text) .usn_cmp_windows {
    padding-top: 0 !important;
}

.usn_cmp_splitcomponent:has(.usn_cmp_windows) .usn_cmp_text .info .checkbox-list-text p {
    padding-bottom: 0;
}

.usn_cmp_splitcomponent:has(.usn_cmp_accordiontab) .info h2 {
    padding-bottom: var(--spacing-3xl);
}

.usn_cmp_splitcomponent:has(.checkbox-list-text) .usn_cmp_text .info h2 {
    padding-bottom: 0;
}

.usn_cmp_text:has(.breadcrumb-trail) .info .text p {
    padding-bottom: 0 !important;
}

.usn_cmp_splitcomponent:has(.checklist) .text p {
    padding-bottom: 0 !important;
}

.usn_cmp_splitcomponent:has(.checklist) .info h2 {
    padding-bottom: var(--spacing-xl) !important;
}

.usn_cmp_splitcomponent:has(.checklist) .text>p:first-of-type {
    padding-bottom: var(--spacing-xl) !important;
}

.usn_cmp_splitcomponent:has(.usn_cmp_accordiontab) .component-introduction h2 {
    padding-bottom: 0;
}

.usn_cmp_splitcomponent:has(.usn_cmp_windows) .usn_pod_headingandtext h2 {
    padding-bottom: var(--spacing-xl);
}

.usn_cmp_splitcomponent:has(.usn_cmp_windows) .usn_pod_headingandtext .link {
    padding-top: var(--spacing-2xl);
}

.usn_cmp_splitcomponent .container:first-of-type {
    padding-right: var(--spacing-2xl);
    padding-left: var(--spacing-2xl);
}

.usn_cmp_splitcomponent:has(.ratio) .info h2 {
    padding-bottom: var(--spacing-xl);
}

.usn_cmp_splitcomponent:has(iframe) .listing_basic-grid .item {
    padding: 0;
}

.usn_cmp_splitcomponent .usn_cmp_pods:has(.usn_pod_headingandtext) .usn_pod_textimage {
    padding: var(--spacing-2xl) 0 0 0;
}

.usn_cmp_splitcomponent .usn_cmp_pods:has(.usn_pod_headingandtext) .usn_pod_headingandtext .inner h1 {
    padding-bottom: var(--spacing-xl);
}

.usn_cmp_splitcomponent .component-main>.item>.info .link:not(.flex-column) .btn {
    margin-bottom: var(--spacing-2xl);
    margin-top:  var(--spacing-2xl);
}

/* .usn_cmp_splitcomponent:has(.checklist) .link .btn {
    margin-bottom: var(--spacing-2xl);
} */

/* correct mobile padding if  */
.usn_cmp_splitcomponent:has(.square-pattern.top) {
    padding-top: 96px !important;
}

.text-button-wrapper:has(.usn_ion-md-mail) .btn {
    text-align: left;
}

.text-button-wrapper:has(.usn_ion-md-mail) {
    padding-bottom: var(--spacing-xl);
}

/* .component-introduction.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
} */

@media (min-width: 767px) {
    .usn_cmp_splitcomponent .component-inner .container .component-main {
        column-gap: var(--spacing-3xl);
    }

    .usn_cmp_splitcomponent .component-inner .container>.component-main>.item {
        flex: 1;
    }
}