/*
-----------------------------------
TOC
-----------------------------------

Bootstrap Overrides:......Changes to base-Bootstrap CSS

Template Globals:.........Styles for specific responsive templates

Page Globals:.............Styling of HTML and BODY

Site Elements:............Re-usable site elements 	

Structure:................Site structural components

Section Specific:.........Styles for Home and all Sub Pages

Page/Element Specific:....Page, element or flow Specific CSS

Responsive:...............Specific styles for Desktop, Tablet and Mobile

Additive CSS:.............Additive/override CSS

Lightbox..................3rd Party Lightbox CSS

Downsize..................Reduce font size for sections

*/



/* ------------------------------------
$ Page Globals
------------------------------------ */

/* ---- Hierarchy ---- */

	/* Hierarchy: Classes */
	h1.hierarchy_large,
	.h1.hierarchy_large { font-size: 40px; line-height: 1.00; }
	
	h2.hierarchy_large,
	.h2.hierarchy_large { margin-bottom: 35px; font-size: 32px; line-height: 1.0625; }	


/* ---- Slider ---- */

	/* Slider: Content */
	.slider-inner > .item > .col-lg-5 { width: 20%; }

	/* Slider: Control the Active Slide */
	.lg_slider_2 > .active.left  { left: -50%; }
	.lg_slider_2 > .active.right { left: 50%; }
	.lg_slider_3 > .active.left  { left: -33.3333%; }
	.lg_slider_3 > .active.right { left: 33.3333%; }
	.lg_slider_4 > .active.left  { left: -25%; }
	.lg_slider_4 > .active.right { left: 25%; }
	.lg_slider_5 > .active.left  { left: -20%; }
	.lg_slider_5 > .active.right { left: 20%; }

	/* Slider: Control the Incoming Slide */
	.lg_slider_2 > .next { left: 50%; }
	.lg_slider_2 > .prev { left: -50%; } 
	.lg_slider_3 > .next { left: 33.3333%; }
	.lg_slider_3 > .prev { left: -33.3333%; }
	.lg_slider_4 > .next { left: 25%; }
	.lg_slider_4 > .prev { left: -25%; }
	.lg_slider_5 > .next { left: 20%; }
	.lg_slider_5 > .prev { left: -20%; }



/* ------------------------------------
$ Override CSS
------------------------------------ */

/* ---- Additive / Reductive CSS ---- */

	/*  Add: Column Borders (Divider) - LG Only */ 
	.add_border_right_lg,
	.add_border_left_lg { position: relative; }

	.add_border_left_lg:before,
	.add_border_right_lg:after { width: 0; height: auto; border-right: 1px solid #e1e1e1; bottom: 20px; content: ""; position: absolute; top: 0; }

	.add_border_left_lg:before { left: 0; }
	.add_border_right_lg:after { right: 0; }


/* ---- MathWorks Custom Bootstrap Classes ---- */

	/* Custom Pull Right Classes */
	.pull_right_lg { float: right; }

	/* Custom Text Alignment Classes */
	.text_left_lg { text-align: left; }
	.text_center_lg { text-align: center; }
	.text_right_lg { text-align: right; }










/* ------------------------------------
$ To Be Code Reviewed
------------------------------------ */
/* 
 All CSS changes/addtions/edits MUST be code reviewed before they can accepted as part of the site6 standards.

 Please add any working code below, and be sure to add you initials in the comments for your section.

 Once your work is complete, coordinate a code review with Ryan Johnson.  Code reviews should be scheduled before the end of Feature Freeze.
*/

/* AEM style for centering text (GQ) */
span.text_center_lg { display: block; }




