.blog-style1-area {
position: relative;
display: block;
background: #ffffff;
padding: 0px;
z-index: 9;
}
.blog-style1-area__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 202px;
background: var(--thm-primary);
z-index: -1;
}
.single-blog-style1 {
position: relative;
display: block;
margin-bottom: 60px;
}
.single-blog-style1 .img-holder {
position: relative;
display: block;
overflow: hidden;
background-color: var(--thm-bg);
}
.single-blog-style1 .img-holder::before {
position: absolute;
top: 0%;
left: 0%;
bottom: 0%;
right: 0%;
content: '';
background-color: rgba(var(--thm-base-rgb), .90);
transform: scale(0);
clip-path: polygon(0 0, 100% 0%, 0% 100%, 0 100%);
opacity: 1;
transition: all 500ms ease;
z-index: 10;
}
.base-theme .single-blog-style1 .img-holder::before {
position: static;
top: 0%;
left: 0%;
bottom: 0%;
right: 0%;
content: '';
background-color: unset;
transform: scale(0);
clip-path: polygon(0 0, 100% 0%, 0% 100%, 0 100%);
opacity: 1;
transition: all 500ms ease;
z-index: 10;
}
.single-blog-style1:hover .img-holder::before {
opacity: 1.0;
transform: scale(1.0);
}
.base-theme .single-blog-style1:hover .img-holder::before {
opacity: 1;
transform: scale(0);
}
.single-blog-style1 .img-holder .date-box {
position: absolute;
left: 40px;
bottom: 0;
padding: 5px 15px;
height: 30px;
background: var(--thm-base);
display: flex;
align-items: center;
justify-content: center;
z-index: 5;
}
.single-blog-style1 .img-holder .date-box p {
color: #ffffff;
font-size: 12px;
line-height: 30px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
margin: 0;
}
.single-blog-style1 .img-holder img {
transform: scale(1.0);
mix-blend-mode: luminosity;
transition: all 0.3s ease-in-out 0.1s opacity .2s ease-in;
}
.single-blog-style1:hover .img-holder img {
mix-blend-mode: normal;
transform: scale(1.1) rotate(1deg);
}
.base-theme .single-blog-style1:hover .img-holder img {
mix-blend-mode: normal;
transform: scale(1.1) rotate(1deg);
}
.single-blog-style1 .text-holder {
position: relative;
display: block;
background: #ffffff;
padding: 32px 40px 40px;
border: 1px solid #d9e3e4;
border-top: none;
transition: all 200ms linear;
transition-delay: 0.1s;
}
.single-blog-style1:hover .text-holder {
border: 1px solid transparent;
border-top: none;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.15);
}
.single-blog-style1 .text-holder .meta-info {
position: relative;
display: block;
margin-bottom: 8px;
}
.single-blog-style1 .text-holder .meta-info ul {
position: relative;
display: flex;
align-items: center;
padding-left: 0;
}
.single-blog-style1 .text-holder .meta-info ul li {
position: relative;
display: flex;
align-items: center;
padding-right: 17px;
margin-right: 15px;
line-height: 30px;
}
.single-blog-style1 .text-holder .meta-info ul li:before {
content: "";
position: absolute;
top: 8px;
right: 0;
bottom: 8px;
width: 1px;
background: var(--thm-gray);
transform: rotate(20deg);
}
.single-blog-style1 .text-holder .meta-info ul li:last-child:before {
display: none;
}
.single-blog-style1 .text-holder .meta-info ul li:last-child {
padding-right: 0;
margin-right: 0;
}
.single-blog-style1 .text-holder .meta-info ul li span:before {
position: relative;
display: inline-block;
padding-right: 5px;
color: var(--thm-base);
font-size: 16px;
}
.single-blog-style1 .text-holder .meta-info ul li a {
color: var(--thm-gray);
font-size: 14px;
font-weight: 500;
transition: all 200ms linear;
transition-delay: 0.1s;
}
.single-blog-style1 .text-holder .meta-info ul li a:hover {
color: var(--thm-base);
}
.single-blog-style1 .text-holder h3 {
font-size: 26px;
line-height: 30px;
font-weight: 700;
margin-bottom: 19px;
}
.single-blog-style1 .text-holder h3 a {
color: var(--thm-black);
}
.single-blog-style1 .text-holder h3 a:hover {
color: var(--thm-base);
}
.single-blog-style1 .text-holder .btn-box {
position: relative;
display: block;
}
.single-blog-style1 .text-holder .btn-box a {
position: relative;
display: inline-block;
padding-bottom: 6px;
color: var(--thm-gray);
font-size: 12px;
line-height: 20px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.single-blog-style1 .text-holder .btn-box a::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 20px;
height: 2px;
background: #818891;
}
.single-blog-style1 .text-holder .btn-box a:hover {
color: var(--thm-base);
} .blog-page-one {
position: relative;
display: block;
background: #ffffff;
padding: 120px 0 120px;
z-index: 10;
} .blog-page-two {
position: relative;
display: block;
background: #ffffff;
padding: 120px 0 120px;
z-index: 10;
} .blog-page-three {
position: relative;
display: block;
background: #ffffff;
padding: 120px 0 120px;
z-index: 10;
}
.blog-content-box {
position: relative;
display: block;
}
.single-blog-style1--in-style2 .text-holder {
padding: 32px 0px 0px;
border: 0px solid #d9e3e4;
}
.single-blog-style1--in-style2:hover .text-holder {
border: 0px solid transparent;
box-shadow: none;
}
.single-blog-style1--in-style2 .text-holder .meta-info {
margin-bottom: 10px;
}
.single-blog-style1--in-style2 .text-holder h3 {
color: var(--thm-black);
font-size: 30px;
line-height: 40px;
margin-bottom: 20px;
}
.base-theme .comment-box .single-comment-box .img-holder {
background: unset;
}
.base-theme .comment-box .single-comment-box .img-holder img {
width: 100%;
mix-blend-mode: unset;
} .thm-sidebar-box {
position: relative;
display: block;
max-width: 370px;
width: 100%;
}
.single-sidebar-box {
position: relative;
display: block;
padding: 50px 50px 50px;
background-color: var(--thm-primary);
margin-top: 30px;
}
.single-sidebar-box:first-child {
margin-top: 0;
}
.widget_search {
position: relative;
display: block;
background: var(--thm-base);
padding: 20px 30px;
}
.widget_search form.search-form {
position: relative;
display: block;
width: 100%;
}
.widget_search .search-form input[type="search"] {
position: relative;
display: block;
width: 100%;
height: 50px;
background-color: #ffffff;
border: 1px solid transparent;
color: #ffffff;
font-size: 16px;
font-weight: 400;
padding-left: 20px;
padding-right: 60px;
border-radius: 0px;
font-family: var(--thm-font);
transition: all 500ms ease 0s;
}
.widget_search .search-form button {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
width: 55px;
height: 50px;
color: #ffffff;
font-size: 16px;
line-height: 50px;
background: rgba(var(--thm-black-rgb), 1.0);
text-align: center;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border: 0px solid #e7e7e8;
transition: all 500ms ease 0s;
}
.widget_search .search-form button i {
position: relative;
top: 0px;
}
.widget_search .search-form input[type="search"]:focus {
color: var(--thm-base);
}
.widget_search .search-form input[type="search"]:focus+button,
.widget_search .search-form button:hover {
color: #fff;
}
.widget_search .search-form input::-webkit-input-placeholder {
color: var(--thm-base);
}
.widget_search .search-form input:-moz-placeholder {
color: var(--thm-base);
}
.widget_search .search-form input::-moz-placeholder {
color: var(--thm-base);
}
.widget_search .search-form input:-ms-input-placeholder {
color: var(--thm-base);
}
.sidebar-title {
position: relative;
display: block;
top: -4px;
padding-bottom: 22px;
}
.sidebar-title h3 {
position: relative;
color: var(--thm-black);
font-size: 20px;
line-height: 22px;
font-weight: 700;
text-transform: uppercase;
}
.sidebar-blog-post {
position: relative;
display: block;
}
.sidebar-blog-post ul {
position: relative;
display: block;
}
.sidebar-blog-post ul li {
position: relative;
display: block;
margin-bottom: 35px;
}
.sidebar-blog-post ul li:last-child {
margin-bottom: 0;
}
.sidebar-blog-post ul li .inner {
position: relative;
display: block;
padding-left: 70px;
}
.sidebar-blog-post ul li .img-box {
position: absolute;
top: 0;
left: 0;
width: 70px;
height: 70px;
overflow: hidden;
background-color: var(--thm-bg);
}
.sidebar-blog-post ul li .img-box img {
width: 100%;
mix-blend-mode: luminosity;
}
.sidebar-blog-post ul li .img-box .overlay-content {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(var(--thm-base-rgb), .80);
border-radius: 0%;
opacity: 0;
transform: perspective(0px) scale(0);
transform-origin: center;
transition: all 0.5s ease-in-out 0s;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
z-index: 2;
}
.sidebar-blog-post ul li:hover .img-box .overlay-content {
opacity: 1;
transform: perspective(400px) scale(1.0);
transition: all 0.3s ease-in-out 0.3s;
}
.sidebar-blog-post ul li .img-box .overlay-content a {
color: #ffffff;
font-size: 14px;
transition: all 200ms linear;
transition-delay: 0.1s;
}
.sidebar-blog-post ul li .title-box {
position: relative;
display: block;
padding-left: 20px;
min-height: 70px;
}
.sidebar-blog-post ul li .title-box .admin ,
.sidebar-blog-post ul li .title-box .admin a {
position: relative;
top: -1px;
color: var(--thm-gray);
font-size: 14px;
line-height: 14px;
font-weight: 500;
}
.sidebar-blog-post ul li .title-box .admin span:before {
position: relative;
display: inline-block;
color: var(--thm-base);
padding-right: 3px;
font-weight: 600;
top: 2px;
}
.sidebar-blog-post ul li .title-box h4 {
font-size: 16px;
line-height: 22px;
font-weight: 700;
margin: 9px 0 0;
}
.sidebar-blog-post ul li .title-box h4 a {
color: var(--thm-black);
transition: all 200ms linear;
transition-delay: 0.1s;
}
.sidebar-blog-post ul li .title-box h4 a:hover {
color: var(--thm-base);
}
.thm-sidebar-box .widget_categories ul {
display: block;
}
.thm-sidebar-box .widget_categories ul li {
position: relative;
display: block;
margin-bottom: 5px;
}
.thm-sidebar-box .widget_categories ul li:last-child {
margin-bottom: 0;
}
.thm-sidebar-box .widget_categories ul li a {
position: relative;
display: block;
color: var(--thm-gray);
font-size: 16px!important;
font-weight: 700;
line-height: 45px!important;
text-transform: capitalize;
font-family: var(--thm-font);
letter-spacing: 0.0em;
transition: all 500ms linear;
transition-delay: 0.1s;
z-index: 1;
}
.thm-sidebar-box .widget_categories ul li a:hover {
padding-left: 0px;
}
.thm-sidebar-box .widget_categories ul li a:after {
content: "";
position: absolute;
top: 0;
left: -25px;
bottom: 0;
right: -25px;
border-radius: 0px;
background: #ffffff;
transform: perspective(400px) scaleX(0);
transform-origin: right;
transition: all 600ms ease 100ms;
z-index: -1;
}
.base-theme .thm-sidebar-box .widget_categories ul li a:after {
content: "";
position: absolute;
top: 0;
left: -25px;
bottom: 0;
right: -25px;
border-radius: 0px;
background: transparent!important;
transform: perspective(400px) scaleX(0);
transform-origin: right;
transition: all 600ms ease 100ms;
z-index: -1;
}
.thm-sidebar-box .widget_categories ul li a:hover:after {
transform: perspective(400px) scaleX(1.0);
}
.thm-sidebar-box .widget_categories ul li:hover a {
color: var(--thm-base);
padding-left: 5px;
}
.thm-sidebar-box .widget_categories ul li a:before {
font-family: 'icomoon' !important;
content: "\e91b";
position: absolute;
top: 0;
right: 0;
bottom: 0;
font-size: 16px;
font-weight: 400;
transition: all 200ms linear;
transition-delay: 0.1s;
transform: rotate(-90deg);
}
.thm-sidebar-box .widget_categories ul li:hover a:before {
color: var(--thm-base);
right: 5px;
}
.popular-tag-box {
position: relative;
display: block;
}
.single-sidebar-box .tagcloud {
position: relative;
display: block;
overflow: hidden;
margin-left: -5px;
margin-right: -5px;
}
.single-sidebar-box .tagcloud a {
position: relative;
display: block;
float: left;
margin: 0 5px 10px;
}
.single-sidebar-box .tagcloud  a {
position: relative;
display: block;
padding: 9px 20px 9px;
background: #ffffff;
color: var(--thm-black);
font-size: 12px!important;
line-height: 22px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
transition: all 500ms ease;
font-family: var(--thm-font);
}
.single-sidebar-box .tagcloud a:hover {
color: #ffffff;
background-color: var(--thm-base);
} .blog-details-page {
position: relative;
display: block;
background: #ffffff;
padding: 120px 0 120px;
z-index: 10;
}
.blog-details-content {
position: relative;
display: block;
}
.blog-details-content .single-blog-style1 {
margin: 0;
}
.tag-social-share-box {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-content: center;
flex-wrap: wrap;
padding-top: 40px;
padding-bottom: 40px;
border-top: 1px solid #d9e3e4;
margin-top: 50px;
}
.tag-box {
position: relative;
display: flex;
align-items: center;
}
.tag-box .title {
width: 65px;
}
.tag-box .title h3 {
color: var(--thm-black);
font-size: 20px;
line-height: 24px;
font-weight: 700;
}
.tag-box .tag-list {
position: relative;
display: block;
}
.tag-box .tag-list li {
position: relative;
display: inline-block;
float: left;
margin-right: 10px;
}
.tag-box .tag-list li:last-child {
margin-right: 0;
}
.tag-box .tag-list li a {
position: relative;
display: inline-block;
padding: 0px 20px 0px;
background: var(--thm-base);
color: #fff;
font-size: 12px;
line-height: 45px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
font-family: var(--thm-font);
transition: all 200ms linear;
transition-delay: 0.1s;
margin-right: 5px;
}
.base-theme .blog-details-content .tag-list {
padding-left: 0;
}
.base-theme .blog-details-content .add-comment-box p {
margin-bottom: 0px;
line-height: 24px;
font-size: 16px;
}
.tag-social-share-box .post-social-share {
position: relative;
display: block;
}
.post-social-share-links {
position: relative;
display: block;
}
.post-social-share-links ul {
position: relative;
display: block;
}
.post-social-share-links ul li {
position: relative;
display: inline-block;
float: left;
margin-right: 10px;
}
.post-social-share-links ul li:last-child {
margin-right: 0;
}
.post-social-share-links ul li a {
position: relative;
display: block;
width: 45px;
height: 45px;
background: var(--thm-primary);
color: var(--thm-black);
font-size: 14px;
line-height: 45px;
text-align: center;
transition: all 500ms ease;
z-index: 1;
}
.post-social-share-links ul li a:before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: var(--thm-base);
content: "";
transform: scale(0.0);
transform-origin: center;
transform-style: preserve-3d;
transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
z-index: -1;
}
.post-social-share-links ul li a:hover:before {
transform: scaleX(1.0);
}
.post-social-share-links ul li a:hover {
color: #ffffff;
}
.blog-details-author {
position: relative;
display: block;
background-color: var(--thm-primary);
padding: 60px 60px 60px;
}
.blog-details-author .inner-box {
position: relative;
display: block;
}
.blog-details-author .inner-box .img-box {
width: 170px;
}
.blog-details-author .inner-box .img-box img {
width: 100%;
mix-blend-mode: luminosity;
}
.blog-details-author .inner-box .img-box,
.blog-details-author .inner-box .text {
display: table-cell;
vertical-align: middle;
}
.blog-details-author .inner-box .text {
position: relative;
padding-left: 40px;
}
.blog-details-author .inner-box .text h3 {
color: var(--thm-black);
font-size: 22px;
line-height: 30px;
font-weight: 700;
margin-bottom: 24px;
}
.blog-details-author .inner-box .text p {
margin: 0;
} .comment-box {
position: relative;
display: block;
overflow: hidden;
padding-top: 36px;
}
.comment-box .inner-title {
position: relative;
display: block;
padding-bottom: 24px;
}
.comment-box .inner-title h2 {
color: var(--thm-black);
font-size: 30px;
line-height: 30px;
font-weight: 700;
}
.comment-box .outer-box {
position: relative;
display: block;
} .comment-box .single-comment-box {
position: relative;
display: block;
padding-left: 140px;
min-height: 140px;
}
.comment-box .single-comment-box .img-holder {
position: absolute;
top: 11px;
left: 0;
width: 140px;
height: 140px;
overflow: hidden;
background-color: var(--thm-bg);
}
.comment-box .single-comment-box .img-holder img {
width: 100%;
mix-blend-mode: luminosity;
}
.comment-box .single-comment-box .text-holder {
position: relative;
display: block;
padding-left: 40px;
min-height: 140px;
}
.comment-box .single-comment-box .text-holder .top {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.comment-box .single-comment-box .text-holder .top .name {
position: relative;
display: block;
}
.comment-box .single-comment-box .text-holder .top .name h3 {
color: var(--thm-black);
font-size: 20px;
line-height: 24px;
font-weight: 700;
}
.comment-box .single-comment-box .text-holder .top .name h3 span{
color: var(--thm-black);
font-size: 20px;
line-height: 24px;
font-weight: 700;
padding-left: 15px;
}
.comment-box .single-comment-box .text-holder .top .name h3 a{
color: var(--thm-black);
font-size: 20px;
line-height: 24px;
font-weight: 700;
}
.comment-box .single-comment-box .text-holder .top .reply {
position: relative;
display: block;
top: 11px;
}
.comment-box .single-comment-box .text-holder .top .reply a {
position: relative;
display: inline-block;
background: var(--thm-base);
padding: 10px 20px 10px;
color: #ffffff;
font-size: 14px;
line-height: 20px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
font-family: var(--thm-font);
transition: all 200ms linear;
transition-delay: 0.1s;
}
.comment-box .single-comment-box .text-holder .top .reply a:hover {
color: #ffffff;
background-color: var(--thm-black);
}
.comment-box .single-comment-box .text-holder .text {
position: relative;
display: block;
padding-top: 15px;
}
.comment-box .single-comment-box .text-holder .text p {
margin: 0;
}
.add-comment-box {
position: relative;
display: block;
margin-top: 76px;
}
.add-comment-box .inner-title {
position: relative;
display: block;
padding-bottom: 35px;
}
.add-comment-box .inner-title h2 {
color: var(--thm-black);
font-size: 30px;
line-height: 30px;
font-weight: 700;
}
.add-comment-box #commentform {
position: relative;
display: block;
}
.add-comment-box #commentform .input-box {
position: relative;
display: block;
margin-bottom: 20px;
}
.add-comment-box #commentform input[type="text"],
.add-comment-box #commentform input[type="email"],
.add-comment-box #commentform textarea {
position: relative;
display: block;
background-color: var(--thm-primary);
border: 0px solid #edf3f2;
width: 100%;
height: 70px;
color: var(--thm-gray);
font-size: 14px;
font-style: normal;
font-weight: 500;
text-transform: none;
padding: 0 30px;
transition: all 500ms ease;
font-family: var(--thm-font);
}
.add-comment-box #commentform textarea {
height: 150px;
padding: 15px 30px;
}
.add-comment-box #commentform input[type="text"]:focus {
border-color: var(--thm-base);
}
.add-comment-box #commentform input[type="email"]:focus {
border-color: var(--thm-base);
}
.add-comment-box #commentform textarea:focus {
border-color: var(--thm-base);
}
.add-comment-box #commentform .button-box {
position: relative;
display: block;
padding-top: 10px;
line-height: 0;
}
.add-comment-box #commentform .button-box button {
padding-left: 50px;
padding-right: 50px;
letter-spacing: 0.1em;
} 
.blog-details-content .add-comment-box textarea {
resize: none;
}
.blog-details-page .widget_search {
padding: 20px 30px;
}
.blog-page-three .no-results .search-form input[type="search"] {
position: relative;
display: block;
width: 100%;
height: 50px;
background-color: #ffffff;
border: 1px solid gray;
font-size: 16px;
font-weight: 400;
padding-left: 20px;
padding-right: 60px;
border-radius: 0px;
font-family: var(--thm-font);
transition: all 500ms ease 0s;
}
.blog-page-three .no-results .search-form button {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
width: 55px;
height: 50px;
color: #ffffff;
font-size: 16px;
line-height: 50px;
background: rgba(var(--thm-black-rgb), 1.0);
text-align: center;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border: 0px solid #e7e7e8;
transition: all 500ms ease 0s;
}
.blog-page-three .no-results .search-form input[type="search"]:focus {
color: var(--thm-base);
}
.blog-page-three .single-sidebar-box.widget_categories ul {
padding-left: 0!important;
}
.single-sidebar-box.widget_categories ul li {
margin-bottom: 5px!important;
}
.single-sidebar-box.widget_categories ul li {
display: block!important;
}
.base-theme .single-sidebar-box.widget_categories ul li {
display: flex!important;
}
.base-theme .single-blog-style1--in-style2 .text-holder {
overflow: hidden;
}
.base-theme .blog-details-content .text-holder h1,
.base-theme .blog-details-content .text-holder h2,
.base-theme .blog-details-content .text-holder h3,
.base-theme .blog-details-content .text-holder h4,
.base-theme .blog-details-content .text-holder h5,
.base-theme .blog-details-content .text-holder h6 {
color:#191825;
margin-bottom: 10px;
}
.base-theme .single-blog-style1--in-style2 .text-holder.img-none{
padding-top: 0px;
}
.base-theme .single-blog-style1 .img-holder {
background-color: unset;
}