/*
Theme Name: HCI
Description: HCI Main theme
Version: 1.0
Author: UCLA Social Sciences Computing
License: Themeforest Split Licence
License URI: -
Theme URI: www.kriesi.at/themes/enfold/
Template: enfold
*/


/***************************************************
Top Header Area
****************************************************/

/* Top header UCLA media icon. */
#top #wrap_all .av-social-link-dribbble a:before{
    content: "";
    width: 100%;
    height: 100%;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    background: url("https://test.healthy.ucla.edu/wp-content/uploads/2023/05/ucla-logo.png") no-repeat center center;
    background-size: contain;
}

/* Formatting for UCLA Box logo in social media bar in the top header. */
#top li.social_bookmarks_dribbble.av-social-link-dribbble, #top li.social_bookmarks_dribbble.av-social-link-dribbble a {
    width: 62px;
    font-size: 0;
    height: 100%;
}

/* Remove border before UCLA Box logo in social media bar in the top header */
#top #header .social_bookmarks li:nth-last-child(2) {
    border-right: 0;
}



/***************************************************
Bottom/Main Header Area
****************************************************/
/* Set color of transparent bottom header section. */
header#header {
    background: rgba(0,0,0,0.3);
}

/* Menu over video slider. */
#header_background {
    padding-bottom: 0!important;
}

#header_main {
    /* Fix z-index so logo can overlap top header. */
    z-index: 11;
    border-bottom-style: none;
    /* Bottom header color transitions. */
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
}

/* Transparent bottom header for mobile. */
@media only screen and (max-width: 767px) {
    #top #wrap_all .header_color.av_header_transparency {
        background-color: transparent;
    }
}


/***************************************************
Header Logo
****************************************************/


/***************************************************
Navigation Bar
****************************************************/


/***************************************************
Picture Gallery Slider
****************************************************/


/***************************************************
Motto (Text section below slider)
****************************************************/


/***************************************************
Pods
****************************************************/


/***************************************************
Footer
****************************************************/


/***************************************************
*
Content Page Specifics
*
****************************************************/

/* Prevents Title/Breadcrumb area from overlapping with navbar at these resolutions. */
@media only screen and (max-width: 989px) and (min-width: 768px) {
    .title_container{
        padding-top: 30px;
    }
}

span.breadcrumb-title {
       display: none;
}

/* Remove extra padding on title */
.page-template-default #wrap_all .container_wrap_first .template-page.content {
	padding-top: 0;
}

/* remove gray background from first two columns of courses */
.main_color .avia_codeblock_section tr.even td {
	background-color: #fff;
}

/***************************************************
Events
****************************************************/

/* Tribe events. */
.tribe-events-list-widget li.tribe-events-list-widget-events {
    margin-left: 0;
    padding-left: 0;
}

/* Events page header color. */
#top #wrap_all .all_colors h2.tribe-events-page-title {
    color: #86c8e9;
}

/* Reduces Events Filter Bar */
.main_color #tribe-events-bar {
    margin-bottom: 20px;
}

.tribe-events-filters-horizontal #tribe_events_filters_form {
    margin-bottom: 0;
}

/* changes filter font size */

#tribe_events_filters_wrapper.tribe-events-filters-horizontal h3.tribe-events-filters-group-heading {
	font-size: 20px;
    text-transform: uppercase;
}

/* Go To Today css */
.goto-today {
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: bold;
    font-size: 16px;

}

/***************************************************
Blogs
****************************************************/