/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

.abtbg{background:#893030 !important;}

.wbg{background:#f9dad8;}
.hr-wbg abbr {background-color: #f9dad8 !important; color:#000; letter-spacing:0em;}

.mbg{background:#c8e4eb;}
.hr-mbg abbr {background-color: #c8e4eb !important; color:#000; letter-spacing:0em;}

.kbg{background:#f3efd9;}
.hr-kbg abbr {background-color: #f3efd9 !important; color:#000; letter-spacing:0em;}

.mb-md{margin-bottom:20px !important;}
.mt-10{margin-top:10px !important;}
.mt-30{margin-top:30px !important;}

.infrashadow{box-shadow:0 2px 10px #e0e0e0;}


@media (max-width: 680px) {
  .hideonmob {
    display: none !important;
  }
    .mt-30new {margin-top: 5px !important
    }
}