/*
 Theme Name:     WP Bootstrap Starter Child
 Theme URI:      https://wordpress.org/themes/wp-bootstrap-starter/
 Description:    A child theme of WPBS Theme
 Author:         Afterimage Designs
 Author URI:     https://afterimagedesigns.com/
 Template:       wp-bootstrap-starter
 Version:        3.3.6
*/

/******************************************
********* Eidolon Home CSS ***************
******************************************/

@import "style-eidolon-home.css";

/******************************************
********* Eidolon Posts CSS ***************
******************************************/

@import "style-eidolon-posts.css";

/******************************************
********* Eidolon Breadcrumbs CSS *********
******************************************/

@import "style-eidolon-breadcrumbs.css";

/******************************************
********* Eidolon Alphabetical CSS ********
******************************************/

@import "style-eidolon-alphabetical.css";

/******************************************
***** Eidolon Navigation Sides CSS ********
******************************************/

@import "style-eidolon-navigation-sides.css";

/******************************************
******* Eidolon Archive Cards CSS *********
******************************************/

@import "style-eidolon-archive-cards.css";

/****************************************************
******* Eidolon Basic Page / About Page CSS *********
*****************************************************/

@import "style-eidolon-basic-page.css";

/**********************************************
*** Theme global customization starts below ***
***********************************************/

#masthead {
	width: 100%;
	height: 60px;
	/* width: 80.63%; /* rando % matches eidolon posts 86% */
	/* max-width: 1140px; */
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-bottom: 2px solid #dee2e6;
	/*border-left: red 2px dotted;
    border-right: red 2px dotted;*/
	z-index: 200;
	position: fixed;
	background: #fff;
	top: 0;
}
#masthead .container {
	width: 80.63%;
	max-width: 1140px;
	padding: 15px 0 0 0;
	margin: 0 auto;
}
#masthead .navbar-brand .site-title {
	font-size: 1.2rem;
	font-family: "Roboto Slab", serif;
	font-weight: 600;
}
/* Remove Firefox link outline */
a:focus {
    outline: none !important; 
}
/* Remove Firefox link outline */
button:focus {
    outline: none !important; 
}
/* Remove Firefox link outline */
button::-moz-focus-inner {
	border: 0 !important;
}
a:hover {
	color: #0056b3 !important;
}

/*****************************************
*** Grid standardized across all pages ***
*****************************************/
body #content.site-content {
	margin-bottom: 60px; /* offsets masthead height */
}
body #content.site-content .container.site-content-container {
	margin: 0 auto;
	padding: 0 15px;
	max-width: 1140px;
	width: 100%;
	position: relative;
	top: 50px;
}
body.single-eidolon_posts .site-content .row {
	/* removed; replaced with primary-wrapper */
}
body .primary-wrapper {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	/*background: rgba(255, 255, 0, 0.1); light yellow background */
	/*outline: 2px dotted yellow;*/
}
body section#primary.col-lg-8 {
	/* removed */
}
body section#primary {
	flex: 0 0 auto; /* override any flex-basis/grow/shrink */
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: block;
	/* background: rgba(255, 0, 0, 0.1); light red background */
	/*outline: 2px dotted red;*/
}

/********************************
************* Search ************
*********************************/

#masthead aside {
	z-index: 10;
	width: 20% !important;
	min-width: 130px;
	position: relative;
	top: -45px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: right;
}
#masthead aside .wp-block-search__inside-wrapper {
	border: none;
}
#masthead aside input {
	border: 1px solid #dee2e6;
	box-shadow: inset 0 0 10px #efefef;
	font-size: .9rem;
	border-radius: 2px;
	height: 30px;
}
#masthead aside button {
	height: 30px;
	width: 30px;
	border-radius: 2px;
	display: block;
}
#masthead aside button.wp-block-search__button.has-icon.wp-element-button {
	padding: 0 0 0 0;
}
#masthead aside button .search-icon {
	min-height: 20px;
  	min-width: 20px;
	margin-left: auto;
	margin-right: auto;
}
#masthead aside label {
	display: none;
}

/********************************
*********** Menu Nav ************
*********************************/

body.archive #main-nav,
body.archive .navbar-toggler,
body.single-eidolon_posts #main-nav,
body.single-eidolon_posts .navbar-toggler
/*.navbar-light .navbar-toggler*/ {
	display: none !important;
}

@media (min-width: 1200px) {
  /*.navbar-expand-xl .navbar-collapse {
	  display: none !important;
	}*/
}