/*
 Theme Name:   Opening Doors (Twenty Nineteen Child)
 Theme URI:    http://openingdoors.net.au
 Description:  Opening Doors (Twenty Nineteen Child)
 Author:       Web3k
 Author URI:   http://web3k.com.au/
 Template:     twentynineteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentynineteenchild
*/


/* Content */
/*--------------------------------------------------------------
## Body
--------------------------------------------------------------*/
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #111;
    /*font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;*/
	font-family: sans-serif, Arial, Helvetica;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.8;
    margin: 0;
    text-rendering: optimizeLegibility;
	background-color: #fff;
}
a:focus {
    outline: none;
    text-decoration: none;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

#masthead.featured-image {
	min-height: 5vh !important;
	max-height: 30vh !important;
	/*margin-bottom: 1rem !important;*/
}

/*body.page-id-2 #masthead.featured-image {
    min-height: 40vh !important;
    max-height: 40vh !important;
    margin-bottom: 1rem !important;
}*/

@media only screen and (min-width: 768px) {
  .site-header {
    margin: 0 !important;
    /*padding: .8rem 0 !important;*/
    padding: 0 !important;
  }

/*	body.page-id-2 #masthead.site-header {
		padding: 0 !important;
	}*/
	
/*	body.page-id-2 #masthead.featured-image {
		min-height: 5vh !important;
		max-height: 50vh !important;
		margin-bottom: 3rem !important;
	}*/
}

.image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
  filter: none;
}
.image-filters-enabled .site-header.featured-image .site-featured-image:before {
  background: none;
  mix-blend-mode: screen;
  opacity: 1;
}
.image-filters-enabled .site-header.featured-image .site-featured-image:after {
  background: none;
  opacity: 1;
  z-index: 3;
  /* Browsers supporting mix-blend-mode don't need opacity < 1 */
}

/*--------------------------------------------------------------
## Site Title
--------------------------------------------------------------*/

@media only screen and (min-width: 768px) {
	.site-title,
	.site-description,
	.main-navigation,
	.nav-links,
	.page-title,
	.page-description,
	.comment-author .fn,
	.no-comments,
	h2.author-title,
	p.author-bio,
	h4 {
	  font-size: 4.125em;
	}
}

.site-header.featured-image .site-branding .site-title,
.site-header.featured-image .site-branding .site-description,
.site-header.featured-image .main-navigation a:after,
.site-header.featured-image .main-navigation .main-menu > li.menu-item-has-children:after,
.site-header.featured-image .main-navigation li,
.site-header.featured-image .social-navigation li,
.site-header.featured-image .entry-meta,
.site-header.featured-image .entry-title {
  /*color: #fff;*/
  color: #000;
}

.site-title a, .site-title a:hover {
	color: #FF0000 !important;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.9em;
	margin-bottom: 1em;
}

@media only screen and (min-width: 768px) {
	.site-title a, .site-title a:hover {
		font-size: 1.125em;
	}
}

.site-title:not(:empty) + .site-description:not(:empty):before {
  content: none !important;
  margin: 0 .2em;
}

.site-description {
    display: block;
    color: #000;
    font-weight: normal;
    margin: 1em 0;
}

@media only screen and (min-width: 768px) {
	.site-description {
		display: block;
		color: #000;
		font-weight: normal;
		margin: 0;
		text-transform: uppercase;
		font-size: 2em;
	}
}

.site-branding {
	text-align: center;
}

.site-header.featured-image .site-branding-container:after, 
.site-header.featured-image .site-featured-image:before, 
.site-header.featured-image .site-featured-image:after, 
.site-header.featured-image:after {
	display: none;
    position: absolute;
    top: 0;
    left: 0;
    content: "\020";
    width: 100%;
    height: 100%;
}

.site-header.featured-image .main-navigation a:hover, .site-header.featured-image .main-navigation a:active, .site-header.featured-image .main-navigation a:hover + svg, .site-header.featured-image .main-navigation a:active + svg, .site-header.featured-image .main-navigation a + svg:hover, .site-header.featured-image .main-navigation a + svg:active, .site-header.featured-image .main-navigation a + svg:hover + svg, .site-header.featured-image .main-navigation a + svg:active + svg, .site-header.featured-image .social-navigation a:hover, .site-header.featured-image .social-navigation a:active, .site-header.featured-image .social-navigation a:hover + svg, .site-header.featured-image .social-navigation a:active + svg, .site-header.featured-image .site-title a:hover, .site-header.featured-image .site-title a:active, .site-header.featured-image .site-title a:hover + svg, .site-header.featured-image .site-title a:active + svg, .site-header.featured-image .site-featured-image a:hover, .site-header.featured-image .site-featured-image a:active, .site-header.featured-image .site-featured-image a:hover + svg, .site-header.featured-image .site-featured-image a:active + svg {
    color: #fff;
    opacity: 1 !important;
}

.site-header.featured-image {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 50vh;
}

.site-header.featured-image {
    overflow: unset !important;
}

/*body.page-id-2 #masthead.site-header.featured-image .site-featured-image .post-thumbnail img {
    height: 100%;
    left: 20%;
    max-width: 100%;
    min-height: 50%;
    min-width: 170vw;
    border: 1px solid #000;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: auto;
    z-index: 1;
}*/

@media only screen and (min-width: 768px) {
/*	body.page-id-2 #masthead.site-header.featured-image .site-featured-image .post-thumbnail img {
		height: 100%;
		left: 50%;
		max-width: 100%;
		min-height: 50%;
		min-width: 80vw;
		border: 1px solid #000;
		position: absolute;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		width: auto;
		z-index: 1;
	}*/

	.site-header.featured-image .site-featured-image .post-thumbnail img {
		height: 250px;
		left: 50%;
		max-width: 1200px;
		min-height: 250px;
		min-width: 1200px;
		min-width: 1200px;
		border: 1px solid #000;
		position: absolute;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		width: 1200px;
		z-index: 1;
	}	
}

@media only screen and (min-width: 768px) {
/*
	body.page-id-2 #masthead..site-header.featured-image .site-featured-image .post-thumbnail img {
		height: 100%;
		left: 50%;
		max-width: 100%;
		min-height: 50%;
		min-width: 100vw;
		border: 1px solid #000;
		position: absolute;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		width: auto;
		z-index: 1;
	}

	.site-header.featured-image .site-featured-image .post-thumbnail img {
		height: 100%;
		left: 50%;
		max-width: 100%;
		min-height: 50%;
		min-width: 100vw;
		border: 1px solid #000;
		position: absolute;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		width: auto;
		z-index: 1;
	}

*/

	.site-header.featured-image {
		min-height: 10vh;
		margin-bottom: 3rem;
	}
	.site-header.featured-image .site-featured-image {
		height: 250px;
	}
}

@media only screen and (max-width: 700px) {
	.site-header.featured-image .site-featured-image .post-thumbnail img {
		height: 100%;
		left: -350px;
		object-fit: cover;
		top: 0;
		transform: none;
		width: 195%;
	}
}

@media only screen and (min-width: 768px) {
	.site-header.featured-image .site-branding-container {
		margin-bottom: 150px;
	}
	
/*	.site-header.featured-image .site-featured-image .post-thumbnail img {
		height: 100%;
		left: 0;
		object-fit: cover;
		top: 0;
		transform: none;
		width: 100%;
	}
*/
/*	.site-header.featured-image .site-featured-image .post-thumbnail img {
		object-fit: fill !important;
	}
*/
	#masthead > div.site-branding-container > div > p.site-description {
		color: #000 !important;
	}
}
/*--------------------------------------------------------------
## Menu / Navigation
--------------------------------------------------------------*/
.main-navigation {
    display: block;
    text-align: center;
}

body.page .main-navigation {
    display: block;
	/*margin-bottom: 1em;*/
}

@media only screen and (min-width: 768px) {
	.main-navigation {
		font-size: 1.125em;
	}

	body.page .main-navigation {
		/*margin-bottom: 1em;*/
	}
	
}

.main-navigation .main-menu > li > a {
    font-weight: 700;
    color: #000;
    margin-right: 1.5rem;
    letter-spacing: 0em !important;
    text-transform: uppercase;
    text-decoration: none;
}

.main-navigation .main-menu > li.current-menu-item a {
	color: #FF0000 !important;
	text-decoration: underline;
}

.main-navigation .main-menu > li > a:hover, .main-navigation .main-menu > li > a:hover + svg {
    color: #005177;
}

.wp-block-separator {
    text-align: left !important;
}



/*--------------------------------------------------------------
## Entry Content
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
	.entry .entry-content > *, .entry .entry-summary > * {
		margin: 32px 0;
	}
}

@media only screen and (min-width: 1168px) {
	.entry .entry-content > *, .entry .entry-summary > * {
		/*max-width: calc(6 * (100vw / 12) - 28px);*/
		max-width: 100%;
	}
}
@media only screen and (min-width: 768px) {
	.entry .entry-content > *, .entry .entry-summary > * {
		/*max-width: calc(8 * (100vw / 12) - 28px);*/
		max-width: 100%;
	}

	.entry .entry-content > *, .entry .entry-summary > * {
		/*margin: 32px 0;*/
		margin: 16px 0;
		max-width: 100%;
	}
}
@media only screen and (min-width: 768px) {
	.main-navigation {
		font-size: 1.125em;
	}
}


/*--------------------------------------------------------------
## Inputs
--------------------------------------------------------------*/
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    -webkit-backface-visibility: hidden;
    background: #fff;
    border: solid 1px #ccc;
    box-sizing: border-box;
    outline: none;
    padding: 0.36rem 0.66rem;
    -webkit-appearance: none;
    outline-offset: 0;
    border-radius: 0;
}

.widget_search .search-submit {
    display: inline-block !important;
    margin-top: 1rem;
}

.button, button, input[type="button"], input[type="reset"], input[type="submit"] {
    transition: background 150ms ease-in-out;
    background: #0073aa;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size: 0.88889em;
    /* font-weight: 700; */
    line-height: 1.2;
    outline: none;
    padding: 0.5rem 1rem;
    text-decoration: none;
    vertical-align: bottom;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.site-footer {
	background-color: #f1f1f1;
	text-align: center;
}

@media only screen and (min-width: 768px) {
	.site-footer {
		background-color: #f1f1f1;
		text-align: left;
	}
}

@media only screen and (min-width: 1168px) {
	#colophon .widget-column .widget {
		margin-right: calc(3 * 1rem);
		width: calc(33% - (3 * 1rem));
	}
}

.footer-widget-1 {
	font-size: 0.7em !important;
}

@media only screen and (min-width: 768px) {
	.widget_search .search-field {
		width: 60%;
	}

	.footer-widget-1 {
		font-size: 0.7em !important;
	}
	
}