/*
Theme Name: Twenty Fifteen Child BM
Theme URI: https://testing.ourfaithfamilyfellowship.com/twentyfifteen-child-bm
Author: Beth McIntosh
Author URI: http://www.webandappdesign4u.com/
Description: My first child theme. Parent theme: Twenty Fifteen.
Version: 1.0.0
Template: twentyfifteen
Text Domain: twentyfifteen-child-bm
Tags: green, light, white, gray, black, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, photoblogging, left-sidebar, translation-ready
*/


h1,h2,h3,h4,h5,h6, #site-navigation {
	font-family: Oswald, "Oswald Regular", sans-serif;
}

/*
 Below title color is temporary, but just so I didn't go crazy.
*/
h1,h2,h3,h4,h5,h6, .betheydev-title-color, a, a:hover, a:active, a:visited, #site-navigation .current-menu-item > a, strong {
	color: #AA9477;
}

#site-navigation .current-menu-ancestor > a {
	font-weight: normal;
}

.betheydev-title-color {
	font-family: Oswald, "Oswald Regular", sans-serif;
}

p, article ul li {
	font-family: "Clear Sans", "Clear Sans Regular", sans-serif;
	color: white;
	font-size: 1.9rem;
}

.page, .footer {
background-color: transparent;
box-shadow: none;
}

.entry-content, .hentry {
padding: 0%;
}

.hentry, .page-header, .page-content {
margin: 0%;
}

#main {
padding: 0%;
}

.site-content {
	margin: 3.5%;
}

/*Copy pasted, researched, trial & error to get code below, then went through and deleted as much duplicate code as I knew how.
 * The result of this code made the left sidebar fixed at 250px wide, and centered the site-content on the remainder of the page (see calc values under site-content) with 3.5% margin to spare between the sidebar and content (see above site-content code)*/

@media screen and (min-width: 59.6875em) {
body:before {
    position: fixed;
    top: 0;
    left: 0;
    width: 250px;
    z-index: 0; 
	/* Fixes flashing bug with scrolling on Safari */
}
	
.sidebar {
		float:left;
    position: fixed;
    width: 250px;
}

.site-content {
    float: left;
		margin-left: calc((250px + 3.5%));
		width: calc((93% - 250px));
	}}

/*The below margin code changes the desktop version when it gets wider, to delete adding any extra margin to the navigation sidebar so it will always be only 250px.  However, that made the rest of the distributed margin on the wide desktop version go to the right side, thus uncentering the site-content.  After inspecting the element and trying out some things, I figured out that the max-width of the stylesheet being applied was 1403px, and whenever the screen got bigger than that, all the extra margin was going to the right side.  So I changed the max width to 6000px.  That fixes it until it gets to 6000px at least, which should be all the time, based on current largest screen resolutions I could find.  This can be fixed to better distribute margin some time so it's more flexible, since this isn't necessarily best practice.*/

.hfeed.site {
	margin: 0px;
	max-width: 6000px;
}

/*Below code changes the sidebar spacing and font size to look way nicer like rbcnashville.com
The reason I used rem instead of em for both, is that em changes with the screen size, and I didn't want my sidebar font to do that.'*/

#site-navigation {
	margin: 0px;
	font-size: 1.75rem;
}

#site-navigation a {
	padding-left: 25px;
	padding-top: 21px;
	padding-bottom: 19px;
	padding-right: 25px;
	margin: 0px;
}

.dropdown-toggle {
	margin-left: 20px;
	margin-top: 16px;
	margin-bottom: 14px;
	margin-right: 15px;
	padding:5px;
}

#masthead {
	padding-left: 25px;
}

.site-title {
	font-size: 2.75rem;
}
/*Changed border color of sidebar menu since it was too bright.*/

.main-navigation ul, .main-navigation li {
	border-color: rgba( 255, 255, 255, 0.05);
}
/*Added hover capabilities to make it awesomer - also here I changed the margin on #site-navigation to padding so hover would look nice.*/

#site-navigation li a:hover, .dropdown-toggle:hover {
	background-color:rgba(255,255,255, .025);
	font-weight:normal;
}

#site-navigation li a {
	color: white;
}
/*Made top menu bar smaller to look nicer, with title centered.*/

.site-branding {
	min-height: 2em;
}

p.site-title > a, p.site-title > a:hover {
	text-decoration:none;
	color:white;
} 

/*Customizing mobile mneu*/
@media screen and (max-width: 955px) {
    .mobmenu_content li a {
   padding-left: 25px;
	padding-top: 21px;
	padding-bottom: 19px;
	padding-right: 25px;
}
}

hr {
	background-color: rgba(170,  148, 119, 0.5);
	padding: 0.5px;
}

a {
	text-decoration: underline;
}

a:hover, a:active {
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	font-style: italic;
}

div.fl-row-content-wrap {
	padding: 0;
	margin: 0;
}

div.fl-photo-caption {
	font-family: Oswald, "Oswald Regular", sans-serif;
	color: white;
	font-size: 2.4rem;
	padding-top: 25px
}

h2, h3 {
	margin-top: 0px;
}

#betheydev-facebook-plugin {
	text-align: center;
}

label.wpforms-field-label, label.wpforms-field-sublabel.after {
	color: #969DA4;
}

div#wpforms-confirmation-503.wpforms-confirmation-container-full.wpforms-confirmation-scroll {
	background-color: #1C2D3B;
	font-style: italic;
	border: 1px solid tan;
}

header#masthead.site-header {
	padding: 0px;
	margin: 0px;
}