| Server IP : 104.21.80.1 / Your IP : 216.73.216.145 Web Server : LiteSpeed System : Linux premium151.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : tempvsty ( 647) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/tempvsty/./eaabusiness.com/wp-content/themes/globeco/scss/pages/comments/ |
Upload File : |
/* COMMENTS */
.comments-area {
margin: 70px auto 0;
.cws_vc_shortcode_msg_box {
margin: 40px 0 0;
}
}
.comments_title {
.comments_counter {
display: inline-block;
position: relative;
padding: 0 0 0 70px;
&:before {
content: '';
position: absolute;
left: 13px;
top: 50%;
width: 45px;
height: 1px;
background-color: #bcd0da;
}
}
}
.comment_list {
position: relative;
background-color: #ecf2f5;
margin: 38px -15px 0;
.comments_children {
padding: 0 0 0 20px;
border-top: solid 1px #bcd0da;
}
& > .comment,
& > .pingback {
margin: 0 15px;
}
.comment + .comment,
.comment + .pingback,
.pingback + .comment,
.pingback + .pingback {
border-top: solid 1px #bcd0da;
}
}
.page_content:not(.single_sidebar):not(.double_sidebar) {
.comment_list {
margin: 38px 0 0;
&:before,
&:after {
content: '';
position: absolute;
display: block;
width: 10000px;
height: 100%;
top: 0;
background-color: #ecf2f5;
}
&:before {
right: 100%;
}
&:after {
left: 100%;
}
.comment,
.pingback {
margin: 0;
}
}
}
.comment .comment-body {
position: relative;
min-height: 60px;
padding: 35px 0 36px;
}
.pingback .comment-body {
padding: 35px 0;
}
.comment_avatar_section {
width: 70px;
height: 70px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
left: 0;
top: 36px;
position: absolute;
.avatar {
display: block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 100%;
}
}
.comment-header {
min-height: 60px;
padding: 0 0 0 99px;
}
.comment-meta {
margin: 0 -4px;
font-size: 0;
line-height: 1;
}
.comment-meta-item {
font-size: 16px;
line-height: 1.5em;
margin: 0 4px;
color: #b7bbc8;
display: block;
}
.comment_date {
white-space: nowrap;
}
.author_name {
font-weight: 700;
font-style: normal;
}
.comment_text_section {
margin: 20px 0 0;
p:first-child {
margin: 0;
}
}
.comment-footer {
margin: 20px 0 0;
text-align: right;
a {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1.3px;
}
}
.comment-respond {
border-bottom: solid 1px #bcd0da;
padding: 0 0 36px;
}
.comment_list .comment-respond:last-child {
border-bottom: none;
}
.comment_list + .comment-respond,
.comments_nav + .comment-respond {
padding: 0;
margin: 54px 0 0;
border-bottom: none;
}
.comments-area > .comment-respond:first-child {
padding-bottom: 0;
border-bottom: none;
}
.comment-reply-title {
small {
font-weight: 400;
font-size: 16px;
white-space: nowrap;
}
a:before {
content: '(';
}
a:after {
content: ')';
}
}
.comment-form {
font-size: 0;
line-height: 1;
margin: 10px 0 0;
p {
font-size: 17px;
line-height: 1.5em;
color: #3f485d;
}
textarea,
input[type="text"] {
border: solid 1px #bcd0da;
padding: 9px 15px 10px;
&::-webkit-input-placeholder {
color: #a3bbc8;
}
&::-moz-placeholder {
color: #a3bbc8;
}
&:-moz-placeholder {
color: #a3bbc8;
}
&:-ms-input-placeholder {
color: #a3bbc8;
}
}
input[type="text"] {
height: 45px;
}
.submit {
height: 58px;
font-size: 18px;
line-height: 26px;
padding: 14px 36px;
margin: 30px 0 0 !important;
}
}
.comment-notes,
.logged-in-as {
padding: 0 0 3px;
}
.comments_nav {
margin: 0;
padding: 22px 0;
min-height: 25px;
border-bottom: solid 1px #bcd0da;
position: relative;
overflow: hidden;
.prev_section,
.next_section {
display: block;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.prev_section {
text-align: left;
float: left;
}
.next_section {
text-align: right;
float: right;
}
a {
font-size: 15px;
font-weight: 700;
color: #98b3c1;
text-transform: uppercase;
display: block;
}
.wrap {
position: relative;
}
.next .wrap {
padding: 0 30px 0 15px;
}
.prev .wrap {
padding: 0 15px 0 30px;
}
.wrap:before {
content: '\f13b';
font-family: 'cwsicon';
font-size: 21px;
display: inline-block;
position: absolute;
font-weight: 100;
-webkit-transition: left 0.2s, right 0.2s;
-moz-transition: left 0.2s, right 0.2s;
-ms-transition: left 0.2s, right 0.2s;
-o-transition: left 0.2s, right 0.2s;
transition: left 0.2s, right 0.2s;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.next .wrap:before {
right: 0;
left: auto;
}
.prev .wrap:before {
left: 0;
right: auto;
-webkit-transform: rotate(180deg) translateY(50%);
-moz-transform: rotate(180deg) translateY(50%);
-ms-transform: rotate(180deg) translateY(50%);
-o-transform: rotate(180deg) translateY(50%);
transform: rotate(180deg) translateY(50%);
}
}