/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .pi-msg-container{
     display:block;
     width:100%;
     clear:both;
     margin:20px auto;
     padding:10px 0;
 }
 
 .pi-msg-title{
     padding:10px;
     font-size: 16px;
     border:1px solid #ccc;
 }

 .pi-msg-body{
    padding:10px;
    border:1px solid #ccc;
 }

 .pi-free-prod-row{
     display: flex;
     width:100%;
 }

 .pi-free-prod-img{
     width:60px;
     margin-right:20px;
 }

 .pi-bogo-cat-msg-container{
     padding:10px;
     display:block;
     text-align:center;
     border-radius:6px;
     margin-top:10px;
     margin-bottom:10px;
     background:#cccccc;
     color:#000000;
 }

 .bogo-badge{
    position:absolute;
    width:40px;
    height:auto;
    z-index:200000000;
 }

 .bogo-badge img{
    max-width:100%;
 }

 .badge-top-left{
     top:0px;
     left:0px;
 }