.style-1 .ca-menu {
margin: 20px auto 5px;
padding: 0 !important;
width: 100%;
}
.qcopd-list-column.style-1{
margin-bottom: 25px;
}
.style-1 .ca-menu li {
background: #fff none repeat scroll 0 0;
border-left: 10px solid #000;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
display: block;
height: 100px;
margin-bottom: 4px;
overflow: hidden;
transition: all 300ms ease-in-out 0s;
width: 100%;
display:inline-flex;
justify-content:center;
align-items:center;
}
.style-1 .ca-menu li:last-child {
margin-bottom: 0;
}
.style-1 .ca-menu li a {
color: #333;
display: block;
height: 100%;
position: relative;
text-align: left;
width: 100%;
border-bottom: medium none;
}
.style-1 .ca-icon{
left: 10px;
top: 28px;
position: absolute;
text-align: center;
transition: all 300ms linear 0s;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
display: inline-block;
width: 40px;
height: 40px;
font-size: 25px;
}
.style-1 .ca-icon img{
width: 40px;
height: 40px;
transition: all 300ms linear 0s;
}
.style-1 .ca-content {
height: 60px;
left: 65px;
position: absolute;
top: 20px;
}
.ca-main, .style-1 .ca-sub {
margin: 0 !important;
padding: 0 !important;
}
.style-1 .ca-main {
font-size: 22px !important;
transition: all 300ms linear 0s;
padding-right:30px  !important;
}
.style-1 .ca-sub {
color: #666;
font-size: 14px !important;
transition: all 300ms linear 0s;
padding-top: 6px !important;
padding-right: 35px !important;
}
.style-1 .ca-menu li:hover {
background: #000 none repeat scroll 0 0;
border-color: #fff004;
}
.style-1 .ca-menu li:hover .ca-icon{
width: 50px;
height: 50px;
color: #fff;
}
.style-1 .ca-menu li:hover .ca-icon img{
color: #fff004;
width: 50px;
height: 50px;
}
.style-1 .ca-menu li:hover .ca-main {
color: #fff004;
font-size: 14px !important;
padding-top: 3px !important;
}
.style-1 .ca-menu li:hover .ca-sub {
color: #fff;
font-size: 16px !important;
padding-top: 10px !important;
}
.style-1 .ca-main.subtitle-absent {
margin-top: 10px !important;
}
.style-1 .new-icon-section > span {
align-items: center;
background-color: rgba(0,0,0,.7);
color: #fff;
display: flex;
font-size: 9px;
font-weight: bold;
height: 13px;
justify-content: center;
position: absolute;
top: 0;
left:0;
width: 28px;
}
.style-1 .featured-section {
bottom: 1px;
position: absolute;
right: 0;
z-index: 1;
width: 0;
height: 0;
border-style: solid;
border-width: 0 2px 35px 25px;
border-color: transparent transparent #FFEB3B transparent;
}
.style-1 .featured-section i {
position: absolute;
left: -10px;
top: 17px;
color: #3d7dfc;
}
.new-icon-section i {
cursor:pointer;
} .style-1 .upvote-section-style1 {
height: 100% !important;
position: absolute;
right: 5px;
top: 3px;
font-size: 12px;
width: 30px;
text-align: center;
align-items: center;
display: flex;
flex-direction: column;
justify-content:center;
right: -2px;
}
.bookmark-section-style-1{
position: relative;
right: 29px;
}
.style-1 .upvote-btn.upvote-on:hover, .style-1 .ca-menu li:hover .upvote-btn{
cursor: pointer;
}
.style-1 .upvote-btn, .style-1 .upvote-count{
display: block;
}
.style-1 .upvote-btn {
text-align: center;
padding-top: 0;
width: 100%;
z-index: 805;
margin-top: -7px;
}
.style-1 .upvote-count {
font-size: 11px;
width: 100%;
margin-top: 0;
z-index: 800;
}
.style-1 .upvote-section-style1 .upvote-btn, .style-1 .upvote-section-style1 .upvote-count {
color: #666;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.style-1 .upvote-section-style1 .upvote-btn:hover, .style-1 .ca-menu li:hover .upvote-btn, .style-1 .ca-menu li:hover .upvote-count{
color: #fff;
} .direction-rtl .qc-grid-item, .direction-rtl .qc-grid-item h3, .direction-rtl .qc-grid-item ul li, .direction-rtl .qc-grid-item ul li a, .qc-grid-item ul li span 
{
direction: rtl !important;
}
.direction-rtl .qc-grid-item .ca-icon {
left: auto;
right: 20px;
direction: rtl !important;
}
.direction-rtl .qc-grid-item .ca-content {
direction: rtl;
left: auto;
right: 80px;
}
.direction-rtl .qc-grid-item .ca-content .ca-main, .direction-rtl .qc-grid-item .ca-content .ca-sub{
direction: rtl !important;
text-align: right !important;  
}
.direction-rtl .upvote-section-style1 {
left: 10px !important;
right: auto !important;
} .qc-full-wrapper {
display: flex;
width: 100%;
}
.left-side-filter {
background:none;
float: left;
margin-right: 25px;
width: 30% !important;
border-bottom: none;
}
.open-mpf-sld-more{
height: 25px;
font-size: 13px;
}
.style-1 span.qcopd-list-item-author {
color: #828282;
position: absolute;
top: 0px;
right: 0;
font-size: 13px;
left: 0;
width: 100%;
text-align: center;
}
.style-1 .qcopd-single-list ul li a{
padding-bottom: 30px !important;
}
.style-1 .qcopd-single-list ul li:hover span.qcopd-list-item-author{
color: #fff004;
}
.style-1 .ca-content {
position: relative;
}
.style-1 .ca-icon {
position: relative;
}
.style-1 .ca-menu li a {
display: flex;
}
.style-1 .ca-menu li {
display: inline-flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
align-content: flex-start;
height: auto;
}
.ca-content-audio {
padding: 0 0 0 12px;
}
.bookmark-section-style-1 {
position: absolute;
}
.bookmark-section-style-1 {
position: absolute;
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column;
}
.style-1 .ca-content {
left: 20px;
}
.ca-content-audio audio {
height: 36px;
width: 240px;
}
.bookmark-section-style-1 {
right: 40px;
}
.style-1 .upvote-section-style1 {
right: 8px;
}
.style-1 .ca-content {
padding: 0 30px 0 0;
}