/*
Theme Name: make-Child
Description:  Child theme based on make
Author: Thom Mackris
Version: 1.00.00
Template:  make
*/

@import url('../make/style.css');
/* ============================================================================ */
/* Note line numbers synchronized with parent style v1.9.4 (2017-08-26)			*/
/* BigDifferent - css for make-Child theme										*/
/*																				*/
/* Typography - set these in customizing):										*/
/*			Customizing --> Typography --> Content Headings						*/
/* 			font-weight: 700-bold;												*/
/*			text-transform: none;												*/
/*          h1=44px, h2=36px, h3=24px, h4=20px, h5=16px, h6=14px				*/
/* ============================================================================ */

/* ---------------------------------------------------------------------------- */
/* AddToAny (social sharing buttons plugin): match color of footer				*/
/* ---------------------------------------------------------------------------- */
.addtoany_share_save_container {
	margin: 0 !important;
/* background-color: #9DBDFF !important; - disable periwinkle - allow default	*/
	padding: 4px 0 0 0 !important;
}
/* ================================================================================ */
/* Tabs/Panels: border & shadowing (adapted from Make forum):						*/
/* 		https://thethemefoundry.com/questions/topic/change-tab-colors-in-panels/	*/
/* ================================================================================ */
/* NOTE: #808285 replaced with #6e7f91	*/

.builder-section-panels .ui-widget-header {
	border-bottom: 4px solid #6e7f91;
	color: #171717;
  /*background: #eaecee;       */
	background-color:  transparent;   /*#f8f8f8; */
	border-top-right-radius: .5em;
}

.builder-section-panels .ui-state-active, 
.builder-section-panels .ui-widget-content .ui-state-active, 
.builder-section-panels .ui-widget-header .ui-state-active {
/*	background-color: 444444;			*/
	border-top: 1px solid #6e7f91;
	border-right: 1px solid #6e7f91;
	border-left: 1px solid #6e7f91;
	border-top-right-radius: .5em;
}

/* ---------------------------------------------------------------------------- */
/* Tabs/Panels: hover state font & background color	(from Make Forum)			*/
/* ---------------------------------------------------------------------------- */
.builder-section-panels .ui-state-hover, 
.builder-section-panels .ui-widget-content .ui-state-hover, 
.builder-section-panels .ui-widget-header .ui-state-hover, 
.builder-section-panels .ui-state-focus, 
.builder-section-panels .ui-widget-content .ui-state-focus, 
.builder-section-panels .ui-widget-header .ui-state-focus {
	border-top: 1px solid #6e7f91;
	border-right: 1px solid #6e7f91;;
	border-left: 1px solid #6e7f91;
	border-top-right-radius: .5em;  
} 

.builder-section-panels .ui-tabs .ui-tabs-nav li {
	border-top: 1px solid #6e7f91;
	border-right: .5px solid #6e7f91;
	border-bottom: 0px;
	border-left: .5px solid #6e7f91;
	border-top-right-radius: .5em;  
	border-top-left-radius: .2em;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

/* ================================================================================ */
/* Tabs/Panels: border & shadowing (adapted from Make forum):						*/
/* 		https://thethemefoundry.com/questions/topic/change-tab-colors-in-panels/	*/
/* ================================================================================ */
/* NOTE: #808285 replaced with #6e7f91	*/
.builder-section-panels .ui-widget-header {			/* copied from Galibier	*/
	border-bottom: 4px solid #6e7f91;
  /*color: #171717;					*/
  /*background: #eaecee;			*/
	background-color: transparent;
	border-top-right-radius: .5em;
}

.builder-section-panels .ui-state-active,			/* copied from Galibier	*/
.builder-section-panels .ui-widget-content .ui-state-active, 
.builder-section-panels .ui-widget-header .ui-state-active {
	border-top: 1px solid #6e7f91;
	border-right: 1px solid #6e7f91;
	border-left: 1px solid #6e7f91;
	border-top-right-radius: .65em;
}

.builder-section-panels .ui-state-hover, 
.builder-section-panels .ui-widget-content .ui-state-hover, 
.builder-section-panels .ui-widget-header .ui-state-hover, 
.builder-section-panels .ui-state-focus, 
.builder-section-panels .ui-widget-content .ui-state-focus, 
.builder-section-panels .ui-widget-header .ui-state-focus {
	border-top: 1px solid #6e7f91;
	border-right: 1px solid #6e7f91;
	border-left: 1px solid #6e7f91;
	border-top-right-radius: .65em;  
} 

.builder-section-panels .ui-tabs .ui-tabs-nav li {
	border-top: 1px solid #6e7f91;
	border-right: .5px solid #6e7f91;
	border-bottom: 0px;
	border-left: .5px solid #6e7f91;
	border-top-right-radius: .65em;  
	border-top-left-radius: .2em;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

/* ---------------------------------------------------------------------------- */
/* Blog Post Title Font Size: overrides in-stream html							*/
/* 	.entry-title  a:	fixes Main Blog Page (depends on h1 being <a> </a> tag)	*/
/* 	.entry-header h1:	fixes Post Page											*/
/* ---------------------------------------------------------------------------- */
.entry-header  h1, .entry-title  a    {
	font-size: 1.1em !important;
	color: #222222;
}

/* ---------------------------------------------------------------------------- */
/* Parallax sections formatting:												*/
/*	Make text stand out better with shaddow										*/
/*	In page edit, configure each Parallax Section (gear icon):					*/
/*	Code (dropdown) --> Section HTML Classes --> enter: "parallax-section" 		*/
/* ---------------------------------------------------------------------------- */
.parallax-section h1 {           
	text-shadow:  2px 2px #000000;		/* Add text shadow						*/
	color: #faf7af;						/* canary yellow						*/
	font-style: italic;					/* Italic								*/
}

.parallax-section h2 {           
	text-shadow:  2px 2px #000000;		/* Add text shadow						*/
	color: #faf7af;						/* canary yellow						*/
	font-style: italic;					/* Italic								*/
}

.parallax-section h3 {           
	text-shadow:  2px 2px #000000;		/* Add text shadow						*/
	color: #faf7af;						/* canary yellow						*/
	font-style: italic;					/* Italic								*/
}

/* ---------------------------------------------------------------------------- */
/*  Override parallax effect on mobile.											*/
/*	Requires custom CSS in EACH builder	section	(multple sections on home page)	*/
/*	Initially configured on home page sections containing background images		*/
*	to have class = parallax-section												*/
/* ---------------------------------------------------------------------------- */
@media screen and (max-width: 480px) {
	.parallax-section {
		background-attachment: scroll;
	}
}

/* ---------------------------------------------------------------------------- */
/* Header Bar mods (not in parent css)											*/
/* ---------------------------------------------------------------------------- */
.header-bar .menu   a:hover {
	color: #fed1b3 !important;
}

.header-bar .menu li.current_page_item {
	/*background-color: rgba(0, 102, 191, 0.4) !important; */
	text-decoration: underline;
}

/* ---------------------------------------------------------------------------- */
/* Line 469: Non-builder pages - change content width (default is 1024px)		*/
/*			Appears to affect site-title & menu.								*/
/* ---------------------------------------------------------------------------- */
.container,
.infinite-footer-container,
.page-template-template-builder-php .entry-content > .twitter-share {
	max-width: 100%;
}

/* don't know what this element does:											*/
.builder-text-title  h1 {		/* Work on this one to add text shadow to h2		*/
	text-shadow:  2px 2px #000000;      /* Try to add text shadow				*/
	color: #ffcc00;
}

/* ---------------------------------------------------------------------------- */
/* line 476:  content width when not using builder (default is 1024px)			*/
/* ---------------------------------------------------------------------------- */
.container,
.infinite-footer-container,
.page-template-template-builder-php .entry-content > .twitter-share {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 32px;
	padding: 0 3.2rem;
}

/* ------------------------------------------------------------------------------------ */
/* Line 542:  Change top/bottom padding of header from: 44px 0 22px; 4.4rem 0 2.2rem;	*/
/* 		Increase height of site header (background/banner image)						*/
/* ------------------------------------------------------------------------------------ */
.site-header-main {
	padding: 22px	0	0;
	padding: 2.2rem	0	0;
	height: 225px;
}

/* ---------------------------------------------------------------------------- */
/* Line 578: Main menu - change to black background								*/
/* ---------------------------------------------------------------------------- */
.header-layout-3 .site-navigation {
	float: right;
	width: auto;    							/* shrink width of header bar */
	background-color: #000000;
}

/* ---------------------------------------------------------------------------- */
/* Line 628: 																	*/
/* ---------------------------------------------------------------------------- */
.site-title {
	font-size: 42px;
	/*font-family: "Happy Monkey","Helvetica Neue",Helvetica,Arial,sans-serif;  */
}

.site-title a {
	color: #08233b;
	/*font-family: "Happy Monkey","Helvetica Neue",Helvetica,Arial,sans-serif;  */
}

/* ---------------------------------------------------------------------------- */
/* Line 653: Increase width of site-title & tagline from 50%					*/
/*  Float site-title up to better align with site logo							*/
/*	add inline-block for site-title & description so it doesn't drop below logo */
/* ---------------------------------------------------------------------------- */
@media screen and (min-width: 800px) {
	.site-branding {
		float: left;
		max-width: 75%;
	}
	.site-title {
		line-height: 4.2 !important;
		vertical-align: text-bottom;
	}
	
	.site-title, .site-description {
		display: inline-block;
	}
}

/* ---------------------------------------------------------------------------- */
/* Line 664: 																	*/
/* ---------------------------------------------------------------------------- */
.site-description {
	color: #08233b;
	font-style: italic;
	font-size: 24px;
	font-weight: 900;
	text-transform: none;
	margin: 1.1rem 0 2.2rem 22px;  /*  align site description under logo		*/
	/*font-family: "Happy Monkey","Helvetica Neue",Helvetica,Arial,sans-serif;	*/
}

/* ---------------------------------------------------------------------------- */
/* Line 932: Header bar menu font-size											*/
/* ---------------------------------------------------------------------------- */
@media screen and (min-width: 800px) {
	.header-navigation .mobile-menu ul.menu li a {
		font-size: 16px !important;
		font-size: 1.6rem !important;
		font-weight: 600 !important;
	}
}
/* -----------------------------------------------------------------------------*/
/* Line 1338: Customize sub-menu elements.										*/                            
/*		Overrides detail color in header color customization					*/
/*		Can make drop-down arrow more visible here as well						*/
/*		Can add text-shadow here.												*/
/* ---------------------------------------------------------------------------- */
.site-navigation .page_item_has_children a:after, 
.site-navigation .menu-item-has-children a:after {   /* dropdown menu indicator	*/
    color: #0056bf;
	font-weight: 500;
}

/* ---------------------------------------------------------------------------- */
/* Line 1618: float navigation menu left/right within .site-navigation box		*/
/* ---------------------------------------------------------------------------- */
.site-navigation .menu {
	float: right;
}

/* ---------------------------------------------------------------------------- */
/* Line 1886: change header font colors	- (fbb750)								*/
/*  Can add other attributes like text-shadow, etc.								*/
/* ---------------------------------------------------------------------------- */
h1 {	color: #222222;}
h2 {	color: #222222;}
h3 {	color: #222222;}
h4 {	color: #222222;}
h5 {	color: #222222;}
h6 {	color: #222222;}

/* ---------------------------------------------------------------------------- */
/* line 1931-1941:	change change font-size and text color for block quotes		*/
/* ---------------------------------------------------------------------------- */
blockquote {
	clear: both;
	margin: 22px 40px;			/* default is 22px 0							*/
	margin: 2.2rem 4.0rem;		/* default is 2.2rem 0rem						*/
}

blockquote p {
	font-size: 16px;			/* default is 24px								*/
	font-size: 1.6rem;  		/* default is 2.4rem							*/
	color: #0066bf;				/* added										*/
}

/* ---------------------------------------------------------------------------- */
/* Line 2009: stray blocks receiving background-image							*/
/* ---------------------------------------------------------------------------- */
/*tt,
kbd,
pre,
code,
samp,
var {
	background-image: url('../../uploads/2015/12/bg-01.png');
}*/

/* ---------------------------------------------------------------------------- */
/* line 2176:	change unordered list bullet to open circle						*/
/* ---------------------------------------------------------------------------- */
ul {                            /* line 1752                                      */
	list-style: circle;        /* change unordered list to open circle           */
}

/* ============================================================================ */
/* Section 7: Pages - Line 2975 (in v1.8.10)									*/
/* ============================================================================ */
/* ----------------------------------------------------------------------------	*/
/* Line 2793: Post Tags on Blog Page. Font-weght & hover state color  			*/
/* ----------------------------------------------------------------------------	*/
.post-categories li a,
.post-tags li a {
	font-weight:  bold;
}

.post-categories li a:hover,
.post-tags li a:hover{
	color:  #fc6f11;
}

/* ----------------------------------------------------------------------------	*/
/* Line 3021: Default value  is: 0 32px; and 0 3.2rem;							*/
/*		2017-06-30: can probably restore to default	padding.					*/
/*					(padding: 0 32px; and 0 3.2rem;)							*/
/* ---------------------------------------------------------------------------- */
/*.builder-section-gallery .builder-section-content,
.builder-section-text .builder-section-content,
.builder-section-blank .builder-section-content {
	padding: 12px 5px 0px 22px;
	padding: 1.2rem 0 2.2rem;
}*/

/* ---------------------------------------------------------------------------- */
/* Line 3036:																	*/											
/*		max-width isn't specified in parent CSS									*/
/*		less than 100% can mess up pages without a full-width banner-content	*/
/*																				*/
/*		padding isn't specified in parent CSS                                   */
/*		margin-bottom is specified in parent CSS, but this is overridden		*/
/*		in specific builder sections (i.e. checkbox to add padding below)		*/
/*																				*/
/* ---------------------------------------------------------------------------- */
.builder-section {
	max-width: 100%;
	padding: 22px 0 10px !important;
	padding: 2.2rem 0 .75rem !important;
}

/* ---------------------------------------------------------------------------- */
/* Line 3091:	Padding for Builder section columns:							*/
/* Defaults values: padding: 52px 0 22px;   5.2rem 0 2.2rem;					*/
/* This seems to set padding only when a background image is set in a bldr. sec.*/
/* ---------------------------------------------------------------------------- */
.builder-section-text.has-background {
	padding: 50px 0 10px !important;
	padding: 5.0rem 0 .75rem !important;
}

/* ---------------------------------------------------------------------------- */
/* Line 3253: (Banner Section): default 11px 128px;								*/
/* ---------------------------------------------------------------------------- */
@media screen and (min-width: 800px) {
	.builder-banner-content {
		padding: 0;
	}
}

/* ---------------------------------------------------------------------------- */
/* This doesn't appear in v1.8.10. Commented out for now (2017-06-30)			*/
/* ---------------------------------------------------------------------------- */
/*	@media screen and (min-width: 800px) {
		.builder-section-gallery .builder-section-content,
		.builder-section-text .builder-section-content,
		.builder-section-blank .builder-section-content {
			padding: 0 32px;
			padding: 0 3.2rem;
		}
}*/

/* ============================================================================ */
/* Section - 8: Widgets - Line 3662 (v1.8.10)									*/
/* ============================================================================ */

/* ---------------------------------------------------------------------------- */
/* Line 3693: Left & Right Sidebar (margin-top) - no is default specified		*/
/* ---------------------------------------------------------------------------- */
.widget {
	margin-top:  100px;
}