/*-----------------------------------------------------------------------------------*/
/* Headlines
/*-----------------------------------------------------------------------------------*/


h1, h2, h3, h4, h5, h6 {
    @include hyphens(auto);
    font-familiy: $font-family-headlines;
}

#section-fullwidth,
.site-content,
.entry-content {
    h1 {
	padding: 6px 0 9px;
	@include px2rem($font-size-h1);
        @include hyphens(manual);
    }
    h2 {
	@include px2rem($font-size-h2);
	padding: 6px 0 9px;
        @include hyphens(manual);
    }
    h3 {
	@include px2rem($font-size-h3);
	padding: 5px 0 8px;
    }
    h4 {
	@include px2rem($font-size-h4);
	padding: 5px 0 8px;
    }
    h5 {
	@include px2rem($font-size-h5);
	padding: 3px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
    }
    h6 {
	@include px2rem($font-size-h6);
	padding: 3px 0;
    }
}




h1, h2, h3, h4, h5, h6, 
#overlay-nav ul li a, 
#desktop-navigation ul li a, 
.authorbox h3.author-title, 
#comments h3.comments-title {
    font-weight: 600;
}

p.site-title,
h1.site-title {
    font-weight: bold;
    padding-right: 25px;
    @include px2rem($font-size-base-sm);
    
}




h1 {
    .single-post .entry-header &.entry-title,
    .entry-header &.entry-title,
    .attachment &.entry-title,
    .page &.entry-title,
    &.entry-title,
    .archive-header &.archive-title,
    .site-content &,
    .entry-content & {       
        text-transform: uppercase;
        border-bottom: 7px;
        border-style:  solid;
        margin-bottom: 50px;
        display: table-cell;
        padding-bottom: 1px;

        & + * {
          margin-top: 20px;  
        }
    }
    .single-post .entry-header &::after.entry-title,
    .entry-header &::after.entry-title,
    .page &::after.entry-title,
    .attachment &::after.entry-title,
    .archive-header &::after.archive-title
    article &::after,
    .entry-content &::after {
        content: " ";
        display: table-cell;
        width: 100%;
    }
    
    .h1noupper &,
    .h1noupper .entry-header &.entry-title,
    .h1noupper.page &.entry-title {
        text-transform: none;
    }
}

.entry-header {
    h1.entry-title {
	margin: 0;
    }
}


#secondary h2.widget-title, 
#sidebar-page h2.widget-title {
    @include px2rem($font-size-h2-widget);
    text-decoration: none;
}


h2 {
    #footer-social &.socialmedia {
        @include px2rem($font-size-small);
        hypens: auto;
        display: inline-block;
        float: left;
        padding: 8px 15px 0px 0px;
    }
}

.entry-header {
    h2.entry-title {
        @include px2rem($font-size-h2-entryheader);
        @include hyphens(manual);
        text-decoration: none;
        padding: 4px 0 8px;
        display: block;
	margin: 0;
        a {
            text-decoration: none;
        }
    }
}

.widget {
  h2.widget-title {
    display: block;
    margin: 0;
    padding: 15px 0 24px;
    border-top-width: 1px;
    border-top-style: solid;
  }
}

.widget_mc4wp_form_widget h2.widget-title, 
.jetpack_subscription_widget h2.widget-title {
   @include px2rem($font-size-headersmall);
}



h3 {
    &#reply-title {
	margin: 0 0 10px 0;
	padding: 0;
	display: block;
	line-height: 1;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1.5px;
    }
    
    #footer-social &.socialmedia {
        @include px2rem($font-size-small);
        hypens: auto;
        display: inline-block;
        float: left;
        padding: 8px 15px 0px 0px;
    }
}

.footer-menu h3.footer-menu-title {
    text-transform: uppercase;
    letter-spacing: 1px;
}


.footer-menu h3.footer-menu-title, 
.authorbox h3.author-title {
    @include px2rem($font-size-headersmall);
}

#comments {
  h3.comments-title, 
  #respond h3#reply-title {
    @include px2rem($font-size-headersmall);
  }
}

#front-section-three h3.front-section-title {
    @include px2rem($font-size-entrytitle);  
}



.single-post .entry-header h1.entry-title,
.blog-wrap h3.blog-title,
.archive-header h1.archive-title, 
.attachment h1.entry-title, 
.page h1.entry-title, 
.featured-slider .entry-header h2.entry-title,
#front-section-four .entry-header h2.entry-title, 
.blog #primary .hentry.has-post-thumbnail:nth-child(4n+1) .entry-header h2.entry-title, 
.section-one-column-one .entry-header h2.entry-title, 
.section-three-column-one .entry-header h2.entry-title,
.jetpack_subscription_widget #subscribe-text p, 
#front-section-three h3.front-section-title, 
.recommended-posts-wrap #jp-relatedposts h3.jp-relatedposts-headline, 
#big-footer-feature h2.footer-feature-title,
#big-footer-feature h3.footer-feature-title {
    @include px2rem($font-size-entrytitle);
}

.site-content,
.entry-content {
    header {
        margin-bottom: 20px;
    }
}

.home.page .entry-header h1 {
  @extend .screen-reader-text;
}


@media screen and (min-width: $breakpoint-sm) {
    p.site-title,
    h1.site-title {
	padding-top: 5px;    
    }
    
    
    .single-post .entry-header h1.entry-title, 
    .single-attachment .entry-header h1.entry-title, 
    .attachment h1.entry-title,
    h1.entry-title {
	@include px2rem($font-size-h1-sitetitle-sm);     
    }

    .blog-wrap h3.blog-title, 
    .blog #primary .hentry.has-post-thumbnail:nth-child(4n+1) .entry-header h2.entry-title, 
    .section-one-column-one .entry-header h2.entry-title, 
    .section-three-column-one .entry-header h2.entry-title,
    #front-section-four .entry-header h2.entry-title, 
    .recommended-posts-wrap #jp-relatedposts h3.jp-relatedposts-headline, 
    .archive-header h1.archive-title, 
    .entry-content h1 {
	@include px2rem($font-size-h1-sm);     
    }

    #section-fullwidth,
    .entry-content {
	h2 {
	    @include px2rem($font-size-h2-sm);     
	}
	h3 {
	    @include px2rem($font-size-h3-sm);     
	}
	h4 {
	    @include px2rem($font-size-h4-sm);     
	}
	h5 {
	    @include px2rem($font-size-h5-sm);     
	}
	h6 {
	    @include px2rem($font-size-h6-sm);     
	}
    }
    .entry-header h2.entry-title {
	@include px2rem($font-size-h2-entryheader-sm);     
      
    }
    .section-one-column-two .type-post:nth-of-type(n+2) .entry-header h2.entry-title, 
    .section-two-column-two .type-post .entry-header h2.entry-title, 
    .section-three-column-two .type-post .entry-header h2.entry-title, 
    #front-section-fourcolumn .type-post .entry-header h2.entry-title, 
    .section-sixcolumn-postwrap .type-post .entry-header h2.entry-title {
	@include px2rem($font-size-h2-entryheader);     
    }

    .page div.sharedaddy h3.sd-title, 
    .null-instagram-feed .clear {
	@include px2rem($font-size-headersmall);
    }
    
    .attachment h1.entry-title,
    .page h1.entry-title {
	margin-bottom: 45px;
    }
}

@media screen and (min-width: $breakpoint-1024) {
    .entry-header h2.entry-title {
	@include px2rem($font-size-h2-entryheader-1024);
    }
    #front-section-twocolumn .entry-header h2.entry-title  {
	@include px2rem($font-size-h2-entryheader-1024);
    }
    .widget {
        h2.widget-title {
            border-top: none;
        }
    }
}

@media screen and (min-width: $breakpoint-1060) {
    h1.site-title {
	    @include px2rem( $font-size-h1-sitetitle-1060);	   
	    text-align: center;
	    padding-right: 0;
    }
    .blog #primary .hentry.has-post-thumbnail:nth-child(4n+1) .entry-header h2.entry-title, 
    .section-one-column-one .entry-header h2.entry-title, 
    .section-three-column-one .entry-header h2.entry-title,
    #front-section-four .entry-header h2.entry-title {
	    @include px2rem( $font-size-h2-entryheader-1060);	   
	    
    }
    #front-section-fourcolumn .type-post .entry-header h2.entry-title, 
    .recommended-posts-wrap #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
	    @include px2rem( $font-size-h2-entryheader-1060-small);	   
	    
    }
    #front-section-four {
	entry-header h2.entry-title {
	    padding-top: 10px;
	}
    }
}

@media screen and (min-width: $breakpoint-lg) {
    .single-post .entry-header h1.entry-title,
    #front-section-four .entry-header h2.entry-title {
	@include px2rem($font-size-h2-entryheader-lg);	   
    }  
}