/* SYSTEM PRODUCT LISTING
---------------------------------------------------------------------------- */

.SystemProductListing {
    /*background-color: #f3f3f1;
    padding: 95px 0;
    max-width: 1600px;
    margin: 0 auto 40px;*/
    /*margin-top: 4em;*/
    border-top: 1px solid #b1b1b1;
    margin-top: 1.5em;
    padding-top: 2.5em;
}

.SystemProductListing-sectionHeading {
    margin: 0;
}

.SystemProductListing-sectionDescription {
    margin-top: .4em!important;
    margin-bottom: 1.2em!important;
}

.SystemProductListing-list {
    list-style: none;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
}

.SystemProductListing-list::before, .SystemProductListing-list::after {
    content: normal;
}

.SystemProductListing-item {
    padding-top: 14px;
    padding-bottom: 14px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media (min-width: 768px) {
    .SystemProductListing-item {
        flex-direction: row;
        margin-bottom: 2rem;
    }
    .SystemProductListing-item:nth-child(even) {
        flex-direction: row-reverse;
    }
}

@media (min-width: 992px) {
    .SystemProductListing-item {
        margin-bottom: 3rem;
    }
}

.SystemProductListing-imageContainer {
    display: flex;
    align-items: flex-end;
    padding: 0 20px;
    background: radial-gradient(circle at 50% 100%, #8FCBE3 0%, #6EAAC0 100%);
 }
 
 .SystemProductListing-image {
     width: 240px;
     max-width: 100%;
     display: block;
     margin: 0 auto;    
     /*max-height: 200px;*/
 }

.SystemProductListing-textContainer {
    /*padding-top: 2rem;
    padding-bottom: 2rem;*/
}

@media (min-width: 768px) {
    .SystemProductListing-textContainer {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

.SystemProductListing-textInnerContainer {
    background: radial-gradient(circle at 50% 100%, #a5bbb8 0%, #779A95 100%);
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    padding: 13px 20px 13px 20px;
    color: #fff;

    height: 100%;
    justify-content: center;
}

.SystemProductListing-item:nth-child(even) .SystemProductListing-textInnerContainer {
    background: radial-gradient(circle at 50% 100%, #1d5a6d 0%, #0C4558 100%);
}


@media (min-width: 768px) {
    .SystemProductListing-textInnerContainer {
        padding: 3rem 3rem 3rem 3rem;
    }
}

@media (min-width: 992px) {
    .SystemProductListing-textInnerContainer {
        padding: 4rem 4rem 4rem 4rem;
    }
}


.SystemProductListing-innerContainer {
    /*background: radial-gradient(circle at 50% 100%, #8FCBE3 0%, #6EAAC0 100%);*/
    display: flex;
    flex-grow: 1;
    padding: 13px 20px 0 20px;
    color: #fff;
}

@media (min-width: 768px) {
    .SystemProductListing-innerContainer {
      /*background: radial-gradient(circle at 80% 100%, #8FCBE3 0%, #6EAAC0 100%);*/
    }
}

@media (min-width: 1200px) {
    .SystemProductListing-innerContainer {
    	padding: 33px 40px 0 40px;
    }
}

.SystemProductListing-innerContainer:hover .SystemProductListing-productName,
.SystemProductListing-innerContainer:focus .SystemProductListing-productName {
    text-decoration: underline;
}

.SystemProductListing-innerRow {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
}

.SystemProductListing-headingContainer {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   width:100%;
}

.SystemProductListing-productName {
    font-family: "woodfordbourne", sans-serif;
    font-size: 30px;
    margin: 10px 0 20px;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

@media (min-width: 768px) {
    .SystemProductListing-productName {
        margin: 1rem 0 2rem;
    }
}

.SystemProductListing-bodyContainer {
   display: flex;
   flex-wrap: wrap;
   width:100%;
}



/* TEMP CAMPAIGN CSS */
.SystemProductListing-campaignImage {
   max-width: 100px;
   position: absolute;
   right: 0;
   top: -50px;
}

@media (min-width: 1200px) {
    .SystemProductListing-image {
        max-height: none;
    }
}

.SystemProductListing-featureListContainer {
	display: flex;
   align-items: flex-start;
}

.SystemProductListing-featureList {
    margin: -5px 0 2em;
    padding-left: 20px;
}

@media (min-width: 1200px) {
    .SystemProductListing-featureList {
        /*margin-bottom: 60px;*/
    }
}

.SystemProductListing-featureItem {
    list-style-type: disc;
    font: 300 16px/1.4 "univers w01", sans-serif;
    margin-bottom: .2em;
}

/* Helper class from Bootstrap 4.x
---------------------------------------------------------------------------- */

.nibe-no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.nibe-no-gutters > .col,
.nibe-no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}