@font-face
{
	font-family: ProximaNovaLight;
	src: url('../fonts/proximanova-light-webfont.eot');
	src: url('../fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proximanova-light-webfont.woff') format('woff'),
		url('../fonts/proximanova-light-webfont.ttf') format('truetype'),
		url('../fonts/proximanova-light-webfont.svg#svgFontName') format('svg');
}
@font-face
{
	font-family: ProximaNovaLight;
	src: url('../fonts/proximanova-sbold-webfont.eot');
	src: url('../fonts/proximanova-sbold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proximanova-sbold-webfont.woff') format('woff'),
		url('../fonts/proximanova-sbold-webfont.ttf') format('truetype'),
		url('../fonts/proximanova-sbold-webfont.svg#svgFontName') format('svg');
	font-weight:700;
	font-style:normal
}
@font-face
{
	font-family: ProximaNovaSemibold;
	src: url('../fonts/proximanova-sbold-webfont.eot');
	src: url('../fonts/proximanova-sbold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proximanova-sbold-webfont.woff') format('woff'),
		url('../fonts/proximanova-sbold-webfont.ttf') format('truetype'),
		url('../fonts/proximanova-sbold-webfont.svg#svgFontName') format('svg');
}
@font-face
{
	font-family: ProximaNovaRegular;
	src: url('../fonts/proximanova-reg-webfont.eot');
	src: url('../fonts/proximanova-reg-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proximanova-reg-webfont.woff') format('woff'),
		url('../fonts/proximanova-reg-webfont.ttf') format('truetype'),
		url('../fonts/proximanova-reg-webfont.svg#svgFontName') format('svg');
	font-weight:400;
    font-style:normal
}
@font-face
{
	font-family: ProximaNovaRegular;
	src: url('../fonts/proximanova-sbold-webfont.eot');
	src: url('../fonts/proximanova-sbold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proximanova-sbold-webfont.woff') format('woff'),
		url('../fonts/proximanova-sbold-webfont.ttf') format('truetype'),
		url('../fonts/proximanova-sbold-webfont.svg#svgFontName') format('svg');
	font-weight:700;
	font-style:normal
}
@font-face
{
	font-family: ProximaNovaRegular;
	src: url('../fonts/proximanova-light-webfont.eot');
	src: url('../fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proximanova-light-webfont.woff') format('woff'),
		url('../fonts/proximanova-light-webfont.ttf') format('truetype'),
		url('../fonts/proximanova-light-webfont.svg#svgFontName') format('svg');
	font-weight:300;
	font-style:normal
}

body {
    font-family: ProximaNovaRegular !important;
    font-size: 15px;
}
.ch-container, .ch-resolution {
    max-width: 1170px;
    width: 100%;
}
div.ch-main, div.ch-sidebar {
    margin-top: 20px;
}
main {
    background: url("/hub-hosted/ucla/images/background.jpg");
    border-top: 18px solid #3284be;
}
main .ch-container {
    background-color: #fff;
    margin-top: -18px;
    position: relative;
    box-shadow: 0 1px 1px #347BAD;
}
.ch-sidebar {background-color: #fff;}

.gray_border {
    border: 1px solid #e5ded6;
    border-radius: 0px;
	padding: 15px 25px;
}

.ch-archive-stack .row {
	display: flex;
	flex-wrap: wrap;
}
.ch-archive-stack-item {
	display: flex;
}
h1, h2, .h1, .h2 {color: #21578a;}
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select {display: block;}
@media (min-width: 768px){
    main > .ch-container > .row > .col-sm-9 {width: 71%;}
    main > .ch-container > .row > .col-sm-3 {width: 29%;}
}

/***********************
* Header
***********************/
.hub-alert-banner p {display: inline-block;}
.ucla-banner-header {
	margin-top: -19px;
margin-left: -14px;
margin-right: -14px;
	max-width: none;
}
.header-notice {
	float:left;
	clear: both;
	font-family: ProximaNovaLight;
	color: #3284be;
}
@media (min-width: 1000px) {
	.header-notice .text-danger {display: none;}
	.header-notice h2 {margin-top:-20px;}
	.simple-loggedin-user-notice + .header-notice h2 {margin-top:-37px;}
}
@media (max-width: 999px) {
	.header-notice {
		clear:both;
	}
	.header-notice h2 {margin-bottom:0px;margin-top:0px;}
	.header-content #searchform .text-danger {display:none;}
}
@media (max-width: 767px) {
	.header-notice {
		float:none;
		text-align: center;
	}
}

/***********************
* Navbar
***********************/
.header8 #searchform input {display:inline-block;}
.navbar-default {
    background-color: #3284be;
    border: none;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #000;
    background-color: #fff;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #000 !important;
    background-color: #fff !important;
    text-decoration: underline;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: transparent;
}
.navbar-default  .dropdown-menu {
    min-width: 275px !important;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 9px 3px 16px;
    font-size: 13px;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #000;
    background-color: #fff;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #000;
    background-color: transparent;
}
@media (min-width: 1001px) {
    .nav.navbar-nav {margin-left: -15px;}
	.navbar-nav > li > .dropdown-menu {margin-top: -1px;overflow-y: auto;max-height: calc(100vh - 60px);}
	.navbar-default ul.nav li.dropdown:hover > ul.dropdown-menu { /* open nav dropdown on hover */
	    display: block;
	}
}
@media (min-width: 1001px) and (max-width: 1174px){
	.nav.navbar-nav {margin-left: -10px;}
}
@media (max-width: 1000px) {
    .navbar-default {background-color: #9c9c9c; position: relative !important;}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #fff;}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {color: #fff;}
    .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
        color: #fff !important;
        background-color: transparent !important;
        text-decoration: underline;
    }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        color: #fff;
        background-color: transparent;
    }
}
.navigation-default #mobile-nav-search-form input {display:inline;}

/***************************
* Sidebar
***************************/
.ch-sidebar .social-icons a {padding-right:10px;}
.ch-sidebar .social-icons a img {margin-top:8px;}
.ch-sidebar .social-icons a:last-child {padding-left:0;}
.ch-sidebar aside.widget h3 {
    font-size: 22px !important;
    font-weight: normal !important;
    line-height: 27px;
    margin-top: 0px;
}

/***************************
* Homepage
***************************/
.page-id-14679 ol.ch-breadcrumb {display:none;}
.stack-title h4, .stack-title .h4 {color: #000; font-weight: bold;}
.full-width img {width: 100%;}
.home ol.ch-breadcrumb {
	display: none;
}
.home .carousel {
	margin-top: -19px;
	margin-left: -14px;
	margin-right: -14px;
}
.carousel-control {
	background: none !important;
}
.home .wp-block-column {
	border: 1px solid #E5DED6;
	padding: 15px 25px;
}
.home .home-bottom-sticky-wrap .wp-block-column{
	position: relative;
	padding-bottom: 50px;
}
.page-id-24713 .wp-block-column h3, .page-id-24713 .wp-block-column .h3 {
	color: #3284be;
}
.home-bottom-sticky {
	position: absolute;
	bottom: 10px;
	padding-top: 20px;
}
_:-ms-lang(x), .home .wp-block-column {
	flex-basis: auto;
	width: 31%;
}
@media (max-width: 1000px) {
	_:-ms-lang(x), .home .wp-block-columns {
		display: block;
	}
	_:-ms-lang(x), .home .wp-block-column {
		flex-basis: auto;
		width: 100%;
		margin-left: 0px;
	}
}

/***************************
* Page/Post styling
***************************/
.post-title h1, .ch-archive-title {
    font-size: 28px;
    color: #21578a;
    font-weight: 100;
    margin-top: 28px;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.single-post .post-title h1 {
    font-size: 30px;
    color: #333;
    line-height: 1.1;
    font-weight: 500;
	margin-bottom: 0px;
}
.single-post .post-title + .post-meta {
	margin-bottom: 25px;
	font-size: 12px;
}
.thread-actions{ display:none; }
#full-hubcomment-container {display: none !important;}
.entity-interactions {display: none;}
#chv4-comment-stream-header {display:none;}
.comment-container {display:none;}
#new-comment {display: none;}

.wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image.is-resized > figcaption {
	text-align: left;
}

.thread-event .thread-actions {display: block;}
.thread-event .thread-actions .col-md-4 {display:none;}
.thread-event .thread-actions .thread-like-action {display: none;}
.thread-event .thread-actions .thread-bookmark-action {display: none;}

.ucla-banner-margins {
	margin-left: -30px;
	margin-right: -30px;
	margin-top: -20px;
	max-width: none;
	border: 1px solid #fff;
}
@media (max-width: 1170px) {
	.ucla-banner-margins {margin-left: -15px;margin-right: -15px;}
}


/***************************
* Archive styling
***************************/
.velocity-archive-list-item .media-left, .velocity-archive-list-item .media > .pull-left {
    width: 120px;
}
.velocity-archive-list-item img  {
    max-width: 100px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,.075);
    padding: 4px;
}
.stack-item-outer-wrap {
	border: 2px solid #eaeaea;
}
.stack-content-wrap {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}

/***************************
* Connect Pages styling
***************************/
.group-nextgen-tabs .nav-tabs > li.active > a {
    color: #fff;
    background-color: #21578a;
    font-weight: bold;
}
.group-nextgen-tabs .nav-tabs.nav-justified > .active > a, .group-nextgen-tabs .nav-tabs.nav-justified > .active > a:hover, .group-nextgen-tabs .nav-tabs.nav-justified > .active > a:focus {
	border: #21578a 2px solid !important;
}
.group-nextgen-tabs .active::after {
    border-color: #21578a transparent;
}
/* page heading tag styling */
#page-container h3 {font-size: 21px; color: #21578a;}
#page-container h4 {font-size: 18px; color: #21578a;}

/* hide public page notice */
#page-container .groupFullBanner .text-small.text-muted {display: none;}

/* page listing */
.hub-card-style .sub-hub-border .header {display: none;}

/***************************
* Footer
***************************/
#footer {margin-top: -45px;z-index: -1;}
.footer-default {padding-top: 70px; padding-bottom: 60px; background-color: #aed7f2;}
.footer-default a {color: #0088CC;}
.footer-default .best-in-the-west {width: 151px;}
.footer-default li {padding: 0 0 10px 10px;}
.footer-default li a {font-size: 15px; line-height: 1.4;}
.footer-default li a:hover {text-decoration: underline;}
@media (max-width: 767px) {
    .footer-default ul {
        padding-bottom: 20px;
    }
}

/**************************
* Social images
**************************/
#stay-connected a, #stay-connected-footer a {
    background-color: rgba(255,255,255,0.5);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer !important;
    display: block;
    height: 24px;
    margin: 0 0 6px 0;
    text-indent: -9999px;
    width: 24px;
float: left;
margin-right: 10px;
}
#stay-connected a.facebook, #stay-connected-footer a.facebook {
    background: url(https://www.uclahealth.org/images/social_facebook.png);
    background-color: #305891;
    background-size: 28px;
}
#stay-connected a.twitter, #stay-connected-footer a.twitter {
    background: url(https://www.uclahealth.org/images/social_twitter.png);
    background-color: #2ca8d2;
    background-size: 26px;
}
#stay-connected a.youtube, #stay-connected-footer a.youtube {background: url(https://www.uclahealth.org/images/social_youtube.png);}
#stay-connected a.instagram, #stay-connected-footer a.instagram {background: url(https://www.uclahealth.org/images/social_instagram.png);}
#stay-connected a.gplus, #stay-connected-footer a.gplus {
    background: url(https://www.uclahealth.org/images/social_gplus.png);
    background-color: #dc4d41;
    background-size: 26px;
}
#stay-connected a.linkedin, #stay-connected-footer a.linkedin {background: url(https://www.uclahealth.org/images/social_linkedin.png);}
#stay-connected a.pinterest, #stay-connected-footer a.pinterest {background: url(https://www.uclahealth.org/images/social_pinterest.png);}
#stay-connected a.flickr, #stay-connected-footer a.flickr {background: url(https://www.uclahealth.org/images/social_flickr.png);}
#stay-connected a.sharecare, #stay-connected-footer a.sharecare {background: url(https://www.uclahealth.org/images/social_sharecare.png);}

/**********************************
* Collapsible Content block styling
**********************************/
.ch-block-collapsible-content .collapsible-header{min-height: 50px;}
.ch-block-collapsible-content .collapse-open{top: 25px;}
.ch-block-collapsible-content .collapsible-content-fade{top: unset;}

/**********************************
* Cover Video
**********************************/
.highlight-text .wp-block-cover__inner-container {text-align: center;}
.highlight-text .wp-block-cover__inner-container strong {font-family: 'ProximaNovaSemibold';}
.highlight-text .wp-block-cover__inner-container h2, .highlight-text .wp-block-cover__inner-container .h2 {
	display: inline-block;
	font-family: 'ProximaNovaSemibold';
	font-size: 72px;
	background-color: rgba(20, 54, 78, 0.5);
	padding: 10px;
	margin: 10px;
}
.highlight-text .wp-block-cover__inner-container h3, .highlight-text .wp-block-cover__inner-container .h3 {
	font-family: 'ProximaNovaLight';
	display: inline-block;
	font-weight: 300;
	font-size: 36px;
	background-color: rgba(20, 54, 78, 0.5);
	padding: 10px;
	margin: 10px;
}
.highlight-text .wp-block-cover__inner-container .wp-block-button__link {
	display: inline-block;
	padding: 14px 24px;
	border-radius: 2px;
	text-decoration: none;
	font-family: 'ProximaNovaSemibold';
	opacity: .9;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	margin: 20px 0px 10px;
}
.highlight-text .wp-block-cover__inner-container .wp-block-button__link:hover {
    opacity: .7;
    text-decoration: none;
    cursor: pointer;
}
@media (max-width: 767px) {
	.highlight-text .wp-block-cover__inner-container h2, .highlight-text .wp-block-cover__inner-container .h2 {font-size: 42px;max-width: 300px;}
	.highlight-text .wp-block-cover__inner-container h3, .highlight-text .wp-block-cover__inner-container .h3 {font-size: 20px;max-width: 300px;}
}
@media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) {
	.wp-block-cover__video-background {
		width: 100vw;
		min-height: 60vh;
		max-height: 60vh;
		-o-object-fit: cover;
		object-fit: cover;
		max-height: none;
		min-height: none;
	}
}

/******
Ideas
*******/
body.idea-directory .entity-interactions {display: block;}
body.idea .entity-interactions {display: block;}