/*
-----------------------------------
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; }

h1.top-primary-text {
    font-size: 30px;
    line-height: 40px;
}

h2.bottom-primary-text {
    font-size: 30px;
    line-height: 40px;
    font-weight: lighter;
}

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

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


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

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

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

	/* 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:17px;
  background-color: #fff;
}

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

  .headernav_container #menu-headernav > li > a, .headernav_container #menu-headernav > li > a:visited {
      color: #3C4A63;
      padding-bottom: 27px;
  }

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

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

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


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


/* ---- Footer ---- */
.footer .address { margin-bottom:50px; }

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

	/* Footer: Social Media */
  .socialmedia_list { margin-top:0; margin-right:20px; float:right; }
  .socialmedia_list li { margin-right:42px; }
  .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:170px; }

  .primary_feature_container {
      background-position: calc(100%) 100%;
      background-size: contain;
  }

  .primary_feature_content {
      height: 170px;
      padding-right: 420px;
      font-size: 34px;
    }

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

  /* Post Features */

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

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

  /* Secondary Feature */
  .secondary_feature { min-height:395px; }
  .secondary_feature_content { padding:53px 0; font-size:16px; }
  .secondary_feature_content h3 { font-size:32px; }

  /* News Feature */
  .news_feature { padding:20px 0; }
  .news_feature_element { padding-top:10px; border-top-width:22px; font-size:14px; }
  .news_feature_element h2 { height:22px; padding:2px 8px 0; margin-bottom:10px; font-size:18px; }
  .news_feature_element h3 { font-size:14px; }

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

  .partner_feature_container { padding:26px 0; }



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

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

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

  .subpage .section_banner .section_title { padding:2px 255px 45px 11px; font-size:24px; }

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

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



/*-----------------------------------
   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:26px; }
.gallery_template .card_banner, .research_project_detail .card_banner { width: 100%; }
.gallery_template .card_content { height:200px; font-size:14px; }

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

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


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

.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:18px; }
section.challenges h2,
section.challenges h3 { font-size:18px; }



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

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

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

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



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

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

	/* Add */

		/* Add: Margin-Bottom */
		.add_margin_0_sm { margin-bottom: 0 !important; }
		.add_margin_5_sm { margin-bottom: 5px !important; }
		.add_margin_10_sm { margin-bottom: 10px !important; }
		.add_margin_15_sm { margin-bottom: 15px !important; }
		.add_margin_20_sm { margin-bottom: 20px !important; }
		.add_margin_25_sm { margin-bottom: 25px !important; }
		.add_margin_30_sm { margin-bottom: 30px !important; }
		.add_margin_35_sm { margin-bottom: 35px !important; }
		.add_margin_40_sm { margin-bottom: 40px !important; }
		.add_margin_45_sm { margin-bottom: 45px !important; }
		.add_margin_50_sm { margin-bottom: 50px !important; }
		.add_margin_60_sm { margin-bottom: 60px !important; }
		.add_margin_70_sm { margin-bottom: 70px !important; }
		.add_margin_75_sm { margin-bottom: 75px !important; }
		.add_margin_80_sm { margin-bottom: 80px !important; }
		.add_margin_90_sm { margin-bottom: 90px !important; }
		.add_margin_100_sm { margin-bottom: 100px !important; }