ul#caf-layout-pagination.post-layout4 {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
text-align: center;
}
ul#caf-layout-pagination.post-layout4 li {
display: inline-block;
line-height: normal;
margin: 0;
padding: 0;
}
ul#caf-layout-pagination.post-layout4 li a {
text-decoration: none;
background: #333;
color: #fff;
padding: 5px 10px;
font-size: 16px; border-radius: 0px;
margin-right: 1px;
}
ul#caf-layout-pagination.post-layout4 span.page-numbers.current {
background: #fff;
padding: 5px 10px;
border-radius: 0px;
color: #333;
position: relative;
margin-right: 1px;
font-size: 16px;
} .caf-post-layout4 a {
transition: all 0.15s linear;	
text-decoration: none !important;
}
#caf-post-layout-container h2:before {
display: none;
}
#caf-post-layout-container .caf-post-layout4 h1:before {
display: none;
}
.caf-post-layout4 {
margin-bottom: 27px;
width:100%;
display: inline-block;
}
.caf-post-layout4 .caf-featured-img-box {
display: block;
width: 100%;
height: 300px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center !important; -webkit-box-shadow: 10px 0px 6px -8px #262626;
-moz-box-shadow: 10px 0px 6px -8px #262626;
box-shadow: 10px 0px 6px -8px #262626; border: 1px solid #fff;
}
.caf-post-layout4 .caf-col-md-6 .caf-featured-img-box {
height: 270px;
}
.caf-post-layout4 .caf-post-title {
display: block;
width: 100%;
padding: 20px 5px 10px 5px;
box-sizing: border-box;
}
.caf-post-layout4 .caf-post-title h2 {
text-decoration: none;
line-height: 25px;
margin: 0;
padding: 0;
font-weight: bold;
}
.caf-post-layout4 .caf-post-title a:hover {
color:inherit !important;
box-shadow: none !important;
}
.caf-post-layout4 .caf-meta-content-cats {
display: block;
width: 100%;    
border-bottom: 1px solid #f7f7f7;
}
.caf-post-layout4 .caf-meta-content-cats ul {
display:inline-block;
width:100%;	
list-style: none;
margin: 0;
padding: 0px 0px 5px 0px;
}
.caf-post-layout4 .caf-meta-content-cats li {
display: inline-block;
padding: 0;
margin: 0;
text-decoration: none;
line-height: normal;
}
.caf-post-layout4 .caf-meta-content-cats li a {
display: inline-block;
padding: 5px;
margin: 0;
text-decoration: none;
text-transform: uppercase;
font-size: 10px;
color:#fff;
margin: 0 5px;
color: #f79918;
box-shadow: none;
background: #333; } caf-post-layout4 .caf-meta-content {
display: flex;
width: 100%;
padding: 2px 5px;
box-sizing: border-box;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
}
.caf-post-layout4 span.author,.caf-post-layout4 span.date,.caf-post-layout4 span.comment {
font-size: 12px;
margin-right:5px;
}
.caf-post-layout4 .caf-content {
display: block;
padding: 5px;
word-break: break-word;
font-size: 16px;
line-height: 28px;
box-sizing: border-box;
}
.caf-post-layout4 .caf-content-read-more {
display: block;
padding: 5px;
box-sizing: border-box;
}
.caf-post-layout4 span.date {
width: 120px;
}
.caf-post-layout4 a.caf-read-more {
box-shadow: none;
text-decoration: none;
border: 1px solid #f79918;
padding: 3px 12px;
display: inline-block;
font-size: 15px;
margin-bottom: 5px;
color:#333;
background: #262626;
font-family: Open Sans,Arial,sans-serif;
}
.caf-post-layout4 a.caf-read-more:hover {
color: #fff;
}
.caf-post-layout4 a.caf-f-img {
width: 30% !important;
display: inline-block;
float: left;
margin-right: 2%;
}
.caf-post-layout4 #manage-post-area {
width: 68%;
float: left;
display: inline-block;
}
.caf-post-layout4 .caf-social-media-share {
width: 100%;
display: inline-block;
}
.caf-post-layout4 .caf-social-media-share a {
display: inline-block;
}
@media only screen and (max-width: 1120px) {
.caf-post-layout4 a.caf-f-img {
width: 40% !important;
}
.caf-post-layout4 #manage-post-area {
width: 58%;
}
}
@media only screen and (max-width: 767px) {
.caf-post-layout4 a.caf-f-img {
width: 100% !important;
margin-right: 0px ;
}
.caf-post-layout4 #manage-post-area {
width: 100%;
}
}div#caf-post-layout-container.multiple-taxonomy-filter {
width: 100%;
display: inline-block;
padding: 15px;
}
.multiple-taxonomy-filter div#caf-multiple-taxonomy-filter {
float: left;
display: inline-block;
width:20%;
}
.multiple-taxonomy-filter div#manage-ajax-response {
float: right;
width: 80%;
padding-top: 0;
}
div#caf-multiple-taxonomy-filter ul {
list-style: none;
margin: 0 0 10px;
padding: 10px; background: #fff;
border-radius: 4px;
-webkit-transition: all .3s linear 0s;
transition: all .3s linear 0s;
}
.caf-mtf-layout h3.tax-heading {
font-family: Roboto Condensed;
font-size: 22px;
font-weight: bold;
text-transform: capitalize;
padding-top: 5px;
padding-bottom: 5px;
color: #3c3b37;
cursor: pointer;
margin-top: 0;
margin-bottom: 0;
display: flex;
align-items: center;
word-break: break-word;
justify-content: space-between;
}
li.mtf-li-child.caf-first-child {
margin-top: 10px;
}
.caf-mtf-layout h3.tax-heading i {
font-size: 14px;
float: right;
margin-right: 5px;
color: #3c3b37;
}
div#caf-multiple-taxonomy-filter ul li label {
width: 100%;
display: inline-block;
cursor: pointer;
background: #fff;
border-radius: 4px;
padding: 10px;
margin-bottom: 5px;
position: relative;
font-size: 18px;
color:#333;
}
div#caf-multiple-taxonomy-filter .mtf-terms.check_box {
position: absolute;
opacity: 0;
}
div#caf-multiple-taxonomy-filter ul li label:before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "FontAwesome";
font-weight: 900;
font-size: 16px;
padding: 0;
margin-right: 0;
content: "\f1db";
color: rgba(0, 0, 0, 0.2);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
position: absolute;
right: 20px;
margin-top: 0px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
div#caf-multiple-taxonomy-filter ul li input[type="checkbox"]:checked + label::before {
content: "\f058";
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
color: #7ecfc0;
}
div#caf-multiple-taxonomy-filter ul.caf-slide-toggle li {
display:none;
}
.caf-slide-toggle {
}
@media only screen and (max-width:768px) {
.multiple-taxonomy-filter div#caf-multiple-taxonomy-filter,.multiple-taxonomy-filter div#manage-ajax-response {
width:100%;
}
}