/*
Theme Name:     Jupiter Child Theme
Theme URI: 		http://themeforest.net/user/artbees
Description:    Child theme for the Jupiter theme 
Author:         Your name here
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Version:        5.0.11
*/



/*
Sample : remove the comment and start adding your own custom CSS rules.

body {
	background-color:#fff;
}



#menu-item-7450 a, #menu-item-7440 a{
	font-weight: 900 !important;
	background-color: #f5f5f5;
	border-top: 1px solid #ccc;
}
*/

.mk-tweet-shortcode li:last-child{
	border-bottom: none;
}
.mk-tweet-shortcode li a{
	font-weight: bold;
	color: #067B7F;
}
.mk-blog-container a{
	text-decoration: underline !important;
}

#mk-sidebar .widget_mc4wp_widget .widgettitle {
	padding-bottom: 0px;
}

.mk-header-toolbar-holder {
	padding: 0;
}

.mk-header-toolbar {
	background-color: #058488 !important;
	height: auto;
	display: block !important;
}

.mk-toolbar-resposnive-icon {
	display: none;
}

#header-right-sidebar section {
	margin-bottom: 0;
}

#header-right-sidebar ul.menu {
	border: none;
}

#header-right-sidebar ul.menu li {
	border-bottom: none;
	line-height: 1.5;
}

#header-right-sidebar ul.menu li .mk-svg-icon {
	display: none;
}

#header-right-sidebar ul.menu li a {
	padding: 0 10px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	line-height: 1;
}

.admin-bar .sticky-style-fixed.header-style-1.a-sticky .mk-header-holder, .admin-bar .sticky-style-fixed.header-style-3.a-sticky .mk-header-holder {
	top: 32px;
}

#header-right-sidebar ul.menu li:first-of-type {
	background: transparent url( '../../uploads/2018/03/ucsf-logo-small.png' ) no-repeat 0 0;
	background-size: auto;
	background-position: top left;
	padding-left: 50px;
}

#header-right-sidebar ul.menu li a:hover {
	color: #fff;
	text-decoration: underline;
}

.mk-imagebox-item .item-title {
	padding: 7%;
}

.mk-imagebox-item div.item-holder {
	margin: 0 !important;
}

.mk-footer a, .mk-footer a:active, .mk-footer a:focus, .mk-footer a:hover, .mk-footer a:link, .mk-footer a:visited{
	text-decoration: underline !important;
}
.mk-footer .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{
	border: 1px solid #fff;
}

@media( min-width: 768px ) {
	.theme-page-wrapper .wpb_row {
		width: 103%;
	}

	.mk-header-toolbar-holder {
		padding: 0 20px;
	}

	#header-right-sidebar ul.menu li {
		display: inline-block;
	}
}

@media( max-width: 780px ) {
	#menu-header-top li{
		display: none;
	}
	#menu-header-top li:first-child{
		display: block;
	}
}

/* -------------------------------------------------------- *
 * - Breadcrumb 
 * -------------------------------------------------------- */
#mk-breadcrumbs *{
	font-size: 14px;
}

/* -------------------------------------------------------- *
 * - Sidebar 
 * -------------------------------------------------------- */

/* -------------------------------------------------------- *
 * - Newsletter Sidebar 
 * -------------------------------------------------------- */
#mk-sidebar .mc4wp-form label{
	color: #595959;
}
/* -------------------------------------------------------- *
 * - Accessible slider 
 * -------------------------------------------------------- */
.wcag-slide a {
    background-color: #058588;
    color: #fff;
    text-decoration: none;
    padding: 15px 20px;
}
.wcag-slide a:hover {
    background-color: #333;
}
/* -------------------------------------------------------- *
 * - Footer links
 * -------------------------------------------------------- */
#mk-footer a{
	text-decoration: underline;
}
/* -------------------------------------------------------- *
 * - Fix sidebar falling down
 * -------------------------------------------------------- */
#theme-page .theme-page-wrapper .theme-content{
	padding-left: 0;
	padding-right: 0;
}

/** Fix Home Layout Alignment */
@media( min-width: 768px ) {
	#theme-page .theme-page-wrapper{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	#theme-page .theme-page-wrapper .wpb_row {
		width: auto;
	}
}

@media( min-width: 961px ) {
	#mk-header-1 .mk-grid{
		padding-right: 20px !important;
	}
}

@media( min-width: 1141px ) {
	#mk-header-1 .header-grid{
		max-width: 1120px;
	}
}

/** Fix Internal Pages Layout Alignment */
@media( min-width: 768px ) {
	#mk-page-introduce .mk-grid{
		max-width: 1120px;
	}
	#mk-page-introduce .page-title{
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
}

/** Optimize logo + burger icon for mobile. */
@media( max-width: 960px ) {
	#mk-theme-container .mk-header{
		background: none;
	}
	#mk-theme-container .mk-header-inner{
		height: auto !important;
	}
	#mk-theme-container .mk-header-bg{
		display: none;
	}
	#mk-theme-container .header-grid{
		display: flex;
	}
	#mk-theme-container .header-grid::after{
		display: none;
	}
	#mk-theme-container .header-logo{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding: 15px !important;
		width: calc( 100% - 60px );
		height: auto !important;
	}
	#mk-theme-container .header-logo a{
		float: none;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin: 0;
		width: auto;
		height: auto;
	}
	#mk-theme-container .header-logo img{
		position: relative;
		top: auto;
		display: block;
		width: 250px;
		max-width: 100%;
		transform: none !important;

	}
	#mk-theme-container .mk-nav-responsive-link{
		order: 2;
		float: none;
		position: relative;
		top: auto;
		right: auto;
		display: flex !important;
		justify-content: center;
		align-items: center;
		margin-top: 0;
		width: 60px;
		background: none;
		border: none;
		box-shadow: none;
		-webkit-appearance: none;
		border-radius: 0;
	}	
}

/** Mobile Search Form */
@media( max-width: 960px ) {
	.mk-header .responsive-searchform{
		display: flex;
	}
	.mk-header .responsive-searchform .text-input{
		margin-right: 8px;
		width: calc( 100% - 50px );
	}
	.mk-header .responsive-searchform button{
		padding: 0;
		width: 42px;
		height: 42px;
	}
	.mk-header .responsive-searchform button svg{
		display: block;
		margin: auto;
		width: 22px;
		height: 42px;
		fill: #000;
	}	
}

/** Desktop Search Form */
@media( min-width: 961px ) {
	#mk-nav-search-wrapper{
		bottom: -30px;
		right: 0;
	}	
}

/** Remove big whitespace below header on mobile. */
@media( max-width: 960px ) {
	#mk-page-introduce .page-title{
		margin: 0;
		color: #058488;
	}	
}