/*
	Theme Name: emSpace Nexus Child
	Description: Child theme of emSpace for emSpace Creative
	template: emspace-nexus
	Version: 1.0.2
	Requires at least: 5.0
	Tested up to: 6.1
	Requires PHP: 7.4
	Author: Eliot Matheson
	Author URI: http://www.emspacecreative.ca
	License: GNU General Public License, version 3 (GPLv3)
	License URI: http://www.gnu.org/licenses/gpl-3.0.txt
	Tags: one-column, two-columns, right-sidebar, left-sidebar, custom-menu, featured-images, theme-options, footer-widgets
	Text Domain: emspace-nexus-child
*/

/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
Media Query Regerence
– Branding
- Header
- Footer
- Front Page
*/


@media screen and (max-width: 576px) {
	/* Extra Small */
}

@media screen and (min-width: 576px) {
	/* Small */
}

@media screen and (min-width: 768px) {
	/* Medium */
}

@media screen and (min-width: 992px) {
	/* Large */
}

@media screen and (min-width: 1200px) {
	/* Extra Large */
}



/* Branding
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* ---------------------------------------------------------------------- 2. Colors */


:root {
	--brand-colour: #7a7466;
	--secondary-brand-color: #25ce71;
	--third-brand-colour: #e1e1e1;
}

body {
	background-color: #fff;
	color:#000;
	font-family: "oswaldmedium", sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "oswaldmedium", sans-serif;
}

i {
	font-family: "open_sansitalic", sans-serif;
}

a, a:link, a:visited {
	color: var(--brand-colour);
	text-decoration: underline;
	/*margin: -0.5rem;
	padding: 0.5rem; */
	border: 1px solid transparent;
}

a:hover, a:link:hover, a:visited:hover {
	border: 1px dashed var(--brand-colour);
}

.white-bg {
	background-color: #fff;
}

a.button, a:link.button, a:visited.button {
	background-color: #000;
	border: 1px solid #000;
	color: #fff;
	text-decoration: none;
	border-radius: 50px;
	padding: 0.25rem 3rem 0.125rem 3rem;
	line-height: 2.75rem;
	text-transform: uppercase;
}

a.button:hover, a:link.button:hover, a:visited.button:hover {
	background-color: #fff;
	border: 1px solid #000;
	color: #000;
	text-decoration: inherit;
}

a.chip, a:link.chip, a:visited.chip {
	border: none;
	color: #fff;
	text-decoration: none;
	border-radius: 25px;
}

/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.top-banner {
	background-color: #5c9ce4;
	text-align: center;
	padding: 1rem 0 0.5rem 0;
}

.header {
	text-align: center;
	background-color: transparent;
	box-shadow: none;
	position: relative;
	z-index: 50;
}

@media screen and (min-width: 768px) {
	.header {
		text-align: initial;
	}

	.home-header {
		margin-bottom: -14rem;
		z-index: 100;
	}
}

.header-contact a:link, .header-contact a:visited {
	text-decoration: none;
	color: #000;
}

.header-banner {
	padding: 2rem 0 0 0;
}

.header-logo img {
	max-width: 250px;
}


.header-menu a:link, .header-menu a:visited {
	background-color: transparent;
	text-decoration: none;
	color: #fff;
	border: 1px solid #fff;
}

.header-menu a:link:hover, .header-menu a:visited:hover {
	background-color: var(--third-brand-colour);
	color: #fff;
}

.js .nav-collapse-0.opened {
  display: inline;
}

/* Header Menu
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.header-nav {
  box-shadow: none;
  text-transform: uppercase;
}

@media screen and (min-width: 992px) {

	.nav-collapse {
		display: inline-flex;
	}

	.nav-collapse li:first-child a {
	  border: none;
	}

	.nav-collapse a {
	  border: none;
	}

	.header-menu li:after {
		content:"";
		background: #fff;
		position: absolute;
		bottom: 15px;
		left: 0;
		height: 40%;
		width: 1px;
	}

	.header-menu li:first-child:after {
		display: none;
	}


	.header-menu a:link, .header-menu a:visited {
		border: none;
	}

	.nav-collapse ul li.focus > ul, .nav-collapse ul li:hover > ul {
		/* margin-left: -80px;
		padding-right: 0;
		margin-right: 0; */
	}

	.sub-menu {
		background-color: var(--brand-colour);
		box-shadow: 0 2px 2px 1px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
		border: 0;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-right: 0; */
	}

	.sub-menu li {
		margin-right: 0;
		border: 0;
	}

	.sub-menu li::after {
		display: none;
	}

	.sub-menu li:last-child, .sub-menu a:last-child, .sub-menu li, .sub-menu a {
	  margin-right: 0;
	  width: 100%;
	}

	.sub-menu a {
		margin-right: 0 !important;
	}

	nav .menu-item-has-children:hover .sub-menu {
		left: 0;
	}

}


/* Front Page Blocks
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Links Block */

.fp-links-block {
	padding: 2rem 0;
}

.fp-links-row a:link {
	  border: 3px solid var(--brand-colour);
	  display: block;
}

.fp-links-row a:link:hover {
	  border: 3px solid #000;
	  display: block;
	  text-decoration: underline;
}

 /* Container holding the image and the text */
.fp-link-wrapper {
  position: relative;
  text-align: center;
  color: white;
}

.fp-link-wrapper:hover > .fp-link-title {
	text-decoration: underline;
}

/* Centered text */
.fp-link-title {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, 0%);
  color: #fff;
  background: rgba(122, 116, 102, 0.8);
  padding: 1rem 0;
  width: 100%;
}

.links-section-button {
	text-align: center;
}

/* Info Block */

.fp_info {
	padding-top: 3rem;
	color: #e1e1e1;
}

.fp-info-block .row {
	margin-bottom: 0;
}


/* Pages & Posts
–––––––––––––––––––––––––––––––––––––––––––––––––– */


.page-header {
  border-bottom: 1px solid var(--third-brand-colour);
  margin-bottom: 1.5rem;
}

/* Posts */

.post-meta {
	font-family: "open_sansitalic", sans-serif;
}

.availability {
	text-align: center;
	text-transform: uppercase;
	padding: 0.5rem 0;
	color: #fff;
}

.fp-gallery-block {
    padding: 3rem 0;
}

/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */

footer {
	background-color: #5c9ce4;
	border-top: 10px solid #000;
}

footer a:link, footer a:visited {
	color: #000;
	text-decoration: none;
}


.footer-logo {
	text-align: center;
}

.footer-logo img {
	max-width: 200px;
	height: auto;
}

@media screen and (min-width: 768px) {
	.footer-logo {
		text-align: left;
	}
}

.footer-info {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid #000;
}

.footer-menu, .footer-menu .sub-menu {
	padding-left: 0;
}

.footer-menu ul {
	padding-left: 0;
}

.footer-menu .sub-menu {
	padding-left: inherit;
	background-color: var(--brand-colour);
	box-shadow: none;
	border: 0;
	margin-left: 1rem;
}

.footer-menu .sub-menu li:before {
	display: inline;
	content: '-';
	margin-right: 0.25rem;
}

.footer-menu a:link, .footer-menu a:visited {
	margin-left: -0.5rem;
	padding: 0.5rem;
	border: 1px solid transparent;
}

.footer-menu a:link:hover, .footer-menu a:visited:hover {
	border: 1px dashed #fff;
	background-color: var(--third-brand-colour);
}