html, body { margin:0; padding:0; border:0;background: #F8F8F8; }
     .main-container {margin: 0 auto;padding: 20px 0px;}
     .right-float {float: right;width: 100px;}
     h2 {font-weight: 400;float: left;margin: 5px 24px;font-family: Roboto,sans-serif;font-size: 21px;}
     .agendaItem .input-group {float: right;margin-right: 15px;}
     .input-box {padding: 12px 12px;border-top-left-radius: 4px;border-bottom-style: none;border: 1px solid #ccc;border-bottom-left-radius: 4px;width:145px;}
     .form-group.viewer__navbar__search.agendaItem {padding: 12px 0px;background-color: #EEEEEE;border-radius: 5px !important;border: 1px solid #ccc;}
     /*.agendaItem .input-group .form-control.main-search-box {padding: 5px;}*/
    .btn.btn-default.viewer__navbar__button {padding: 11px 12px;background: #FF7900;color: #fff;font-size: 16px;border-top-right-radius: 4px;cursor: pointer;font-family: Roboto,sans-serif;position: relative;right: 5px;border-bottom-right-radius: 4px;}
     .btn.btn-default.viewer__navbar__button:hover{background: #F6700A;}
     .agendaItem__title a {text-decoration: none;}
     .agendaItem__title a:hover {text-decoration: underline;}
     .agendaItem{border-bottom: 1px solid #e3e3e3;width: 90%;margin: 0 auto;}
    .agendaItem__image {float: left;}
    .agendaItem__image {float: left;width: 30%;max-width: 180px;}
   .agendaItem__image__wrap {padding: 2px;border-radius: 1000px;border-style: solid;    border-width: 0px;border-color: rgb(95, 157, 243);}
     .agendaItem__image__wrap {padding: 2px;}
     .agendaItem__image__wrap {margin: 20px 11%;}
     .agendaItem__image__img {border-radius: 50%;border: 1px solid #ececec;width:120px;height:120px;}
     /*.agendaItem__image__img {width: 100%;}*/
     .agendaItem__summary {overflow: hidden;margin: 0 20px;}
     .d-titleText {font-family: Helvetica,Arial,sans-serif;font-weight: 400;font-style: normal;}
     .agendaItem__title {font-size: 24px; }
     .agendaItem__title {line-height: 1.3;margin-bottom: .8em;margin-top: .8em;}
     .agendaItem .d-title a {color: rgb(12, 71, 154);}
     .d-title a {color: rgb(255, 96, 85);}
      .fonttype-d-when span {font-family: Merriweather,serif;font-weight: 700;font-style: normal;}
      .director-font span{font-family: Roboto,sans-serif;font-weight:400;}
     .agendaItem__when {font-weight: 600;font-family: Roboto,sans-serif;font-size: 16px;}
     .agendaItem__buttons, .agendaItem__what, .agendaItem__when {margin-bottom: 10px;}
     .agendaItem__what {max-height: 4.2em;}
     .agendaItem__buttons, .agendaItem__what, .agendaItem__when {margin-bottom: 10px;}
     .d-text.agendaItem__where {font-weight: 600;margin-top: 10px;margin-bottom: 10px;font-size: 15px;font-family: Roboto,sans-serif;}
     .clear{clear:both;}
/*loader*/
.processingOverlay { position:fixed; left:0; top:0; background:rgba(0 , 0, 0, 0.5); width:100%; height:100%; z-index:9999;text-align:center;}
.processingOverlay img { margin-top:200px;}
 .valid_zipcode {margin-top: 30px !important;color: #505050;padding: 5px 0px;border-radius: 6px;margin: 0 auto;margin-top: 0px;margin-top: 0px;text-align: center;font-size: 28px;font-family: Roboto,sans-serif;}
    .header_date h2 {font-size: 24px;}
     .header_content {float: right;}
     .header_content h2 {margin: 10px 20px;}
      h2 {font-weight: 400;float: left;margin: 5px 24px;font-family: Roboto,sans-serif;font-size: 18px;color: #505050;}
     .load_moresection .load_btn {text-align: center;float: none;margin: 0 auto !important;width: auto;padding: 10px 0px;}
      .load_moresection {width: 100%;margin: 0 auto;text-align: center;padding: 38px 0px;}
      .load_moresection .load_btn {color: rgb(12, 71, 154);border: 1px solid rgb(12, 71, 154);padding: 6px 24px !important;font-size: 18px;border-radius: 4px;font-family: Roboto,sans-serif;    text-decoration: none;text-align: center;float: none;width: auto;padding: 10px 0px;}
      .load_moresection .load_btn:hover{background-color: #4675C3;color:#fff;border:1px solid #4675C3;}
      .distance_section strong {float: left;font-weight: 600;margin-right: 5px;}
      .distance_section {float: right;font-weight: 400;}
      
    .left-float{float:left; width: 260px;margin-right: 10px;}
    .lft-cls{float:left;border-radius: 4px !important; position: relative !important; top: -1 !important;}
    .tselect-sports {padding: 8px 9px;margin: 5px 24px;width: 232px;}
    
    .up-event-main{font-family: 'Roboto', sans-serif;}
	.sports-menu {
    text-align: center;
    background:#2c3e50;
    padding: 10px 0px;
}
.sports-menu ul {
    list-style: none;
    margin-bottom: 0px;
}
.sports-menu ul li {
    display: inline-block;
}
.sports-menu ul li a {
    padding: 5px 20px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    color: #fff;
	cursor:pointer;
}
.sports-menu ul li a:hover{text-decoration:none;}
.sports-menu ul li.active a{background:#3498db;}
.btn.btn-default.viewer__navbar__button{    padding: 5px 12px;}
.input-box{    padding: 6px 12px;}

.search-loc{background:#eee; padding:10px 0px;}
.search-loc .form-group.viewer__navbar__search.agendaItem{border:none; background:none;}
.up-event-main .agendaItem__image__wrap{margin:0px;}
.up-event-main .agendaItem__image__wrap .img_width {
    margin: 0px;
    width: 130px;
    height: 75px;
    border: 1px solid #ddd;
    border-radius: 10px !important;
}
.up-event-main .agendaItem__image__wrap .img_width img{height:100% !important; width:100% !important; object-fit:cover; border-radius:0px;}
.up-event-main .main-container{width:90%;}
.up-event-main .agendaItem{position:relative; min-height:100px; margin-bottom:10px; padding-bottom:10px;}
.up-event-main .agendaItem__summary{padding-left:130px;}
.up-event-main .agendaItem__image{position:absolute;width:140px; }
.up-event-main .agendaItem__buttons, .up-event-main .agendaItem__what, .up-event-main .agendaItem__when {
    margin-bottom: 0px;
}
.up-event-main .agendaItem .d-title a{font-family: 'Roboto', sans-serif; font-size:20px; margin-bottom:5px; display:inline-block;}
.up-event-main .fonttype-d-when span{font-family: 'Roboto', sans-serif;}
.up-event-main .d-text.agendaItem__where{margin:0px;}
.up-event-main .agendaItem__title{margin:0px;     text-transform: capitalize;}
.agenda-btm{margin-top:5px;}
.agenda-btm .d-text{display:inline-block; margin-right:15px !important; padding-right:15px; border-right:1px solid #ddd; font-size:13px; font-weight:400;}
.agenda-btm .d-text span:nth-child(1){font-weight:600;}
.agenda-btm .d-text:nth-last-child(1){border-right:none;}
.up-event-main .fonttype-d-when{font-size:15px;}
.up-event-main .fonttype-d-when span{font-weight:400 !important;}
li.active a .wevent-count {background: #be4594;}
li a .wevent-count {background: #2e69a8;padding: 0px 5px;border-radius: 20px;font-size: 13px;}
.up-event-main .agenda-btm .d-text .badge {background: #3498db;font-size: 14px;padding: 4px 8px;font-weight: 500 !important;}
    
    
      @media only screen and (max-width: 1024px) {
          .header_date h2 {font-size: 20px;}
          .header_content h2{font-size: 16px;}
          .input-box{padding: 10px 10px;}
          .btn.btn-default.viewer__navbar__button{padding: 10px 10px;font-size: 16px;}
      }
      @media only screen and (max-width: 980px) {
         .header_content h2 {font-size: 14px;}
      }
      @media only screen and (max-width: 900px) {
        .header_date h2{margin-right: 5px;}
        .header_content h2{margin-right: 8px;}
        .agendaItem .input-group{margin-right: 5px;}
      }
      @media only screen and (max-width: 800px) {
        .header_date h2 {font-size: 20px;margin-left: 20px;}
        .header_content{width:100%;}
        .agendaItem__title{margin-bottom:8px;}
        .agendaItem .input-group{margin-right: 5px;}
        .header_content h2{margin-right: 10px;}
        .valid_zipcode{font-size: 18px;}
      }

       @media only screen and (max-width: 640px) {
           .btn.btn-default.viewer__navbar__button {padding: 10px 10px;font-size: 14px;top: 0;}
           .agendaItem .input-group {margin-right: 0;}
           .input-box {padding: 9px 9px;width:120px;}
      }
      @media only screen and (max-width: 480px) {
             .header_date h2{float:none;text-align:center;}
            .header_content h2{float:none;text-align:center;}
            .agendaItem .input-group{text-align:center;float:none;}
            .right-float{float:none;}
            .agendaItem{margin: 0 auto 14px;}
            .agendaItem__image__img{width:100px;height:100px;}
            .agendaItem__image__wrap{margin: 8px 11%;}
            .agendaItem__title {margin: 6px 0px;font-size: 18px;}
            .input-box{width: 105px;padding: 5px 10px !important;}
            .btn.btn-default.viewer__navbar__button {padding: 7px 10px;}
            .load_moresection{padding: 20px 0px;}
            .load_moresection .load_btn{font-size: 14px;}
            .valid_zipcode{margin-top: 25px !important;padding: 5px 30px;font-size: 16px;}
      }
      @media only screen and (max-width: 360px) {
            .agendaItem__image {float: none;width: 100%;margin: 0 auto;}
            .img_width {width: 115px;margin: 0 auto;}
            .agendaItem__image__img {width: 115px;width: 115px;margin: 0 auto;float: none;}
      }
      @media only screen and (max-width: 320px) {
            .header_content h2{font-size:12px;}
            .img_width {width: 100px;}
            .agendaItem__image__img {width: 100px;}
      }