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

*/



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



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



/*-----------------------------------
   Site Elements
-----------------------------------*/
/* ---- Hierarchy ---- */
h1 { margin-bottom:30px; font-size:18px; }
h2 { font-size:15px; }
h3 { font-size:15px; }
h4 { font-size:14px; }


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

	/* Lists: Unordered */
	ul { margin-bottom:10px; }
  .content_container ul { margin-left:12px; }
	ul > li { padding-left:33px; }

	ul#menu-footernav_primary-1 > li {
	    padding: 0 0 10px 0;
	}

	ul#menu-footernav_primary-1 {
    text-align: center;
	}

  .content_container ul:not(.list-unstyled) > li:before { margin-left:-33px; }

	/* Lists: Ordered */
	ol { margin-bottom:20px; margin-left:25px; }

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

  /* Lists: PDF */
  ul.pdf_list > li { padding:2px 0 2px 24px; }


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


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

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


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


/* ---- Inpage Nav ---- */
.inpage_nav { margin-bottom:30px; }


/* ---- Modals ---- */
.close { font-size:38px; }



/*-----------------------------------
   Structure
-----------------------------------*/
/* ---- Header ---- */
.header { height:auto; padding:5px 0 4px; }

header#header_mobile {
    position: relative;
    z-index: 100000000000;
    box-shadow: 0 5px 5px 0 rgba(179, 179, 179, 0.45);
    border-bottom: none;
}

  /* Global Navbars */
  .sticky_header_container.affix { position:relative !important; }

  .navbar { min-height:0; background:#fff; }

	.navbar-default .navbar-collapse {
	    margin: 0 -15px;
	    border: none;
	    box-shadow: 0 5px 5px 0 rgba(179, 179, 179, 0.45);
	}

  .navbar-brand { height:auto; padding:5px 15px; float:none; }

	.navbar-brand img {
	    max-width: 53px;
	    margin-left: 15px;
	}

	.navbar-toggle {
	    height: auto;
	    margin-top: -36px;
	    margin-bottom: 0;
	    padding: 0;
	    border: none;
	    border-radius: 0;
	    cursor: pointer;
	}

	.navbar-toggle {
    padding: 106px 15px 20px;
    margin-top: -144px;
    margin-right: 0;
}

  .navbar-toggle:hover { opacity:0.75; }

  .navbar-nav { margin-top:0px; margin-bottom:0px; background:#fff; }

  .navbar-default .navbar-nav + .navbar-nav { border-top:1px solid rgba(255,255,255,0.25); }

	.navbar-default .navbar-nav > li {
	    border-bottom: 1px solid #D3D5DB;
	}

	ul#menu-topnav_mobile {
	    box-shadow: 0 5px 5px 0 rgba(179, 179, 179, 0.45);
	    position: relative;
	    z-index: 100000000;
	}
  /* .navbar-default .navbar-nav > li:last-child { border-bottom:none; } */

	.navbar-default .navbar-nav > li > a {
	    font-weight: 700;
	    font-size: 18px;
	    color: #3C4A63;
	}

  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus { color:#3C4A63; }

	/* .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	    color: #3C4A63;
	    background: #fff;
	    border-bottom: 1px solid #D3D5DB;
	} */



	.navbar-default .navbar-nav > .active.open > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	    background: rgba(0,0,0,0.25);
	    color: #3C4A63;
	    background: rgba(255,255,255,0.15);
	}

	.home .navbar-default .navbar-nav > .active > a {
		color: #3C4A63;
		background: #fff;
	}

  .navbar-default .navbar-nav > .active.open > a,
  .navbar-default .navbar-nav > .active > a:focus,
  .navbar-default .navbar-nav > .active > a:hover { background:rgba(0,0,0,0.25); color:#fff; }

  .navbar-default .navbar-nav > .current-page-ancestor > a,
  .navbar-default .navbar-nav > .current-page-ancestor > a:focus,
  .navbar-default .navbar-nav > .current-page-ancestor > a:hover { background:rgba(0,0,0,0.25); color:#fff; }

  .navbar-nav .open .dropdown-menu { padding:0; background:rgba(255,255,255,0.15); border-top:1px solid rgba(255,255,255,0.35); }

	.navbar-nav .open .dropdown-menu > li {
	    padding: 0;
	    margin: 0;
	    border-bottom: 1px solid #D3D5DB;
	    margin-left: 50px;
	}

	.navbar-nav .open .dropdown-menu > li:last-child {
			border-bottom: none;
	}

	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
	    padding: 5px 15px 5px 0px;
	}

	.navbar-nav>li>a, .navbar-nav .open .dropdown-menu > li > a {
	    padding-top: 25px;
	    padding-bottom: 25px;
	    line-height: 20px;
	}

  .navbar-default .navbar-nav .open .dropdown-menu > li > a,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	    color: #3C4A63;
			font-size: 18px;
    	font-weight: 700;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	    background: #F5B33C;
	    color: #3C4A63;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > .active , .navbar-nav .open .dropdown-menu > li:hover, .navbar-nav .open .dropdown-menu > li:active, .navbar-nav .open .dropdown-menu > li:focus {
    background: #F5B33C;
    padding-left: 50px;
    margin-left: 0;
		color: #3C4A63;
}

/* ---- Content Area ---- */
.content_container { padding-bottom:30px; }


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

.footer {
	font-size:14px;
	text-transform: uppercase;
}

.footer p { margin-bottom:10px; }

.footer_content { padding:25px 0 20px; }

.footer .address { margin-bottom:20px; }
.footer .address p { margin-bottom:13px; }

	/* Footer: Social Media */
  .socialmedia_list li { margin-bottom:0; float:left; }
  .socialmedia_list li a { width:32px; height:32px; }

	.footer.home-footer ul {
	    padding: 0;
	    margin: 0 0 37px 0;
	}

	.footer ul {
	    padding: 0;
	    margin: 0 0 40px 0;
	    list-style: none;
	}

	.footer.home-footer .socialmedia_list {
	    margin-top: -4px;
	    margin-left: 0px;
			float: right;
	}

	.footer .socialmedia_list {
	    margin-top: -20px;
	    margin-left: 30px;
	    float: right;
	}

	.footer .copyright {
	    font-size: 10px;
	    text-transform: capitalize;
			margin-top: -8px;
	}

	.footer.home-footer .copyright {
	    font-size: 10px;
	    text-transform: capitalize;
			margin-top: -4px;
	}


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

  /* Primary Feature */
  .primary_feature_frame { height:252px; }
  .primary_feature { width:calc(100% + 30px); margin:0 -15px; }
  .primary_feature_container { background-position:right bottom; background-size:cover; display:block; }
  .primary_feature_content { height:252px; padding:0 20px; background:rgba(0,0,0,0); color:#fff; font-size:22px; font-weight:400; }

  /* Mission Statement */
  .mission_container { padding:17px 0; font-size:16px; }

  /* Post Features */
  .post_feature_title { padding-top:12px; font-size:30px; }

  .post_feature { padding:20px 0; }

  .post_feature_image { height:152px; margin-bottom:10px; }
  .post_feature_element.cat-mhealth-studies .post_feature_image { background-size:auto 122px; }

  .post_feature_content { height:auto; }

  /* Secondary Feature */
  .secondary_feature { min-height:253px; }
  .secondary_feature_content { padding:10px 0; background:#053448; color:#fff; font-size:14px; }
  .secondary_feature_content h3 { color:#fff; font-size:20px; }

  /* News Feature */
  .news_feature { padding:20px 0; }
  .news_feature_element { padding-top:0; border-top-width:0; font-size:14px; }
  .news_feature_element h2 { height:auto; padding:4px 5px 3px; margin-bottom:10px; font-size:18px; }
  .news_feature_element h3 { font-size:14px; }
  .news_feature_element .cta { padding-left:0; display:block; }
  /*.news_feature .col-xs-12:last-child .news_feature_element *:last-child { margin-bottom:0; }*/

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

  .partner_feature_container { padding:20px 0; }
  .partner_feature_logo { width:75px; height:75px; }



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

  /* Section Banner */
  .subpage .section_banner { height:160px; background-size:contain; }
	.subpage .section_banner .section_title_container {
    width: calc(100% + 30px);
    /* height: 160px; */
    /* padding: 0 15px; */
    /* margin: 0 -15px; */
    background-position: calc(100% + 33px) 0;
    background-size: contain;
}
  .subpage .section_banner .section_title { padding:0 126px 29px 0; font-size:20px; }




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

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

  /* Project Gallery Controls */
  .filter_container { padding:0 0 20px; }



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

/* ---- Bio Template ---- */
.bio_element .bio_image { margin:0 0 20px; float:none; }



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

/* ---- Sponsor Template ---- */
.sponsor_element { margin-bottom:20px; }
.sponsor_element .sponsor_element_image img { margin:0 0 10px; }


/* ---- Partner Template ---- */
.partner_element { margin-bottom:20px; }
.partner_element .partner_element_image img { margin:0 0 10px; }


/* ---- Gallery Template ---- */
.gallery_template .card, .research_project_detail .card { padding-top:0; margin-bottom:30px; border:1px solid #d1d2d4; background:#fafafb; }

.gallery_template .card_banner, .research_project_detail .card_banner {
    background-size: contain;
    background-color: #fff;
}

.gallery_template .card_content {
    height: auto;
    padding-right: 12px;
    padding-left: 12px;
    border-top: 1px solid #d1d2d4;
    padding-bottom: 20px;
    font-size: 14px;
}

  /* Card: Challenges */
  .gallery_template .challenges_card_banner { height:90px; background-size:270px auto; }

  /* Card: m-Health Study */
  .gallery_template .study_card_banner { background-position:12px center; background-size: auto 133px; }

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


/* ---- Publications Template ---- */
.publication_year_container { border-top-width:1px; }

h2.collapse_trigger { font-size:16px; background-size:18px 18px; }

.publication_element { margin-bottom:20px; }
.publication_element .publication_element_image img { margin:0 0 10px; }



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

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

  /* Post Detail Page: Common */
  .post_detail .btn_filter { margin-bottom:20px; }
  .post_detail .post_detail_image { margin:0 0 20px; float:none; }


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


/* ---- Work with Us ---- */
.careers_odd_row { padding-top:22px; }
.careers_even_row { padding-top:22px; }


/* ---- 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_xs { margin-bottom: 0 !important; }
		.add_margin_5_xs { margin-bottom: 5px !important; }
		.add_margin_10_xs { margin-bottom: 10px !important; }
		.add_margin_15_xs { margin-bottom: 15px !important; }
		.add_margin_20_xs { margin-bottom: 20px !important; }
		.add_margin_25_xs { margin-bottom: 25px !important; }
		.add_margin_30_xs { margin-bottom: 30px !important; }
		.add_margin_35_xs { margin-bottom: 35px !important; }
		.add_margin_40_xs { margin-bottom: 40px !important; }
		.add_margin_45_xs { margin-bottom: 45px !important; }
		.add_margin_50_xs { margin-bottom: 50px !important; }
		.add_margin_60_xs { margin-bottom: 60px !important; }
		.add_margin_70_xs { margin-bottom: 70px !important; }
		.add_margin_75_xs { margin-bottom: 75px !important; }
		.add_margin_80_xs { margin-bottom: 80px !important; }
		.add_margin_90_xs { margin-bottom: 90px !important; }
		.add_margin_100_xs { margin-bottom: 100px !important; }