/*
 Theme Name:   Teebark GP Child
 Theme URI:    https://generatepress.com
 Description:  Default Generate Press child
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
/* Assign color variables */
:root {
	--dark-blue: #242743;
	--orange: #f48a35;
}
/* Turn off default main menu for desktop and tablet */
@media (min-width: 769px) {
	#menu-main {
		display: none;
	}
}
/* Position new header over original */
.main-navigation .navigation-logo {
    position: absolute ;
    left: 0;
    top: 0;
}
/* Align breadcrumbs with container */
#bread-flex {
	display: flex;
	justify-content: center;
}
#bread-flex span {
	width: 1100px;
	font-size: .85em;
}
/* Get rid of hero image top margin on home page */
.home .inside-article {
	padding-top: 0;
}
.home #main {
	margin-top: 0;
}
/* Hero image title */
h1.hero-title {
	font-size: 4vw;
	font-weight: 700;
	color: white;
	text-shadow: 2px 2px 0 black;
	/* box-shadow: -5px -3px 5px var(--light-gray,gray); */
	/* background-color: var(--light-gray,gray); */
	display: inline-block;
	margin-bottom: 10px;
}
/* Mobile sizes */
@media (max-width: 768px) {
	h1.hero-title {
	font-size: 7vw;
	}
}
p.hero-title {
	font-size: 2vw;
	font-weight: 700;
	color: white;
	text-shadow: 1px 1px 0 black;
	/* background-color: var(--light-gray,gray); */
	/* display: table-cell; */
}
/* Mobile sizes */
@media (max-width: 768px) {
	p.hero-title {
	font-size: 4vw;
	}
}
/* Don't show breadcrumbs on home page */
.home #bread-flex {
	display: none;
}
/* Use header widgets to construct new header */
.header-widget {
	display: grid;
	padding: 8px 15px;
	max-width: 100%;
	width: 1600px;
	grid-template-columns: 4fr 4fr 2fr 2fr;
	grid-template-rows: 40px;
	grid-template-areas:
	"logo navbar navbar navbar"
	"logo . search social";
}
ul#menu-main-1 {
	display: flex;
	justify-content: flex-end;
}
#menu-main-1 li {
	padding-left: 30px;
}
/* Navbar text color */
#menu-main-1 li a {
	color: white;
}
/* Set background color for header */
.main-navigation, .inside-header, .site-header {
	background-color: var(--dark-blue, DarkBlue);
}
.main-navigation .main-nav ul li a {
    background-color: var(--dark-blue, DarkBlue);
    color: var(--orange, orange);
}
/* Logo widget */
.header-widget aside:nth-child(1) {
	grid-area: logo;
	margin-right: 10px;
	z-index: 22;
}
/* Nav bar */
.header-widget aside:nth-child(2) {
	grid-area: navbar;
	padding: 0 10px 20px 0;
	text-align: right;
	color: white;
}
/* Search form */
.header-widget aside:nth-child(3) {
	grid-area: search;
	margin-right: 10px;
	color: white;
}
.header-widget .search-field {
	padding-bottom: 5px;
}
/* Social icons widget */
.header-widget aside:nth-child(4) {
	grid-area: social;
	text-align: right;
	margin-right: 10px;
	color: white;
}
.header-widget .widget {
	margin-bottom: 0;
	padding-bottom: 0;
}
/* Center title on archive pages */
.archive h1.page-title {
	text-align: center;
}
/* Reduce space between title and content on archive pages */
.archive .entry-summary {
	margin-top: .5em;
}
/*
.wp-show-posts-image {
	position: relative;
	padding-top: 75%;
}
.wp-show-posts-image img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: auto;
	object-fit: cover !important;
}
*/
/* Desktop only ----------------------------------------------------------------------------------------------*/
@media (min-width: 1025px) {
	/* Hero text spacing */
	.home .wp-block-cover__inner-container {
	width: 80%;
	}	
}
/* Mobile header and menu ------------------------------------------------------------------------------------*/
@media (max-width: 768px) {
	.header-widget aside:nth-child(1),
	.header-widget aside:nth-child(2),
	.header-widget aside:nth-child(3){
		display: none;
	}
	.header-widget aside:nth-child(4) {
		grid-area: navbar;
	}
	.menu-toggle {
		line-height: 6;
		padding-right: 0;
	}
	.main-navigation .main-nav ul li a {
	line-height: 30px;
	}
	#bread-flex {
		padding-left: 6vw;
	}
}