/* ===== COMMENTS ===== */

.row .no-margin{
    margin: 0;
}
h3#comments-title, h3#trackbacks, h3#reply-title {
    color: #000;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    line-height: 1em;
    font-weight: 800;
    text-transform: uppercase;
}

h3#comments-title > span {
    color: #7f0606;
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    font-family: 'Lato', sans-serif;
    line-height: 1em;
    text-align: left;
    padding-right: 4px;
}

h3#reply-title span { color: #c27d05; }
.content .commentlist,
.content .commentlist .children { margin: 0px; }
li.comment { list-style: none; }

.comment .comment-container {
    position: relative;
    border: 1px solid #e1e0e0;
    padding-top: 18px;
    padding-bottom: 18px;
    margin-bottom: 20px;
}

.comment .comment-container .border.border-bottom-line {
    width: 233px;
    height: 35px;
    border: 0px solid #e0dfdf;
    border-left-width: 3px;
    border-bottom-width: 3px;
    margin: 118px 0px 0px 55px;
    position: absolute;
}
.comment.depth-1 .comment-container .border.vertical-top-line { display: none; }
.comment.depth-2 .comment-container .border.vertical-top-line,
.comment.depth-3 .comment-container .border.vertical-top-line,
.comment.depth-4 .comment-container .border.vertical-top-line,
.comment.depth-5 .comment-container .border.vertical-top-line {
    width: 1px;
    height: 85px;
    border: 0px solid #e0dfdf;
    border-left-width: 3px;
    margin: -91px 0px 0px 55px;
    position: absolute;
    display: block;
    z-index: -1;
}

/* === COMMENT LEFT LINE */
.comment.parent > div > .comment-container .parent-line {
    position:absolute;
    left:34px;
    top:80px;
    width:54px;
    height:100%;
    overflow: hidden;
}

#ie8 .comment.parent > div > .comment-container .parent-line { width: 33px; }

.comment.parent > div > .comment-container .parent-line span {
    border:1px solid #ddd;
    border-top:0;
    border-right:0;
    display:block;
    height:100%;
    margin-top:-12px;
}

/* === AVATAR & METAS */
.comment .comment-author {
    text-align: center;
    padding: 17px 0px;
    float: left;
    margin-left: 17px;
}



.comment .comment-author.vcard span {
    height: auto;
    border-width: 1px;
    padding: 3px;
    display: block;
}

.comment .comment-author.vcard .span1 {
    float:left;
    width: auto;
}

.comment .comment-author.vcard span .avatar {
    width: 106px;
    height: 106px;
}

.comment .horizontal-lines-left, .comment .horizontal-lines-right {
    position: absolute;
    top: 29px;
    left: 85px;
}

.comment .horizontal-lines-right {
    left: 233px;
}

.comment .comment-meta {
    float: left;
    text-align: left;
    margin-top: 10px;
    margin-left: 17px;
    padding: 17px 0;
}

.comment .comment-meta .fn,
.comment .comment-meta .date {
    padding-top: 7px;
    margin-left: 0px;
}

.comment .comment-meta .fn { color: #302e2e; }

.comment .comment-meta .fn,
.comment .comment-meta .fn a {
    color: #000;
    font-size: 12px;
    line-height: 1em;
    padding-bottom: 8px;
}

.comment .comment-meta .fn a:hover {
    color: #be600d;
}

.comment .date-reply-link {
    margin-top: -4px;
}

.comment .comment-meta .date,
a.comment-reply-link {
    font-size: 10px;
}

.comment .comment-meta .date {
    color: #525151;
}

/* === TEXT */
.comment .comment-content {
    position: relative;
    margin-left: 10px;

}

.comment .comment-content .comment-border {
    border-left: 4px solid #ecebeb;
    position: relative;
}

.comment .comment-content .comment_line {
    /*background: url('../images/blog_comment.png') no-repeat center;*/
    /*width: 30px;*/
    height: 27px;
    border-top: 2px solid #e1e1e1;
    position: absolute;
    /*left: -30px;*/
    top: 60px;
    z-index: 1;
}

.comment .comment-content .comment_line {
    width: 20px;
    left: -20px;
}

#ie8 .comment .comment-content .comment_line {
    width: 22px;
    left: -22px;
}

.comment .comment-content .comment-content {
    padding-top: 17px;
    padding-bottom: 17px;
    padding-left: 30px;

}

.comment .comment-body { min-height: 64px; border-right: 0px;  }
.comment .comment-body p:first-child { margin-top: 0px; }
.comment .comment-body p {
    color: #525151;
    font-size: 12px;
    line-height: 22px;
    word-break: break-all;
}

.comment .comment-body p + p { margin-top: 23px; }

/* === GUEST COMMENTS */
.comment-author > img {
    background:#fff;
}

#comments .comment-author > img{
    box-sizing: border-box;
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 0px;
    padding: 3px;
    border: 1px solid #dadada;
}

/* === AUTHOR COMMENTS */
#comments .comment-author.bypostauthor > img{
    border: 2px solid #dadada;
}


.bypostauthor .comment-container  {
    border-width: 2px;
    background: #fdfcfc;
}

#ie8 .comment-author > img {
    border: 1px solid #dadada;
}

#ie8 #comments .bypostauthor .comment-border.bypostauthor {
    border: 1px solid #dadada;
}

/* === REPLY LINK */
img.comment-reply-link {
    background: none !important;
    border: none !important;
    margin-right: 5px;
    margin-left: 0px;
    vertical-align: middle;
}

a.comment-reply-link {
    vertical-align: bottom;
    text-transform: uppercase;
    padding: 8px 12px;
    border: 1px solid #d7d3d3;
    border-bottom-width: 0px;
    border-right-width: 0px;
    font-size: 12px;
    font-weight: lighter;
    line-height: 1em;
    color: #4d4b4b;
    margin: 0px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

a.comment-reply-link:hover{color: #000;}

.comment .comment-meta .fn, .comment .comment-meta .fn a{ text-align: left; color: #525151;}

/* Nest Style */
.nested1{ margin-left: 5%; }
.nested2{ margin-left: 10%; }
.nested3{ margin-left: 15%; }
.nested4{ margin-left: 20%; }
.nested5{ margin-left: 25%; }


/* === TRACKBACKS */
ol.trackbacklist {margin:20px 35px;}
ol.trackbacklist li {padding:10px 0;}

/* ===== RESPOND FORM ===== */
#respond { margin:2em 0 1em; position: relative; background-color: #fff; }

h3#reply-title {
    line-height: 22px;
    margin-bottom: 15px;
}

#respond input[type="text"],
#respond textarea,
#respond textarea:focus {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-width: 100%;
    width: 100%;
    box-shadow: none;
}

#respond input[type="text"] {
    height: 38px;
    padding-left: 35px;
    padding-right: 10px;
}

#respond .comment-form-comment { margin-bottom: 0px; }

#respond .comment-form-comment textarea {
    height: 195px;
    margin-bottom: 0px;
    padding-right: 35px;
    padding-top: 10px;
    resize: none;
}

#respond p {
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
}
#respond p.logged-in-as {
    margin-left:   30px;
	margin-bottom: 20px;
    position:      relative;
}

#respond p i {
    color: #aba9a9;
    font-size: 15px;
    line-height: 32px;
    position: absolute;
    right: 15px;
    top: 26px;
    text-align: center;
}

#respond p.comment-form-comment i { top: 30px; }

#respond #commentsubmit {
    float: right;
    font-weight: 900;
    text-transform: uppercase;
    margin-left: 5px;
    line-height: 1em;
    padding: 14px 10px;
    font-size: 11px;
}
#respond #commentsubmit:hover {
    background-color: #3d3d3e;
    border-color: #3d3d3e;
    color: #ffffff;
}


.depth-2 p.span3 { width: 193px !important; }
.depth-3 p.span3 { width: 166px !important; }

form#commentform .row {  }
form#commentform .row .comment-form-author { margin-left: 0px; }
form#commentform .row .comment-form-comment {
    width: 100%;
    padding-right: 30px;
     box-sizing: border-box;
    -moz-box-sizing: border-box;
}


form#commentform .row .fields .comment-form-author input, form#commentform .row .fields .comment-form-email input,
form#commentform .row .fields .comment-form-url input{
    float: none; clear: both; margin: 0; font-size: 12px; font-weight: normal; color: #919191; border: 1px solid #d8d8d8;
    box-shadow: none !important;
    padding-top: 26px;
    padding-bottom: 26px;
    margin-bottom: 16px;
    padding-left: 45px;
}
    /* Focus */
form#commentform .row .fields .comment-form-author input:focus, form#commentform .row .fields .comment-form-email input:focus,
form#commentform .row .fields .comment-form-url input:focus, form#commentform .row .fields .comment-form-author input:hover,
form#commentform .row .fields .comment-form-email input:hover, form#commentform .row .fields .comment-form-url input:hover,
form#commentform .row .comment-form-comment textarea:focus, form#commentform .row .comment-form-comment textarea:hover{
    border: 1px solid #222 !important;
    outline: none;
    box-shadow: none !important;
}



form#commentform .row input { border-radius: 0; }
form#commentform .row input:-moz-placeholder, form#commentform .row input::-moz-placeholder { line-height: 26px; }

form#commentform .row .comment-form-author input { background:url('../images/author.png') center left no-repeat; }
form#commentform .row .comment-form-email input { background:url('../images/email.png') center left no-repeat; }
form#commentform .row .comment-form-url input { background:url('../images/url.png') center left no-repeat; }

form#commentform .row .comment-form-author input:focus { box-shadow: none; }
form#commentform .row .comment-form-email input:focus { box-shadow: none; }
form#commentform .row .comment-form-url input:focus { box-shadow: none; }
/*.content .contact-form li.submit-button input { border: 1px solid transparent !important }*/

form#commentform .row .comment-form-comment textarea {
    background:url('../images/comment.png') right top no-repeat;
    padding: 24px 40px 6px 10px;
    font-size: 12px;
    color: #919191;
    border-radius: 0;
}


/* review */
#pp_full_res .pp_inline form#commentform .row { margin-left: 0px }
#pp_full_res .pp_inline p.comment-form-rating{ clear:both }
div.pp_woocommerce #respond .form-submit input{text-transform: uppercase}
#pp_full_res .pp_inline div.span3.fields{margin-left: 0px; width:100%}
.pp_details .pp_description{ display: none }
#pp_full_res .pp_inline form#commentform .row .fields .comment-form-author input,
#pp_full_res .pp_inline form#commentform .row .fields .comment-form-author input:focus,
#pp_full_res .pp_inline form#commentform .row .fields .comment-form-email input,
#pp_full_res .pp_inline form#commentform .row .fields .comment-form-email input:focus{ height: 45px; padding-top: 0px; padding-bottom: 0px }

@media (min-width: 1200px) {
    .comment .comment-content .comment_line {
        width: 30px;
        left: -30px;
    }

    .depth-2 p.span3 { width: 236px; }
    .depth-3 p.span3 { width: 203px; }
}

@media (max-width: 1199px) and (min-width: 980px) {

    .comment .comment-meta { width: 95px !important;  }
    .comment .comment-meta .fn,
    .comment .comment-meta .date,
    .comment .comment-meta .comment-reply-link { margin-left: 0px !important; }

    .nested3 .infos{ width: 100%;margin:0px 17px; }
    .nested3 .com-text{ margin:0; width: 100%; box-sizing: border-box; border: 0px; }
    .nested3 .infos .comment-author{ padding: 0px}
    .nested3 .infos .comment-author > img{ margin: 0px }
    .nested3 .infos .comment-meta{ margin-top: 0px;}
    .nested3 .com-text .comment-border{ border-width: 0px; }
    .nested3 .comment-content .comment-content{ padding:17px; padding-left: 27px;}

    .nested4 .infos{ width: 100%;margin:0px 17px; }
    .nested4 .com-text{ margin:0; width: 100%; box-sizing: border-box; border: 0px; }
    .nested4 .infos .comment-author{ padding: 0px}
    .nested4 .infos .comment-author > img{ margin: 0px }
    .nested4 .infos .comment-meta{ margin-top: 0px;}
    .nested4 .com-text .comment-border{ border-width: 0px; }
    .nested4 .comment-content .comment-content{ padding:17px; padding-left: 27px;}


    .comment-container .vcard img, .comment-container .children .vcard img, .bypostauthor .children .comment-container .vcard img,
    .bypostauthor .children .bypostauthor .children .comment-container .vcard img,
    .bypostauthor .children .bypostauthor .children .bypostauthor .children .comment-container .vcard img,
    .bypostauthor .children .bypostauthor .children .bypostauthor .children .bypostauthor .children .comment-container .vcard img {
        margin-top : 10px;
    }
}

@media (max-width: 979px) and (min-width: 768px) {
	.comment .horizontal-lines-left, .comment .horizontal-lines-right { display: none; }
    img.comment-reply-link, .comment .comment-meta .fn, .comment .comment-meta .date { margin-left: 0px; }
    .comment .comment-meta .fn { margin-top: 0px; }
    .depth-2 p.span3 { width: 145px !important; }
    .depth-3 p.span3 { width: 124px !important; }

    #comments .infos{ width: 100%;margin:0px 17px; }
    #comments .com-text{ margin:0; width: 100%; box-sizing: border-box; border: 0px; }
    #comments .infos .comment-author{ padding: 0px}
    #comments .infos .comment-author > img{ margin: 0px }
    #comments .infos .comment-meta{ margin-top: 0px;}
    #comments .com-text .comment-border{ border-width: 0px; }
    .comment .comment-content .comment-content{ padding:17px; padding-left: 27px;}



    .comment-container .vcard img, .comment-container .children .vcard img, .bypostauthor .children .comment-container .vcard img,
    .bypostauthor .children .bypostauthor .children .comment-container .vcard img,
    .bypostauthor .children .bypostauthor .children .bypostauthor .children .comment-container .vcard img,
    .bypostauthor .children .bypostauthor .children .bypostauthor .children .bypostauthor .children .comment-container .vcard img {
        max-width  : 76px;
        margin-top : 24px;
    }

    .comment .comment-meta { width: 95px !important; border: none;}
    .comment .comment-meta .fn,
    .comment .comment-meta .date,
    .comment .comment-meta .comment-reply-link { margin-left: 0px !important; }

    .comment .comment-content .comment_line {
        width: 20px;
        left: -20px;
    }
    .comment .comment-body{min-height: 0;}
}

@media (max-width: 767px) {
	p.comment-form-comment {  padding-right: 0!important; }
    .comment .horizontal-lines-left, .comment .horizontal-lines-right { display: none; }

    .comment .comment-content .comment_line { display: none }

    .comment .border-bottom-line { display: none; }
    .comment .comment-meta .fn,
    .comment .comment-meta .date,
    .comment .comment-meta .comment-reply-link { margin-left: 0px !important; }

    #comments .infos{ width: 100%;margin:0px 17px; }
    #comments .com-text{ margin:0; width: 100%; box-sizing: border-box; border: 0px; }
    #comments .infos .comment-author{ padding: 0px}
    #comments .infos .comment-author > img{ margin: 0px }
    #comments .infos .comment-meta{ margin-top: 0px;}
    #comments .com-text .comment-border{ border-width: 0px; }
    .comment .comment-content .comment-content{ padding:17px; padding-left: 27px;}
}

@media (max-width: 480px) {

}
