.advanced_addons_blog_list_post.type-1 .blog_title {
color: #171f3e;
font-size: 36px;
line-height: 48px;
}
.advanced_addons_blog_list_post.type-1 .blog_content {
padding-left: 40px;
padding-right: 30px;
display: flex;
flex-flow: column;
align-items: stretch;
justify-content: center;
flex: 0 0 50%;
}
.advanced_addons_blog_list_post.type-1 .blog_image {
flex: 0 0 50%;
}
.advanced_addons_blog_list_post.type-1 {
display: flex;
background: #f8f9fd;
padding: 20px 0 20px 20px;
box-shadow: 16px 75px 113px -55px rgba(0, 83, 248, .26);
}
.advanced_addons_blog_list_post.type-1 .blog_heaed {
padding: 4px;
padding-right: 15px;
box-shadow: 0px 20px 40px rgba(0, 85, 255, .10);
margin: 25px 0 25px 0;
}
.blog_heaed ul {
display: flex;
align-items: center;
justify-content: space-between;
}
.aa-media {
display: flex;
align-items: center;
justify-content: center;
}
.aa-media .aa-content-2 {
margin-left: 10px;
}
.advanced_addons_blog_list_post.type-1 .aa-media img {
height: 50px;
width: 50px;
}
.advanced_addons_blog_list_post.type-1 .aa-media .aa-content-2 {
font-size: 14px;
color: #4381fd;
}
.advanced_addons_blog_list_post.type-1 .blog_heaed .post-date, .advanced_addons_blog_list_post.type-1 .blog_heaed .post-like, .advanced_addons_blog_list_post.type-1 .blog_heaed .post-comments-number {
color: #9ea2b1;
font-size: 14px;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 30px;
}
.advanced_addons_blog_list_post.type-1 .blog_heaed .post-date i, .advanced_addons_blog_list_post.type-1 .blog_heaed .post-like i, .advanced_addons_blog_list_post.type-1 .blog_heaed .post-comments-number i {
color: #6699fd;
display: inline-block;
padding-right: 8px;
font-size: 18px;
}
.advanced_addons_blog_list_post 
.blog_body p {
color: #707070;
font-size: 16px;
line-height: 26px;
}
.read_more {
color: #4381fd;
font-size: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.read_more_dots {
display: inline-flex;
position: relative;
align-items: center;
justify-content: center;
margin-left: 3px;
margin-top: 4px;
}
.read_more_dots span {
height: 4px;
width: 4px;
border-radius: 50%;
background: #4381fd;
display: inline-block;
margin-right: 3px;
}
.advanced_addons_blog_list_post.type-1 .blog_image {
display: flex;
align-items: stretch;
justify-content: center;
flex-flow: column;
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
.read_more_dots span:nth-child(1) {
animation: zoomIn 1s infinite;
}
.read_more_dots span:nth-child(2) {
animation: zoomIn 1s infinite;
animation-delay: .10s;
}
.read_more_dots span:nth-child(3) {
animation: zoomIn 1s infinite;
animation-delay: .10s;
} .advanced_addons_blog_list_post.type-1.dark-mode {
flex-flow: row-reverse;
padding: 0 0 0 0;
background: #3f3f3f;
box-shadow: none;
transition: all .30s linear;
}
.advanced_addons_blog_list_post.type-1.dark-mode .blog_heaed {
border-radius: 0;
background: #434343;
box-shadow: none;
transition: all .30s linear;
}
.advanced_addons_blog_list_post.type-1.dark-mode .blog_title {
color: #ffffff;
}
.advanced_addons_blog_list_post.type-1.dark-mode .aa-media .aa-content-2 {
color: #df4c24;
}
.advanced_addons_blog_list_post.type-1.dark-mode .blog_heaed .post-date i, .advanced_addons_blog_list_post.type-1.dark-mode  .blog_heaed .post-like i, .advanced_addons_blog_list_post.type-1.dark-mode  .blog_heaed .post-comments-number i,.advanced_addons_blog_list_post.type-1.dark-mode  .blog_body a {
color: #df4c24;
}
.advanced_addons_blog_list_post.type-1.dark-mode .read_more_dots span {
background: #df4c24;
}
.advanced_addons_blog_list_post.type-1  
.blog_body p {
color: #c8c8c8;
}
.advanced_addons_blog_list_post.type-1.dark-mode .blog_heaed .post-date, .advanced_addons_blog_list_post.type-1.dark-mode  .blog_heaed .post-like, .advanced_addons_blog_list_post.type-1.dark-mode  .blog_heaed .post-comments-number {
color: #919191;
}
.advanced_addons_blog_list_post.type-1.dark-mode:hover .blog_heaed {
box-shadow: 0px 2px 3px rgba(0,0,0,.05);
background: rgba(0,0,0,.80);
}
.advanced_addons_blog_list_post.type-1.dark-mode:hover {
background: rgba(0,0,0,.90);
} .advanced_addons_blog_list_post.type-1.dark-mode.with-background {
padding: 96px 0 40px 60px;
}
.advanced_addons_blog_list_post.type-1.with-background .blog_content {
max-width: 60%;
flex: 0 0 60%;
}
.advanced_addons_blog_list_post.type-1.with-background {
flex-flow: row;
}
.advanced_addons_blog_list_post.type-1.dark-mode.with-background::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,10,.60);
}
.advanced_addons_blog_list_post.type-1.dark-mode.with-background .blog_content a {
position: relative;
z-index: 9;
margin-bottom: 15px;
}
.advanced_addons_blog_list_post.type-1.dark-mode.with-background .blog_content .blog_body {
position: relative;
z-index: 9;
}
.advanced_addons_blog_list_post.type-1.dark-mode.with-background .blog_heaed {
background: transparent;
position: relative;
margin-bottom: 0;
}
.advanced_addons_blog_list_post.type-1.dark-mode.with-background .blog_heaed::before {
content: "";
position: absolute;
left: -104px;
top: 2px;
height: 52px;
width: 245px;
background: rgba(255,255,255,.30);
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
}
.advanced_addons_blog_list_post.type-1.dark-mode.with-background .blog_heaed .post-date i, .advanced_addons_blog_list_post.type-1.dark-mode.with-background  .blog_heaed .post-like i, .advanced_addons_blog_list_post.type-1.dark-mode.with-background  .blog_heaed .post-comments-number i, .advanced_addons_blog_list_post.type-1.dark-mode.with-background  .blog_body a {
color: #ffec47;
position: relative;
z-index: 9;
}
.advanced_addons_blog_list_post.type-1.dark-mode.with-background .aa-media .aa-content-2 {
color: #ffec47;
}
.advanced_addons_blog_list_post.type-1.dark-mode.with-background  .read_more_dots span {
background: #ffec47;
}
.advanced_addons_blog_list_post.type-1.dark-mode.with-background .blog_heaed .post-date, .advanced_addons_blog_list_post.type-1.dark-mode.with-background  .blog_heaed .post-like, .advanced_addons_blog_list_post.type-1.dark-mode.with-background  .blog_heaed .post-comments-number {
color: #ffffff;
position: relative;
z-index: 9;
}
.advanced_addons_blog_list_post.type-1.dark-mode.with-background .blog_heaed
ul li {
margin-right: 25px;
}
.advanced_addons_blog_list_post.type-1.with-background   
.blog_body p {
color: #ffffff;
position: relative;
z-index: 9;
}
.advanced_addons_blog_list_post.type-1.dark-mode.with-background,
.advanced_addons_blog_list_post.type-1.dark-mode.with-background:hover {
background: transparent;
} @media (max-width:1200px) and (min-width:992px) {
.advanced_addons_blog_list_post.type-1 .blog_image {
flex: 0 0 40%;
}
.advanced_addons_blog_list_post.type-1 .blog_content {
flex: 0 0 60%;
}
}
@media (max-width:991px) and (min-width:768px) {
.advanced_addons_blog_list_post.type-1 .blog_image {
flex: 0 0 40%;
}
.advanced_addons_blog_list_post.type-1 .blog_content {
flex: 0 0 60%;
}
.advanced_addons_blog_list_post.type-1 .blog_content {
padding-left: 0px;
padding-right: 15px;
}
.advanced_addons_blog_list_post.type-1 .blog_title {
font-size: 24px;
line-height: 34px;
margin-bottom: 0;
}
}
@media (max-width:767px) {
.advanced_addons_blog_list_post.type-1 .blog_image {
margin-bottom: 20px;
}
.advanced_addons_blog_list_post.type-1 {
flex-flow: column-reverse;
}
.advanced_addons_blog_list_post.type-1 .blog_title {
font-size: 24px;
line-height: 32px;
margin-bottom: 0;
}
}
@media (max-width:575px) {
.advanced_addons_blog_list_post.type-1 .blog_heaed ul li {
flex: 0 0 50%;
margin: 5px 0;
}
.advanced_addons_blog_list_post.type-1 .blog_heaed ul {
flex-wrap: wrap;
}
.advanced_addons_blog_list_post.type-1 .blog_heaed {
padding: 10px;
border-radius: 0;
margin-top: 15px;
}
.advanced_addons_blog_list_post.type-1 .blog_content {
padding-left: 0;
padding-right: 0;
}
.advanced_addons_blog_list_post.type-1 .blog_title {
font-size: 16px;
line-height: 23px;
margin-bottom: 0;
}
.advanced_addons_blog_list_post.type-1  .aa-media {
justify-content: flex-start;
}
}