File: /var/www/html/wppartneramazingsecret/wp-content/themes/themify-ultra/styles/modules/comments.css
.commentwrap{
margin:2em 0 1.25em;
position:relative;
clear:both
}
/* comment title */
.comment-title,
.comment-reply-title{
font-size:1.5em;
margin:0 0 .8em;
padding:0;
letter-spacing:-.02em;
text-transform:none
}
/* comment pagenav */
.commentwrap .pagenav{
margin:10px 0;
border:none;
box-shadow:none
}
.commentwrap .pagenav.top{
margin:0;
position:absolute;
top:0;
right:0
}
/* commentlist */
.commentlist{
border:none;
padding:0;
margin:2em 0 .5em
}
.commentlist li{
margin:0;
padding:0 0 .5em;
list-style:none;
position:relative
}
.commentlist .comment-author{
margin:.2em 0 1em;
padding:0
}
.commentlist .avatar{
margin:0 15px 0 0;
display:inline-block;
vertical-align:middle;
border-radius:100%
}
.commentlist cite{
font-style:normal;
font-size:1.2em;
vertical-align:middle
}
.commentlist cite a{
text-decoration:none
}
.commentlist cite .tf_fa{
margin-right:10px
}
.commentlist cite:after{
display:inline-block;
content:'';
width:3px;
height:1.4em;
margin:0 .3em 0 .5em;
white-space:nowrap;
vertical-align:middle;
border-left:1px solid;
transform:skewX(-15deg);
opacity:.15
}
.commentlist .comment-author cite svg{
display:none
}
.commentlist .bypostauthor > .comment-author cite svg{
display:inline-block;
font-style:normal;
text-decoration:none;
margin-right:12px;
vertical-align:middle
}
.commentlist br{
display:none
}
.commentlist .comment-time{
font-size:.8em;
vertical-align:middle
}
.commentlist .commententry{
position:relative;
min-height:3em;
overflow:hidden;
padding-bottom:.7em;
word-wrap:break-word
}
.commentlist ul,
.commentlist ol{
margin:0 0 0 6%;
padding:0
}
/* reply link */
.commentlist .reply{
position:absolute;
right:0;
top:1.2em;
}
.commentlist .comment-reply-link{
font-size:.8em;
text-transform:uppercase;
text-decoration:none;
border:1px solid;
padding:.15em .9em .2em;
border-radius:3px
}
.commentlist .comment-reply-link:hover{
background-color:#ed1e24;
color:#fff;
border-color:#ed1e24
}
#respond{
margin:0;
padding:0 0 .5em;
position:relative;
clear:both
}
#respond #cancel-comment-reply-link{
position:absolute;
top:.6em;
right:0;
font-size:.8em;
font-weight:400;
line-height:100%;
text-decoration:none;
display:block
}
#respond #cancel-comment-reply-link:before,
#respond #cancel-comment-reply-link:after{
content:'';
display:block;
border-top:1px solid;
width:20px;
height:20px;
position:absolute;
left:-34px;
top:20%
}
#respond #cancel-comment-reply-link:before{
transform:rotateZ(-45deg);
left:-20px
}
#respond #cancel-comment-reply-link:after{
transform:rotateZ(45deg)
}
.full_width .commentwrap{
max-width:1160px;
margin-left:auto;
margin-right:auto
}
#commentform p{
margin:0
}
#commentform .comment-notes{
margin:0 0 1em
}
#commentform label{
display:block;
font-size:.8em;
font-weight:400;
text-transform:uppercase;
letter-spacing:.04em;
transition:transform .3s
}
#commentform p label{
transform:translate(12px,35px)
}
#commentform .comment-form-cookies-consent label{
transform:none
}
#commentform .comment-form-cookies-consent input[type="checkbox"]{
margin:0 .5em 0 0
}
#commentform .focused label{
transform:none;
display:inline-block
}
#commentform input[type=checkbox]+label{
display:inline-block
}
#commentform label small{
text-transform:none
}
#commentform textarea{
height:140px
}
#commentform .form-submit{
margin-top:1.4em
}
#commentform p.comment-form-author,
#commentform p.comment-form-email{
width:50%;
float:left;
box-sizing:border-box
}
#commentform p.comment-form-author{
padding-right:2%
}
#commentform p.comment-form-email{
padding-left:2%
}
#commentform p.form-submit,
#commentform p.comment-form-comment,
#commentform p.comment-form-url,
#commentform p.comment-form-rating{
clear:both
}
#commentform input[type=text],
#commentform input[type=email],
#commentform input[type=url]{
width:100%;
max-width:none
}
@media screen and (max-width:1260px){
.full_width .commentwrap{
max-width:96%
}
}
@media screen and (max-width:760px){
.full_width .commentwrap{
max-width:90%
}
}
@media screen and (max-width:680px){
.commentlist .comment-time{
display:block
}
.commentwrap .pagenav.top{
position:static
}
#commentform p.comment-form-author,
#commentform p.comment-form-email{
width:auto;
float:none;
padding:inherit
}
.commentlist{
padding-left:0
}
.commentlist .reply{
top:0;
font-size:.8em
}
.commentlist .commententry{
clear:left
}
.commentlist .avatar{
float:left;
margin:0 1em 1em 0
}
}