@import 'sage_xs.css';

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


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

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

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

Client-Specific CSS:......CSS beyond boilerplate

*/




/*-----------------------------------
   Globals
-----------------------------------*/
html body { font-size:12px; }



/*-----------------------------------
   Bootstrap Overrides
-----------------------------------*/

@media print {
  a[href]:after {
    content: none !important;
  }
}



/*-----------------------------------
   Site Elements
-----------------------------------*/

/* ---- Hierarchy ---- */
h1 { font-size:20px; }
h2 { font-size:16px; }
h3 { font-size:14px; }
h4 { font-size:12px; }
h5 { font-size:12px; }


/* ---- Lists ----- */

	/* Lists: Unordered */
	ul { margin-left:24px; margin-bottom:25px; list-style:circle; }
	ul > li { list-style-type:circle; }
	.content_container ul:not(.list-unstyled) > li:before { min-width:0; margin-left:0; content:none; display:inline; }

	/* Lists: Ordered */
	ol { padding-left:0; margin-bottom:25px; margin-left:24px; }
	ol > li { padding-left:0; margin-bottom:7px; }

	/* Lists: Unstyled (Unbulleted) */
	ul.list-unstyled { margin-left:0; list-style:none; }
	ul.list-unstyled > li { padding-left:0; list-style-type:none; } 


/* ---- Paragraph ---- */
p { margin-bottom:25px; }
p.intro { font-size: 14px; }


/* ---- Buttons ---- */
.btn { display:none; }


/* ---- Figure ---- */
.wp-caption .wp-caption-text { font-size:10px !important; }


/* ---- Videos ---- */
.flowplayer,
.video_wrapper { border:2px solid #fff; }



/*-----------------------------------
   Structure
-----------------------------------*/

/* ---- Header ---- */
#print_logo { width:150px !important; height:auto !important; margin:0 0 10px 15px; display:block !important; }

#header_mobile,
#header_desktop { display:none !important; }

.sticky_header_container { display:none; }

/* ---- Content Area ---- */
.site-content { border:none; }

.content_container { min-height:100px; padding:0; }


/* ---- Footer ---- */
.footer { display:none; }



/*-----------------------------------
   Section Specific
-----------------------------------*/
/* ---- Home Page ---- */
h1.entry-title { display:none; }


/* ---- Sub Pages ---- */
.subpage.content_container { min-height:100px; }

	/* Section Banner */
  .subpage .section_banner { height:auto; border:none; } 
  .subpage .section_banner .section_title_container { height:auto; }
	.subpage .section_banner .section_title { height:auto; padding:0 0 20px; }
  
	/* Breadcrumb */
	.breadcrumb_container { display:none; }

	/* Left Nav */
  .content_container .col-sm-3.hidden-xs { display:none; }
  .content_container .col-sm-3.hidden-xs + .col-sm-9 { width:100%; }
	.widget_nav_menu { display:none; }
	


/*-----------------------------------
   Page/Element Specific
-----------------------------------*/
/* ---- Projects ---- */
.projects_landing .project_element_content { height:auto; margin-bottom:30px; }

/* ---- Modals ---- */
.modal { display:none !important; }



/*-----------------------------------
   Client Specific CSS
-----------------------------------*/
html body { line-height:1.5; }


/* ---- Hierarchy ---- */
h1 { margin-bottom:20px; }


/* ---- Sub Pages ---- */

	/* Section Banner */
  .subpage .section_banner { margin-bottom:0; }
  .subpage .section_banner .section_title { font-size:24px !important; }