.campaignslides {  margin: var(--outer-1) var(--outer-1)  ; /*background:#30312C;*/ position: relative;
    color: #FFFFFF;  }

@media all and (min-width: 900px) {
    .campaignslides {  margin: var(--outer-05) var(--outer-1) var(--outer-1) ; }


}
.campaignslides .callout {  position: relative; display: flex; /*flex-direction: column;*/ border-radius: 16px; overflow: hidden;      color: var(--hi_black);}


.campaignslides .callout:not(:last-child) { margin-bottom: var(--outer-05)   }
/*.campaignslides .callout:not(:first-child) { display: none; }*/
.campaignslides.slick-initialized .callout{ display: block;  }

/*.campaignslides .callout::before { display: block; content:""; }*/

.campaignslides .callout picture { display: block; width: 50%; /*height: 100%;*/
    position: relative; overflow: hidden; /*position: absolute; top: 0; left: 0;*/ }
.campaignslides .callout picture::before { display: block; width: 100%; height: 0; padding-bottom: 50%; content:"";  }
.campaignslides .callout picture img { display: block; width: calc(100% + 2px); height: calc(100% + 2px); position: absolute; top: -1px; left: -1px; object-fit: cover; }


.campaignslides .callout div.textcontent {order:-1;min-height: var(--outer-4);  width: 50%;    padding: var(--outer-075); flex:1; display: flex; flex-direction: column; position: relative; z-index: 10; border: none !important; margin: 0 !important; }

.campaignslides .callout { background-color: var(--hi_goldlight); }
.campaignslides .callout.plum   {     background-color:var(--hi_burgundy);  color: white; }
.campaignslides .callout.blue   {     background-color:var(--hi_lightblue);    }
.campaignslides .callout.yellow   {     background-color:var(--hi_yellow);   }
.campaignslides .callout.gift_green   {     background-color:#025049; color: white;   }



.campaignslides .callout h2 { margin-bottom:0.5em;}
.campaignslides .callout div.textcontent p { padding-right: 0; }
.campaignslides .callout div.textcontent p.cta:last-child {/*margin-top: auto;*/ margin-bottom: 0; margin-top: 0; padding-top: 1em;}
.campaignslides .callout div.textcontent header { height: 4rem; margin-bottom: 1rem; position: relative; }
.campaignslides .callout div.textcontent header img { position: absolute; top: 0; left: 0; height: 100%; width: 100%;object-fit: contain; object-position: left bottom; }


/*
.campaignslides .callout:nth-child(2n+2) {  align-items: flex-end   }
.campaignslides .callout:nth-child(2n+2) div.textcontent { padding: var(--outer-05) var(--outer-1) var(--outer-1) 0; text-align: right;  }
.campaignslides .callout:nth-child(2n+2) div.textcontent header img {  object-position: right bottom;  }

*/

@media all and (max-width: 1499px) {
    .campaignslides .callout div.textcontent { width: var(--outer-6); min-height: var(--outer-5); }
}

@media all and (max-width: 1199px) {
    .campaignslides .callout div.textcontent/*, .campaignslides .callout:nth-child(2n+2) div.textcontent */ { width: var(--outer-7); min-height: var(--outer-5); }

    .campaignslides .callout:not(:last-child) { margin-bottom: var(--outer-1)   }
}

@media all and (max-width: 899px) {
    .campaignslides .callout   { flex-direction: column; }
    .campaignslides .callout >  picture { width: 100%; }
    .campaignslides .callout div.textcontent { padding: var(--outer-1);  width: 100%; }

    .campaignslides .callout div.textcontent header { height: 3rem; }
        .campaignslides .callout div.textcontent p { font-size: 0.75rem; }

}

@media all and (max-width: 599px) {

}