/* ####################################
   Comments

   - Critical Rendering Path: Unlikely
   ################################## */

#Comments {
    clear: left;
    margin: 0 0 var(--site-box-margin-bottom);
    padding-top: var(--site-padding);
    border-top-color: var(--site-color-1-light);
    border-top-width: var(--site-border-width);
    border-top-style: solid;
}

    #CommentsHeader {
        margin: 0 0 var(--site-box-margin-bottom);
    }
    
        #CommentsHeader .title {
        }
    
        #CommentsHeader .summary {
        }
    
        #CommentsHeader .commentsCount {
        }

    #SubmittedComments {
        position: relative;
        float: left;
        width: 100%;
    }

        #SubmittedComments #NoComments {
            margin: 0 0 var(--site-box-margin-bottom);
        }
    
            #SubmittedComments #NoComments .title {
            }
    
            #SubmittedComments #NoComments .summary {
            }

        #SubmittedComments .comment {
            position: relative;
            float: left;
            box-sizing: border-box;
            width: 100%;
            padding: var(--site-padding);
            border-top-color: var(--site-color-1-light);
            border-top-width: var(--site-border-width);
            border-top-style: solid;
        }

            #SubmittedComments .comment:nth-child(2n-1) {
                background: var(--site-color-ui-lightest);
            }

            #SubmittedComments .comment:nth-child(2n) {
                background: var(--site-color-ui-lighter);
            }

            #SubmittedComments .comment .avatar {
                position: absolute;
                right: 30px;
            }

                #SubmittedComments .comment .avatar img {
                }
            
            #SubmittedComments .comment .text {
                position: relative;
                padding-right: 105px;
            }

                #SubmittedComments .comment .text .title {
                    margin-top: 0;
                }

                #SubmittedComments .comment .text .publish-info {
                    font-size: 84.21%;
                }

                    #SubmittedComments .comment .text .publish-info .date {
                        display: inline;
                        color: inherit;
                    }

                    #SubmittedComments .comment .text .publish-info .author {
                        display: inline;
                    }

                #SubmittedComments .comment .text .commentText {
                    margin: 1em 0;
                }

        #SubmittedComments .comment .commentFormLink {
        }

            #SubmittedComments .comment .commentFormLink a:link {
            }

    #CommentsClosed {
        clear: both;
        border-top-color: var(--site-color-1-light);
        border-top-width: var(--site-border-width);
        border-top-style: solid;
    }
    
        #CommentsClosed .title {
        }
    
        #CommentsClosed .summary {
        }

    #CommentFormHeader {
        clear: both;
        border-top-color: var(--site-color-1-light);
        border-top-width: var(--site-border-width);
        border-top-style: solid;
    }
    
        #CommentFormHeader .title {
            margin-top: var(--site-margin;)
        }
    
        #CommentFormHeader .summary {
        }
    
        #CommentFormHeader .commentsCount {
        }

    #CommentForm {
        /* CommentForm contains all the standard CMS form stuff - requiredFieldMarker, fieldset, ul.formFields, li form, .captchaFieldset, .submitButton, etc... */
    }
    
        #CommentForm #UserAvatar {
        }
    
        #CommentForm .fieldContainer {
        }
    
            #CommentForm .fieldContainer .fieldControls {
            }
        
        #CommentForm .textField {
        }

            #CommentForm .textField .fieldContent,
            #CommentForm .emailField .fieldContent {
            }
        
            #CommentForm .textField input {
            }
        
        #CommentForm .textareaField {
        }
        
            #CommentForm .textareaField textarea {
            }

@media screen and (max-width: 600px) {

    #CommentForm .textField .fieldContent,
    #CommentForm .emailField .fieldContent {
    }

}