File size: 25.43Kb
/* Defautl CSS for Blog */
/* ==============================================================
# Blog
=================================================================== */
button.btn {
display: inline-block;
font-weight: 800;
text-transform: capitalize;
transition: all 0.35s ease-in-out;
overflow: hidden;
border-radius: 5px;
border: 2px solid transparent;
-webkit-box-shadow: inherit;
box-shadow: inherit;
letter-spacing: 0.5px;
background: #e7edf8;
position: relative;
z-index: 1;
padding: 17px 50px !important;
background: var(--color-primary);
color: #ffffff;
}
button.btn::after {
position: absolute;
top: inherit;
right: inherit;
bottom: inherit;
left: -5%;
content: "";
height: 150px;
width: 115%;
z-index: -1;
background: #040836;
transition: all 0.25s ease-in-out;
transform: translateY(-45%) skew(25deg) scale(0);
}
button.btn:hover {
color: #ffffff;
}
button.btn:hover::after {
-webkit-transform: translateY(-45%) skew(25deg) scale(1.2);
transform: translateY(-45%) skew(25deg) scale(1.2);
}
.blog-area {
background-size: 30%, contain;
background-repeat: no-repeat;
background-position: top right;
}
.blog-area .thumb {
position: relative;
}
.blog-area .thumb .tags {
position: absolute;
left: 30px;
bottom: -15px;
}
.blog-area .tags a {
display: inline-block;
background: var(--bg-gradient);
color: var(--white);
font-size: 14px;
text-transform: capitalize;
padding: 1px 20px;
border-radius: 5px;
font-weight: 500;
}
.blog-area .meta li {
display: inline-block;
margin-right: 15px;
text-transform: capitalize;
}
.blog-area .meta {
margin-bottom: 15px;
}
.blog-area .meta li a {
font-weight: 500;
}
.blog-area .meta li a:hover {
color: var(--color-primary);
}
.blog-area.blog-grid .thumb-less .meta li a:hover {
color: var(--white);
opacity: 0.9;
}
.blog-area .meta li i {
font-weight: 100;
margin-right: 3px;
}
.blog-area .item h4 {
font-weight: 800;
font-size: 24px;
line-height: 1.3;
}
.blog-area.blog-grid p {
margin: 0;
}
.blog-area .item {
box-shadow: 1px 4px 20px -2px rgb(0 0 0 / 10%);
overflow: hidden;
background: var(--white);
}
.blog-area .item .info {
border-radius: 0 0 10px 10px;
padding: 30px;
}
.blog-area .author-meta {
display: flex;
align-items: center;
border-top: 1px solid #e7e7e7;
padding-top: 20px;
margin-top: 20px;
}
.blog-area .author-meta img {
height: 55px;
width: 55px;
min-width: 55px;
border-radius: 50%;
margin-right: 15px;
border: 2px solid #e7e7e7;
padding: 3px;
}
.blog-area.blog-grid .thumb-less .author-meta img {
border-color: rgba(255, 255, 255, 0.3);
}
.blog-area .author-meta h5 {
margin-bottom: 2px;
}
.blog-area.blog-grid .thumb-less .item {
box-shadow: none;
border: 1px solid #e7e7e7;
position: relative;
z-index: 1;
background-size: cover;
background-position: center;
transition: all 0.35s ease-in-out;
border-radius: inherit;
}
.blog-area.blog-grid .thumb-less .item:hover {
background-position: right;
}
.blog-area.blog-grid .thumb-less .item .tags {
margin-bottom: 20px;
}
.blog-area.blog-grid .thumb-less .btn-simple {
margin-top: 20px;
}
.blog-area.blog-grid .thumb-less .btn-simple:hover {
color: var(--white);
}
.blog-area.blog-grid .thumb-less .button {
border-top: 1px solid rgba(255, 255, 255, 0.4);
margin-top: 25px;
}
.blog-area.blog-grid .thumb-less .item::after {
position: absolute;
left: 0;
top: 0;
content: "";
height: 100%;
width: 100%;
background: #000000;
z-index: -1;
opacity: 0.6;
}
.blog-area.blog-grid .thumb-less .item p {
opacity: 0.9;
transition: all 0.325s ease-in-out;
transform: translateX(30px);
opacity: 0;
visibility: hidden;
}
.blog-area.blog-grid .thumb-less .item:hover p {
visibility: visible;
opacity: 0.9;
transform: translateX(0);
}
.blog-area.blog-grid .thumb-less .author-meta {
border-color: rgba(255, 255, 255, 0.4);
padding-top: 22px;
}
/* ==============================================================
# Blog Styles
=================================================================== */
.blog-area .single-item {
margin-bottom: 30px;
}
.blog-area.full-blog .pagination {
margin-top: 50px;
}
.blog-area h1,
.blog-area h2,
.blog-area h3,
.blog-area h5,
.blog-area h6 {
font-weight: 800;
}
/* Pagination */
.pagination {
display: block;
margin-top: 30px;
}
.pagination li {
display: inline-block;
margin-top: 7px;
}
.pagination li a {
display: inline-block;
padding: 15px 20px;
border-radius: 5px;
margin: 0 2px;
color: var(--color-heading);
font-weight: 800;
line-height: 19px;
box-shadow: inherit;
}
.pagination li a:hover {
color: var(--color-primary);
}
.pagination li.page-item.active a {
background: var(--color-primary);
border-color: var(--color-primary);
}
.pagination i {
position: relative;
top: 1px;
}
/* Sidebar */
.sidebar .title {
display: block;
font-weight: 800;
margin-bottom: 30px;
margin-top: -5px;
position: relative;
text-transform: capitalize;
z-index: 1;
display: inline-block;
padding-bottom: 15px;
}
.sidebar .title h4 {
font-size: 22px;
margin: 0;
}
.sidebar .title h3 {
margin: 0;
}
.sidebar .title h2 {
margin: 0;
}
.sidebar .title::after {
position: absolute;
left: 0;
bottom: 0;
content: "";
height: 2px;
width: 50px;
border-bottom: 2px solid var(--color-primary);
}
.sidebar input[type="text"] {
border: 1px solid #a7c6ff;
-webkit-box-shadow: inherit;
box-shadow: inherit;
min-height: 60px;
border-radius: 5px;
padding: 20px;
}
.sidebar button[type="submit"] {
background: var(--color-primary);
border: none;
color: var(--white);
font-weight: 800;
letter-spacing: 1px;
min-height: 55px;
width: 55px;
position: absolute;
right: 5px;
text-transform: uppercase;
top: 5px;
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
border-radius: inherit;
font-size: 18px;
border-radius: 8px;
}
.sidebar button[type="submit"] i {
font-weight: 500;
}
.sidebar button[type="submit"]:hover {
background: var(--dark);
}
.sidebar form {
position: relative;
}
.sidebar .sidebar-item {
float: left;
margin-bottom: 50px;
width: 100%;
background: #f1f4f8;
padding: 40px;
}
.sidebar .sidebar-item:last-child {
margin-bottom: 0;
}
.sidebar .sidebar-item.category li {
display: block;
position: relative;
margin-top: 13px;
}
.sidebar .sidebar-item.category li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-transform: capitalize;
font-weight: 600;
color: var(--color-paragraph);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.sidebar .sidebar-item.category li a:hover {
color: var(--color-primary);
}
.sidebar .sidebar-item.category li a span {
font-size: 13px;
margin-left: 5px;
background: var(--white);
min-width: 40px;
padding: 3px;
text-align: center;
color: var(--color-heading);
border-radius: 30px;
}
.sidebar .sidebar-item.category li:first-child {
margin-top: 0;
padding-top: 0;
}
.sidebar .sidebar-item.category li:first-child a span {
top: 0;
}
.sidebar .sidebar-item.category li:first-child a::after {
top: 0;
}
.sidebar .sidebar-item.category li:last-child {
border: none;
margin-bottom: 0;
padding-bottom: 0;
}
.sidebar .sidebar-item.category .sidebar-info {
margin-top: -5px;
}
.sidebar .sidebar-item.archives ul li {
display: block;
margin-bottom: 20px;
position: relative;
}
.sidebar .sidebar-item.archives ul li:last-child {
margin-bottom: 0;
}
.sidebar .sidebar-item.archives ul li a {
display: inline-block;
font-weight: 500;
text-transform: capitalize;
z-index: 1;
padding-left: 25px;
color: var(--color-paragraph);
}
.sidebar .sidebar-item.archives ul li a::after {
border-radius: 50%;
content: "\f07b";
font-family: "Font Awesome 5 Pro";
height: 8px;
left: 0;
position: absolute;
width: 8px;
font-weight: 300;
}
.sidebar .sidebar-item.archives ul li a:hover {
color: var(--color-primary);
}
.sidebar .sidebar-item.archives .sidebar-info {
margin-top: -5px;
}
.sidebar .sidebar-item.recent-post li {
color: #cdd0d3;
margin-bottom: 30px;
}
.sidebar .sidebar-item.recent-post li a {
color: var(--color-heading);
display: block;
font-weight: 700;
}
.sidebar .sidebar-item.recent-post li a:last-child {
display: inline-block;
}
.sidebar .sidebar-item.recent-post li a:hover {
color: var(--color-primary);
}
.sidebar .sidebar-item.recent-post li a span {
display: inline-block;
color: var(--dark);
}
.sidebar .sidebar-item.recent-post li span {
display: inline-block;
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 3px;
}
.sidebar .sidebar-item.recent-post li:last-child {
border: medium none;
margin: 0;
padding: 0;
}
.sidebar .sidebar-item.recent-post li .thumb {
display: table-cell;
padding: 0;
padding-top: 5px;
vertical-align: top;
width: 100px;
background: transparent;
padding-right: 23px;
}
.sidebar .sidebar-item.recent-post li .thumb img {
width: 100%;
border-radius: inherit;
}
.sidebar .sidebar-item.recent-post li .info {
-webkit-box-shadow: inherit;
box-shadow: inherit;
color: #837f7e;
display: table-cell;
line-height: 26px;
padding: 0;
vertical-align: top;
padding-top: 0 !important;
}
.sidebar .sidebar-item.recent-post li .info a {
text-decoration: inherit;
font-weight: 700;
font-size: 17px;
margin-top: 0;
}
.sidebar .sidebar-item.recent-post .meta-title {
font-weight: 700;
text-transform: capitalize;
font-size: 13px;
}
.sidebar .sidebar-item.recent-post .meta-title a {
color: #888888;
}
.sidebar .sidebar-item.recent-post .meta-title i {
margin-right: 3px;
font-weight: 800;
}
.sidebar .sidebar-item.gallery ul {
margin: -7px;
overflow: hidden;
}
.sidebar .sidebar-item.gallery ul li {
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 7px;
width: 33.333%;
}
.sidebar .sidebar-item.gallery ul li img {
min-height: 70px;
width: 100%;
}
.sidebar .sidebar-item.social-sidebar ul {
margin-bottom: -10px;
overflow: hidden;
}
.sidebar .sidebar-item.social-sidebar ul li {
display: inline-block;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.sidebar .sidebar-item.social-sidebar ul li a {
background: var(--dark);
border: none;
color: var(--white);
display: inline-block;
height: 45px;
line-height: 45px;
margin-bottom: 5px;
text-align: center;
width: 45px;
font-size: 14px;
border-radius: 50%;
}
.sidebar .sidebar-item.social-sidebar ul li a:hover {
color: var(--white) !important;
}
.sidebar .sidebar-item.social-sidebar ul li.facebook a {
background: #3B5998;
}
.sidebar .sidebar-item.social-sidebar ul li.twitter a {
background: #1DA1F2;
}
.sidebar .sidebar-item.social-sidebar ul li.pinterest a {
background: #E60023;
}
.sidebar .sidebar-item.social-sidebar ul li.g-plus a {
background: #DB4437;
}
.sidebar .sidebar-item.social-sidebar ul li.linkedin a {
background: #0077B5;
}
.sidebar .sidebar-item.tags ul {
margin-top: -8px;
}
.sidebar .sidebar-item.tags ul li {
display: inline-block;
}
.sidebar .sidebar-item.tags ul li a {
display: inline-block;
font-weight: 600;
margin-top: 8px;
margin-right: 5px;
padding: 6px 22px;
text-transform: capitalize;
font-size: 13px;
border-radius: 30px;
color: var(--color-paragraph);
background: var(--white);
}
.sidebar .sidebar-item.tags ul li a:hover {
color: var(--color-primary);
}
/* Blog Single */
.blog-area.single .item .blog-item-box span {
background-color: var(--color-primary);
color: var(--white);
display: inline-block;
font-weight: 700;
letter-spacing: 1px;
padding: 3px 20px;
text-transform: uppercase;
}
.blog-area.single .item .blog-item-box h2 {
font-weight: 800;
}
.blog-area.single .item .blog-item-box h3 {
font-weight: 800;
}
.blog-area.single .item .blog-item-box h4 {
font-weight: 800;
}
.blog-area.single .item .blog-item-box .cats {
float: left;
margin-right: 5px;
}
.blog-area.single .item .blog-item-box .meta {
overflow: hidden;
width: 100%;
border: none;
padding: 0;
}
.blog-area.single .item .blog-item-box .meta .date {
float: right;
letter-spacing: 1px;
text-transform: uppercase;
}
.blog-area.single .item .blog-item-box .meta li {
margin-right: 25px;
font-weight: 500;
}
.blog-area.single .item .blog-item-box .meta li a {
font-weight: 500;
}
.blog-area.single .item .blog-item-box .meta li i {
color: var(--color-primary);
font-weight: 100;
font-size: 15px;
position: relative;
font-weight: 3;
}
.blog-area.single .info > ul {
margin-bottom: 25px;
margin-top: 25px;
list-style: disc;
padding-left: 20px;
}
.blog-area.single .info > ul li {
list-style: disc;
}
.blog-area blockquote {
position: relative;
z-index: 1;
border: none;
font-size: 22px;
margin-top: 30px;
margin-bottom: 30px;
color: #c3d2ff;
font-weight: 500;
background: var(--dark);
padding: 80px 50px;
font-style: italic;
line-height: 1.7;
}
.blog-area blockquote::after {
position: absolute;
right: 50px;
content: "\f10d";
font-family: "Font Awesome 5 Pro";
color: var(--white);
bottom: -25px;
font-weight: 100;
opacity: 0.1;
font-size: 120px;
font-style: normal;
line-height: 1;
}
.blog-area blockquote cite {
display: block;
margin-top: 15px;
color: #999999;
font-weight: 800;
font-style: normal;
}
.blog-area blockquote p {
margin: 0;
position: relative;
z-index: 1;
line-height: 34px;
font-size: 16px;
font-style: italic;
font-weight: 800;
color: #c3d2ff;
}
.responsive-video {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px;
height: 0;
}
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Unit Common */
.single h1,
.single h2,
.single h3,
.single h4,
.single h5,
.single h6 {
font-weight: 800;
}
.blog-area.full-blog .thumb {
background: #f7f7f7;
margin: 0;
}
.blog-area.full-blog .item {
box-shadow: inherit;
margin-bottom: 30px;
overflow: inherit;
}
.blog-area.full-blog .thumb img {
border-radius: inherit;
margin: 0;
}
.blog-area.full-blog .info {
box-shadow: 3px 4px 20px -2px rgb(0 0 0 / 10%);
border-radius: inherit;
overflow: hidden;
padding: 50px;
}
.blog-area .info .tags {
margin-bottom: 25px;
overflow: hidden;
}
.blog-area .info .tags a {
float: left;
margin-right: 5px;
margin-bottom: 5px;
box-shadow: inherit;
background: #e8e8e8;
color: var(--color-heading);
}
.blog-area .info .tags a:hover {
color: var(--white);
background: var(--color-primary);
}
.blog-area .meta li i {
color: var(--color-primary);
position: relative;
}
.blog-area.full-blog.single .info {
padding: 0 !important;
box-shadow: inherit;
margin-top: 40px;
}
.post-author {
display: flex;
}
.post-author img {
height: 150px;
width: 150px;
min-width: 150px;
border-radius: 50% !important;
margin-right: 30px !important;
}
.post-author {
border: 2px solid #e7e7e7;
padding: 37px;
margin-top: 50px;
}
.post-author .thumb {
overflow: inherit !important;
background: transparent !important;
border-radius: 50% !important;
}
.post-author p {
margin: 0;
}
.post-tags.share {
display: flex;
margin-top: 50px;
float: left;
width: 100%;
}
.post-tags.share .tags {
flex-grow: 1;
}
.post-tags.share .social {
min-width: 250px;
text-align: right;
}
.post-tags.share .social ul {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
}
.post-tags.share .social h4 {
display: inline-block;
margin: 0;
margin-right: 5px;
}
.post-tags.share .social ul li {
display: inline-block;
margin-left: 5px;
}
.post-tags.share .social ul li a {
display: inline-block;
height: 38px;
width: 38px;
line-height: 40px;
background: var(--color-primary);
text-align: center;
color: #ffffff;
font-size: 14px;
border-radius: 50%;
}
.post-tags.share .social ul li a:hover {
background: var(--dark);
}
.post-tags.share .tags h4 {
display: inline-block;
margin-right: 10px;
}
.post-tags.share .tags a {
display: inline-block;
background: #f4f4f4;
padding: 7px 23px;
margin-right: 5px;
margin-top: 5px;
font-size: 14px;
font-weight: 500;
border-radius: 5px;
color: var(--color-heading);
}
.post-tags.share .tags a:hover {
background: var(--color-primary);
color: #ffffff;
}
.post-pagi-area {
margin-top: 50px;
display: flex;
float: left;
width: 100%;
}
.post-pagi-area > div {
width: 50%;
margin-right: 15px;
}
.post-pagi-area a {
font-weight: 500;
text-transform: capitalize;
color: #666666;
display: flex;
align-content: center;
}
.post-pagi-area a i {
display: inline-block;
font-weight: 800;
position: relative;
top: 1px;
}
.post-pagi-area a:hover i {
color: #666666;
}
.post-pagi-area a:hover h5 {
color: var(--color-primary);
}
.post-pagi-area > div:nth-child(2) {
text-align: right;
margin-right: 0;
margin-left: 15px;
}
.post-pagi-area h5,
.breadcrumb-area h2 {
word-break: break-word;
}
.post-pagi-area h5 {
text-transform: none;
margin: 0;
font-weight: 900;
font-size: 20px;
line-height: 28px;
transition: all 0.35s ease-in-out;
color: #232323;
}
.post-pagi-area a .icon {
display: inline-block;
width: 60px;
border: 1px solid #e7e7e7;
text-align: center;
margin-right: 15px;
position: relative;
min-width: 60px;
height: 60px;
}
.post-pagi-area .post-next {
text-align: right;
}
.post-pagi-area .post-next .icon {
margin-left: 15px;
}
.post-pagi-area a .icon i {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-weight: 500;
font-size: 20px;
}
.post-pagi-area .nav-title {
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.6px;
}
.post-pagi-area > div:nth-child(2) a {
justify-content: right;
}
.post-pagi-area > div:nth-child(2) a .icon {
margin-right: 0;
margin-left: 15px;
}
/* Comments */
.blog-comments {
float: left;
width: 100%;
margin-top: 50px;
padding-top: 45px;
border-top: 1px solid #e7e7e7;
}
.comments-area .comment-item {
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 37px;
-webkit-box-shadow: 0px 2px 12px 0px #e7e7e7;
box-shadow: 0 0 25px rgb(0 0 0 / 8%);
background: var(--white);
position: relative;
border-radius: 8px;
}
.comments-area .comment-item .comments-info p {
display: block;
margin: 0;
}
.comments-area .comment-item .comments-info a {
border: 1px solid #e7e7e7;
color: var(--dark);
display: inline-block;
font-size: 12px;
margin-top: 5px;
padding: 1px 20px;
background: var(--white);
text-transform: uppercase;
font-weight: 700;
border-radius: 30px;
}
.comments-area .comment-item .comments-info a:hover {
color: var(--color-primary);
}
.comments-area .comment-item .comments-info a i {
margin-right: 10px;
}
.comments-area .comment-item .avatar {
height: 120px;
width: 120px;
min-width: 120px;
}
.comments-area .comment-item .avatar img {
height: 90px;
width: 90px;
border-radius: 50%;
}
@media only screen and (max-width: 500px) {
.comments-area .comment-item .avatar {
margin: auto;
}
}
.comments-area .comment-item:last-child {
margin-bottom: 0;
}
.comments-area .comment-item.reply {
margin-left: 80px;
}
@media only screen and (max-width: 767px) {
.comments-area .comment-item.reply {
margin-left: 0;
}
}
.comments-area .comment-item .content .title {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
font-weight: 800;
}
.comments-area .comment-item .content .title span {
font-weight: 500;
color: #999999;
display: block;
margin-top: 0;
}
.comments-area .comment-item .content .title span i {
font-weight: 800;
margin-right: 5px;
}
.comments-area .comment-item .content .title span i.fa-reply {
font-weight: 700;
margin-right: 3px;
}
.comments-area .comment-item .content .title span a {
margin-left: 10px;
}
.comments-area .comment-item .content .title h5 {
margin-bottom: 5px;
}
.comments-area .comment-item .content h2 {
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.comments-area .comment-item .content h3 {
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.comments-area .comment-item .content h4 {
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.comments-area .comment-item .content .reply {
position: absolute;
top: 37px;
right: 37px;
}
.comments-area .comment-item .content .reply a {
font-size: 14px;
background: var(--dark);
color: var(--white);
display: inline-block;
padding: 8px;
font-weight: 500;
border-radius: 5px;
}
.comments-area .comment-item .content .reply a:hover {
background: var(--color-primary);
}
.comments-area .comment-item .content .reply i {
font-size: 12px;
}
@media only screen and (max-width: 500px) {
.comments-area .comment-item .content .reply {
top: auto;
right: auto;
bottom: 37px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.comments-area .comment-item .content .title span a {
margin: 0;
}
}
.comments-area .comment-item .content p:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 500px) {
.comments-area .comment-item {
display: block;
text-align: center;
padding-bottom: 90px;
}
}
.comments-area .contact-comments .submit {
margin-bottom: 0;
}
.comments-area .contact-comments .comments {
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.comments-area .contact-comments .comments {
margin-top: 0;
}
}
@media only screen and (max-width: 767px) {
.comments-area .contact-comments .form-group {
margin-bottom: 15px;
}
}
.comments-area .comments-form {
margin-top: 50px;
}
.comments-area .comments-form input {
-webkit-box-shadow: inherit;
box-shadow: inherit;
padding: 15px;
background: transparent;
min-height: 60px;
border: 1px solid #e7e7e7;
}
.comments-area .comments-form textarea {
-webkit-box-shadow: inherit;
box-shadow: inherit;
padding: 15px;
background: transparent;
min-height: 60px;
border: 1px solid #e7e7e7;
min-height: 180px;
padding: 15px;
}
.comments-area .comments-form button {
margin-top: 15px;
}
.comments-area .comments-form .form-group .submit {
margin-bottom: 0;
}
.comments-area .comments-list {
margin-bottom: 50px;
}
.comments-area .comments-title h2 {
font-weight: 800;
margin-bottom: 30px;
text-transform: capitalize;
}
.comments-area .comments-title h3 {
font-weight: 800;
margin-bottom: 30px;
text-transform: capitalize;
}
.comments-area .comments-title h4 {
font-weight: 800;
margin-bottom: 30px;
text-transform: capitalize;
}
/* Tablet Layout: 768px.*/
@media (max-width: 767px) {
.blog-area.full-blog .pagination {
margin-top: 20px;
}
.blog-area h2 {
font-size: 30px;
}
.post-author {
display: block;
text-align: center;
margin-top: 0;
}
.post-author img {
margin: 0 !important;
margin-bottom: 30px !important;
}
.post-tags.share {
display: block;
}
.post-tags.share .social {
text-align: left;
margin-top: 15px;
}
.post-pagi-area h5 {
display: none;
}
.post-pagi-area a .icon {
height: inherit;
width: inherit;
border: none;
line-height: inherit;
min-width: inherit;
margin-right: 5px;
}
.post-pagi-area a .icon i {
position: inherit;
transform: inherit;
top: 2px;
left: inherit;
right: inherit;
}
.post-pagi-area > div:nth-child(2) a .icon {
margin-left: 5px;
}
.post-pagi-area a {
padding: 15px;
background: var(--bg-gray);
text-align: center;
justify-content: center;
padding-bottom: 13px;
border-radius: 5px;
}
.post-pagi-area .nav-title {
font-weight: 800;
color: var(--color-heading);
}
.post-pagi-area > div:nth-child(2) a {
justify-content: center;
}
}
@media (max-width: 450px) {
.post-pagi-area > div {
width: 100%;
}
.post-pagi-area {
display: block;
}
.post-pagi-area > div:nth-child(2) {
margin: 0;
margin-top: 15px;
}
}