@import 'carbx_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 { border-top:none; background:#fff; font-size:18px; }



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

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



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

/* ---- Hierarchy ---- */
h1 { font-size:28px; }
h2 { font-size:24px; }
h3 { font-size:20px; }
h4 { font-size:18px; }
h5 { font-size:18px; }


/* ---- 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; }
p.callout { 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; }

#header_desktop_scroll { display:none !important; }

/* ---- 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 { width:auto !important; margin-bottom:20px; background:transparent !important; color:#004b87 !important; }
h2.page_title { display:none !important; }
h3 { text-align:left !important; }

.callout { display:none !important; }

.quote_container { display:none !important; }

.contact_feature_container { display:none !important; }

.mobile_sidebar { display:none !important; }

.vc_row-fluid.add_vc_banner_row.vc_row-has-fill { display:none !important; }


/* ---- Horizontal Rule ---- */

  /* Horizontal Rule: Two Tone */
  hr.two_tone { height:auto; border-left:none; border-top:8px solid #00464f; }


/* ---- Header ---- */
#print_logo { margin-bottom:25px !important; }


/* ---- Footer ---- */
.footer { margin-top:40px; border-top:1px solid #333; display:block; }
.footer_nav { display:none !important; }


/* ---- Home Page ---- */

  /* Hero Image */
  .hero_banner { background:none !important; }
  .hero_banner_content_container { padding:0 0 20px !important; }
  .hero_banner_content_container h1 { text-align:left !important; }
  .hero_banner_content_container h1 em { display:inline !important; }
  
  /* Solutions Feature */
  .solutions_feature { padding:20px 0 10px; background:#0083b9 none !important; }
  .solutions_feature .row { width:100% !important;  display:table !important; }
  .solutions_feature .col-xs-12 { width:33% !important; display:table-cell !important; }

    
  /* Primary Feature */
  .primary_feature { min-height:10px; padding:40px 0; margin-top:0 !important; margin-bottom:23px; position:relative; }
  .primary_feature:before { content:""; background:rgba(255,255,255,0.65); position:absolute; top:0; right:0; bottom:0; left:0; }
  .primary_feature_content { padding-right:35%; font-size:24px; }
  
  .primary_feature_content .btn_secondary { margin-top:15px; }
  
  
  /* News Feature */
  .news_feature .news_cube { display:none !important; }
  
  .news_feature h2 { padding:0 !important; margin-left:0 !important; margin-bottom:20px !important; }
  .news_feature h3 { font-size:20px !important; }


  /* Secondary Feature */
  .secondary_feature_image img { margin:0 !important; }


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

  /* Section Banner */
  .section_banner { margin-bottom:0; background-image:none !important; box-shadow:none !important; }
  .section_banner_title_container { height:auto; position:relative; }
  .section_banner_title_container h1 { position:relative; bottom:auto; left:auto; }  
  
  /* Footer Feature */
  .footer_feature_container { display:none; } 

  
/* ---- Our Science ---- */

  /* Figure with Caption */
  .captioned_figure_container { width:75%; margin:0 auto 30px; }