.hot-items h3 {
    color: #ec2027;
font-style: italic;
font-family: oswald;
font-size: 36px;
text-align: center;
margin: 50px;
}

.hot-sidebar {
    
    background: rgba(0, 0, 0, 0.79) url('../images/hot-bg.png') center no-repeat;
     padding-bottom: 40px;
     position:relative;
}

.hot-items a:hover p{
left: 0;

}

.hot-items p {width: 100%;
height: 100%;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.85);
color: #fff;
text-transform: uppercase;
text-align: center;
position: absolute;
top: 0;
left: 100%;
-webkit-transition: all 0.25s;
-webkit-transition-delay: 0.3s;
-moz-transition: all 0.25s 0.3s;
-o-transition: all 0.25s 0.3s;
transition: all 0.25s 0.3s;


}

.hot-items a{overflow: hidden;-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;position: relative;
float: left;}

.hot-items p span {position: absolute;
top:45%;
padding: 6px 20px 6px 9px;
left: 21%;font-style: italic;
text-align: center;
font-family: oswald;
font-size: 36px;
border:1px solid}

.news-item img {
    height: 146px;
    width: 100%;
    }

.news-item {position:relative;margin-bottom: 20px;}

.news-item h5 {
    position:absolute;
    top:-10px;
    color: #fff;
    background: #e01c28;
    width: 89.20%;
    padding: 7px;
    font-family: 'Oswald', sans-serif;}

.news-item p.date {position: absolute;
bottom: 0px;
color: #fff;
background: #e01c28;
padding: 3px;
left: 25px;
font-family: 'Oswald', sans-serif;
font-weight: 100;
padding-left: 10px;
padding-right: 10px;
}

.news-item p.read {position: absolute;
bottom: 0px;
color: #fff;
background: #e01c28;
padding: 3px;
right: 25px;
font-family: 'Oswald', sans-serif;
font-weight: 100;
padding-left: 10px;
padding-right: 10px;

}


.news-items h3 ,.events-items h3 {color: #ec2027;
font-style: italic;
font-family: oswald;
font-size: 36px;
text-align: center;
margin: 50px;}

.paginationstyle {
    text-align:right;
    margin-bottom: 10px;
    margin-right: 14px;
    }

.paginationstyle a.disabled {
   opacity: 0.3; 
    
}

/****************************************** Event widget **********************************************/

/*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;
}

 
    /*----- Tab Links -----*/
    /* Clearfix */
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }
    
      .tab-links{
    margin-top: -10px;
    margin-bottom: 30px;
}
 
    .tab-links li {
        margin:0px 5px;
        float:left;
        list-style:none;
    }
 
        .tab-links a {
            padding:9px 15px;
            display:inline-block;                     
            font-size:20px;
            font-weight:600;
            color:#a7a9ac;
            transition:all linear 0.15s;
            font-family:oswald;
            text-transform:uppercase;
            font-style: italic;
            font-weight: 400;
        }
 
        .tab-links a:hover {
          
            color:#5b5b5b;
            text-decoration:none;
        }
 
   .tab-links li.active a, .tab-links li.active a:hover {
        
        
        color:#5b5b5b;
    }
 
    /*----- Content of Tabs -----*/
    .tab-content {
        padding:15px;
       
    }
 
        .tab {
            display:none;
        }
 
        .tab.active {
            display:block;
        }
        
    .events-img img {width: 100%;
height: 125px;}    
 .events-item
 {
min-height: 170px;}
      .tab-links li.last:before{
        
        content: "/";
        font-size:30px;
        color:#a7a9ac;
      }  
      
      
  .events-items .paginationstyle {
    margin-top: -60px;
margin-bottom: 30px;
    
  }
  
  .events-items p.date {
  font-size: 33px;
text-align: center;
font-family: oswald;
font-weight: 300;
text-transform: capitalize;}

.events-item p.date span{
  font-size: 26px!important;
}
.events-item h5{
font-size: 20px;
font-family: oswald;
}
.events-items .buy a { 
background: #ed1b24;
color: whitesmoke;
padding: 7px;
padding-left: 20px;
padding-right: 20px;}

.events-items .buy {margin-top: -40px;
margin-bottom: 20px;}
/****************************************** Event widget **********************************************/


@media  (max-width: 500px) {
    .news-item h5 {
        width:85%;
    }
}
@media  (max-width: 400px) {
    .news-item h5 {
        width:82%;
    }
}
@media  (max-width: 350px) {
    .news-item h5 {
        width:78%;
    }
}