/*
The single post template
*/

.single {
    #content {
        margin: 0 20px;
        display: block;
        clear: both;
        #sub-content {
            @include container(12 of 12);
            #primary {
                @include span(8 of 12);
                article {
                        @include span(12 of 12); 
                        #meta, h1 {
                            margin: 0;
                        }
                        #meta {
                            top: 20px;    
                        }
                        h1.entry-title{
                            position: absolute;
                            top: 20px;
                            right: 0;
                            width: 65%;
                            height: 75px;
                            line-height: 75px;
                        }
                    }  
            }
            @include susy-breakpoint($phones) {
                #primary {  
                    @include span(12 of 12);
                }
            }
            #secondary {
                @include span(4 of 12 last);
                padding-top: 20px;
                content: 'No Media Queries';
            }

            @include susy-breakpoint($phones) {
                #secondary {
                    @include span(12 of 12);
                }
            }

            h1.entry-title {
            padding: 1rem 0;
            text-align: center;
            color: black;
            }    
        } //end of subcontent
        
    } //end of content
    
} //end of single




 


