/*
Theme Name:     Blakeley White-McGuire Twenty Seventeen Child 
Theme URI:      http://pretentia.com
Description:    A Twenty Seventeen child theme full width page, a custom social links menu, a personalized site footer message, dynamic one page navigation, custom front page sidebars, and a large featured image restyled-twenty-seventeen-theme added to style sheet
Author:         Pretentia
Author URI:     http://pretentia.com
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Template:       twentyseventeen
Version:        1.26
*/

/* Force sticky navigation into position */
#page-header {
  margin-bottom: 0 !important;
}
/* Force header image to full height */
#custom-header-media {
  height: 100vh;
  max-height: 100%;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 48em) {
  .has-header-image.twentyseventeen-front-page .site-branding,
  .has-header-video.twentyseventeen-front-page .site-branding,
  .has-header-image.home.blog .site-branding,
  .has-header-video.home.blog .site-branding {
    bottom: 0;
    display: block;
    left: 0;
    height: auto;
    padding-top: 0;
    position: absolute;
    width: 100%;
  }
}

body.page-template-template-full-width #content #primary {
	max-width: 100%;
}

body.page-template-template-full-width #content #primary .entry-header,
body.page-template-template-full-width #content #primary .entry-content {
    float: none;
    width: 100%;
}

body.page-template-template-full-width #content #primary .entry-header {
    margin-bottom: 4em;
}

.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
    margin-bottom: 0em;
}

.social-navigation {
    clear: left;
    float: left;
    margin-bottom: 0;
    width: 50%;
}
.panel-content .wrap {
    padding-bottom: 4.5em;
    padding-top: 3em;
}

#content {
  padding-top: 35px;
  }
  

/* 5. Increase Twenty Seventeen content section width */

/***  at first increase the wrapper width ***/
.wrap {
max-width: 900px;
padding-left: 2em;
padding-right: 2em;
}




/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* From restyle-twenty-seventeen-theme-using-css  */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/* 1. Change / reduce height of header image in twenty seventeen theme

.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe, .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
height: 66% !important;
object-fit: fill !important;
width: 100%;
max-height: 100% !important;
display: block !important;
position: relative !important;
}

#wp-custom-header {
height: 50% !important;
}

.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media, .admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media, .admin-bar.home.blog.has-header-image .custom-header-media, .admin-bar.home.blog.has-header-video .custom-header-media {
height: calc(71vh – 32px) !important;
}
 */

/* 2. Change site title font color, size and family of twenty seventeen theme 

body.has-header-image .site-description, body.has-header-video .site-description {
color: #fff;
opacity: 0.8;
font-family: cursive !important;
font-size: 23px;
}
*/


/* 3. Change site description’s font color, font size and font family 
body.has-header-image .site-description, body.has-header-video .site-description {
color: #fff;
opacity: 0.8;
font-family: cursive !important;
font-size: 23px;
}
*/




/* 6A.Remove sidebar from single post page in twenty seventeen theme and make post page full width

.single-post #secondary {
display: none !important;
}

.single-post #primary {
width: 100% !important;
}
*/

/* 6B. Remove featured image from single post page in twenty seventeen theme 
.single-featured-image-header {
display: none;
}
*/

/* 7. Remove Post date and post author in twenty seventeen theme

.single-post .entry-title, .page .entry-title {
font-size: 1.625rem !important;
color: darkred !important;
font-family: cursive !important;
}
*/

/* 8. Change font family, font size and font color in single post page title of Twenty seventeen theme

.single-post .entry-title, .page .entry-title {
font-size: 1.625rem !important;
color: darkred !important; 
font-family: cursive !important;
}
*/

/* 9. Change home page or archive page (category page) single post title and archive page title’s font color, font size and font family in twenty seventeen theme 

.entry-title, .entry-title a {
color: darkred !important;
font-family: cursive;
font-size: 24px !important;
}
*/

/* 10. Change category name at the top of archive or category page at twenty seventeen theme
.archive .page-header h1.page-title {
color: darkred !important;
font-family: cursive;
font-size: 16px !important;
}
*/

/* 11. Hide or remove the category name at the top of category or archive page in twenty seventeen theme

.archive .page-header h1.page-title {
display:none !important;
}
*/

/* 12. Change content section font color, font size and font family in twenty seventeen theme
.entry-content {
color: black !important;
font-size: 15px !important;
font-family: cursive !important;
}
*/

/* 13. Remove comments section in twenty seventeen theme 
#comments {
display: none !important;
}
*/

/* 14. Change background color of footer widget / Proudly Powered by WordPress section 

#colophon {
background: darkred;
}

#colophon * {
color: white !important;
list-style: none !important;
border: none !important;
box-shadow: none !important;
}

 */

/* 15. Change sidebar widget title’s font color, font size and font family in twenty seventeen theme

.widget-title {
font-size: 15px !important;
color: darkred !important;
font-family: cursive !important;
}
*/

/* 16. Center the widget title, provide background color and remove space below the widget title

.widget-title {
text-align: center;
background: lightgrey;
padding: 5% !important;
margin-bottom: 0px !important;
}
*/


/* 17. Change links color, font size and font family showing in widget section in twenty seventeen theme

.widget li a {
color: darkblue !important;
font-family: cursive !important;
font-size: 14px !important;
}

/* 18. Change hover link underline and hover font color for links showing in widget section

.widget li a:hover {
box-shadow: none !important;
color: darkred !important;
}
*/

/* 19. Change submit or other button background color in twenty seventeen theme

button, input[type=”button”], input[type=”submit”] {
background-color: darkred !important;
}
*/