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


Fonts:....................Available font-family declarations

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

Template Specific:........Styles for WP Templates

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

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

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

*/



/*-----------------------------------
   Site Elements
-----------------------------------*/
html body { font-size:16px; }


/* ---- Hierarchy ---- */
h1 { margin-bottom:38px; font-size:22px; }
h2 { font-size:16px; }
h3 { font-size:16px; }
h4 { font-size:15px; }

h2.section_title { padding-top:.125em; margin-bottom:0; color:#b2b4b5; font:normal 300 72px/54px 'Roboto', sans-serif; }

strong { font-weight:700; }
em { font-style:italic; }
em strong, strong em { font-weight:700; font-style:italic; }


/* ---- Buttons ---- */

  /* Tertiary Button */
  .btn_tertiary { font-size:16px; }


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

	/* Lists: Unordered */
	ul { margin-bottom:15px; }
  .content_container ul { margin-left:25px; }
	ul > li { padding-left:35px; }
  .content_container ul:not(.list-unstyled) > li:before { margin-left:-35px; }

	/* Lists: Ordered */
	ol { margin-bottom:22px; margin-left:40px; }

	/* Lists: Unstyled (Unbulleted) */
	ul.list-unstyled { margin-left:0; }


/* ---- Paragraph ---- */
p { margin-bottom:22px; }


/* ---- Horizontal Rule ---- */
hr { margin-bottom:22px; }



/*-----------------------------------
   Structure
-----------------------------------*/
/* ---- Header ---- */
.header { padding-top:21px; }

  /* Header: Headernav */
  .headernav_container { margin-top:10px; }

    /* Global Navbars */
    .navbar-brand img { width:216px; }

    .navbar-nav { margin-top:16px; }
    .navbar-nav > li > a { font-size:17px; }

    .navbar-nav > li > .dropdown-menu { padding-bottom:19px; border-top-width:15px; font-size:15px; }
    .dropdown-menu > li { padding:8px 5px 0; margin-bottom:3px; }


/* ---- Content Area ---- */


/* ---- Footer ---- */

	/* Footer: FooterNav */
  #menu-footernav_primary,
  #menu-footernav_secondary { font-size:15px; }

	/* Footer: Social Media */

  .socialmedia_list li {
      margin-right: 10px;
  }

  .socialmedia_list li a { width:40px; height:40px; }
  .socialmedia_list li:last-child { margin-right:0; }



/*-----------------------------------
   Section Specific
-----------------------------------*/
/* ---- Home Page ---- */

  /* Primary Feature */
  .primary_feature_frame {
      height: 380px;
  }

  .primary_feature_container {
      background-position: center bottom;
      background-size: cover;
  }

  .primary_feature_content {
      height: 380px;
      padding-right: 500px;
      font-size: 43px;
  }

  /* Mission Statement */
  .mission_container { padding: 40px 0 60px; font-size:20px; }

  /* Post Features */

  .post_feature_title {
      padding-top: 35px;
      font-size: 30PX;
  }

  .post_feature_image { height:152px; }
  .post_feature_element.cat-mhealth-studies .post_feature_image { background-size:auto 111px; }

  /* .post_feature_content { height:152px; } */

  /* Secondary Feature */
  .secondary_feature { min-height:495px; }
  .secondary_feature_content { padding:66px 0; font-size:20px; }
  .secondary_feature_content h3 { font-size:40px; }

  /* News Feature */
  .news_feature { padding:25px 0; }
  .news_feature_element { padding-top:12px; border-top-width:24px; font-size:15px; }
  .news_feature_element h2 { height:24px; padding:2px 10px 0; margin-bottom:12px; font-size:20px; }
  .news_feature_element h3 { font-size:15px; }

  /* Partner Feature */
  .partner_title h2 { font-size:20px; }

  .partner_feature_container { padding:33px 0; }



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

  /* Section Banner */
  .subpage .section_banner {
    /* height: 301px; */
    background-size: contain;
}

  .subpage .section_banner .section_title_container {
      /* height: 301px; */
      background-size: contain;
  }

  .subpage .section_banner .section_title { padding:2px 320px 57px 10px; font-size:30px; }

  .subpage.no-image-banner .section_banner .section_title {
      padding: 100px 0 50px 0;
      font-size: 30px;
  }

  .subpage .section_banner .section_title h1 { font-size:30px; }



/*-----------------------------------
   Template Specific
-----------------------------------*/

/* ---- Sponsor Template ---- */
.sponsor_element { margin-bottom:37px; }


/* ---- Partner Template ---- */
.partner_element { margin-bottom:37px; }


/* ---- Gallery Template ---- */
.gallery_template .card, .research_project_detail .card { margin-bottom:33px; }
.gallery_template .card_banner, .research_project_detail .card_banner { height:152px; }
.gallery_template .card_content { height:200px; font-size:14px; }

  /* Card: Presentations */
  .gallery_template .presentation_card_content h3 { margin-bottom:15px; }

  /* Card: Challenges */
  .gallery_template .challenges_card_banner { height:58px; }


/* ---- Publications Template ---- */
h2.collapse_trigger { font-size:20px; background-size:22px 22px; }

.publication_element { margin-bottom:37px; }



/*-----------------------------------
   Page/Element Specific
-----------------------------------*/

/* ---- Post Detail Page ---- */

  /* Post Detail Page: Common */
  .post_detail .btn_filter { margin-bottom:37px; }



/* ---- Challenges ---- */
section.challenges { font-size:20px; }
section.challenges h2,
section.challenges h3 { font-size:20px; }



/* ---- Contact ---- */

  /* Contact: Form */
  .form-control { margin-bottom:25px; font-size:16px; }

    /* Contact Form: Alerts */
    .alert { font-size:16px; }

    .alert-danger ul { margin-left:0; }



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

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

	/* Add */

		/* Add: Margin-Bottom */
		.add_margin_0_md { margin-bottom: 0 !important; }
		.add_margin_5_md { margin-bottom: 5px !important; }
		.add_margin_10_md { margin-bottom: 10px !important; }
		.add_margin_15_md { margin-bottom: 15px !important; }
		.add_margin_20_md { margin-bottom: 20px !important; }
		.add_margin_25_md { margin-bottom: 25px !important; }
		.add_margin_30_md { margin-bottom: 30px !important; }
		.add_margin_35_md { margin-bottom: 35px !important; }
		.add_margin_40_md { margin-bottom: 40px !important; }
		.add_margin_45_md { margin-bottom: 45px !important; }
		.add_margin_50_md { margin-bottom: 50px !important; }
		.add_margin_60_md { margin-bottom: 60px !important; }
		.add_margin_70_md { margin-bottom: 70px !important; }
		.add_margin_75_md { margin-bottom: 75px !important; }
		.add_margin_80_md { margin-bottom: 80px !important; }
		.add_margin_90_md { margin-bottom: 90px !important; }
		.add_margin_100_md { margin-bottom: 100px !important; }