/*
 Theme Name:   Charitywp Child
 Theme URI:    http://charitywp.thimpress.com/
 Description:  Charitywp Child Theme
 Author:       ThimPress
 Author URI:   http://thimpress.com
 Template:     charitywp
 Version:      1.0.0
 Text Domain:  charitywp-child
*/


/*
Adjust header logo setup
*/
.thim_header_custom_style.thim_header_style4 header.site-header .top-header .thim-logo {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

@media (max-width: 1024px) {
	.thim_header_custom_style header.site-header .top-header .thim-logo {
		width: 350px !important;
	}
}

@media (max-width: 768px) {
	.thim_header_custom_style header.site-header .top-header .thim-logo {
		width: 200px !important;
	}
}

/*
Dirty hack to stop page builder from putting margin bottom on panel-grid-cell for one cell, couldn't figure out for the life of me how to fix this in the UI
*/
#pgc-w5cce4d231b245-0-0 {
	margin-bottom: 0 !important;
}

/*
Prevent certain header types from not wrapping on mobile (example: Types of Volunteer Opportunities on Volunteer page)
*/
@media (max-width: 768px) {
	.thim-heading.show_line .sc-heading .heading__primary span:nth-child(2) {
		white-space: inherit !important;
	}
}

/*
MENU ADJUSTMENTS START
*/

/*
Allow drop down menus to be width of content, not fixed
*/
header.site-header .thim-menu .main-menu .menu-item-has-children .sub-menu, header.site-header .thim-menu .main-menu .widget_area .sub-menu {
	display: inline-table !important;
}

/*
Adjust color of border between items in menu drop downs
*/
.thim_header_custom_style header.site-header .thim-menu .main-menu .navbar-nav > .menu-item.menu-item-has-children .sub-menu .menu-item > a {
	border-color: #efefef !important;
}



html.thim-mb-active {
	padding-top: 0px !important;
}

#main {
	padding-top: 25px !important;
}

.thim-heading .sc-heading {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

/*
Allow main menu to stretch full screen (can't use header sidebar)
*/
.main-menu {
	width: 100% !important;
}


/*
Adjust width of social/search area to fit properly in medium width
*/
.thim_header_custom_style.thim_header_style4 header.site-header .top-header .top-sidebar {
	width: 150px;
}

/*
Custom styling to make menu items look like buttons (added custom class to menu items)
*/
.custom-menu-button a {
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1em;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	line-height: 36px !important;
	margin: 13px 15px 13px 15px !important;
	border-width: 1px 0;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	border-radius: 0.25em;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
	min-width: 68px;
}

.custom-menu-button a>span {
	color: #ffffff !important;
}

.crisis-button a {
	background: #f5a71c;
	border: 1px solid #f5a71c;
	padding
}

.crisis-button a:hover {
	background: #f6af30 !important;
    border-bottom-color: #f5a517 !important;
}

.donate-button a {
	background: #0a98a7;
	border: 1px solid #0a98a7;
}

.donate-button a:hover {
	background: #0baaba !important;
    border-bottom-color: #0a94a2 !important;
}

/*
Tighten up the main nav menu a bit
*/
.thim-menu .icon-toggle {
	width: 20px !important;
	padding-right: 0 !important;
}

.thim_header_custom_style.thim_header_style4 header.site-header .thim-menu .main-menu .navbar-nav>.menu-item>a>span {
	padding-left: 20px !important;
}

@media (max-width: 1024px) {

	.main-menu {
		font-size: 12px !important;
	}

	.thim_header_custom_style.thim_header_style4 header.site-header .thim-menu .main-menu .navbar-nav>.menu-item>a>span {
		padding-left: 10px !important;
		padding-right: 0px !important;
	}

	.custom-menu-button a {
		padding-right: 10px !important;
		margin: 13px 5px 13px 10px !important;
	}

	.thim_header_custom_style.thim_header_style4 header.site-header .thim-menu .main-menu .navbar-nav>.menu-item.crisis-button a>span {
		padding-left: 15px !important;
	}

}

/*
Remove the vertical pipe beween nav menu items
*/
.thim_header_custom_style header.site-header.line .thim-menu .main-menu .navbar-nav>.menu-item.menu-item-has-children>a>span:before,.thim_header_custom_style header.site-header.line .thim-menu .main-menu .navbar-nav>.menu-item>a>span:before {
	background: none !important;
}

/*
Shift main navigation items to the right
*/
.thim_header_custom_style.thim_header_style4 header.site-header .thim-menu .navbar-nav {
	float:right !important;
}

/* 
Mobile menu
*/
.thim_header_custom_style.thim_header_style4 header.site-header .thim-toggle-mobile-menu {
	top: 8px !important;
}

.thim-toggle-mobile-menu {
	height: 50px !important;
}

.thim-active-menu .thim-toggle-mobile-menu .inner {
	display: none !important;
}

@media (max-width: 768px) {
	body > .thim-menu {
		/*background: rgba(12, 73, 156, 0.6) !important;*/
		background: #f9f9f9 !important;
	}

	body > .thim-menu .fa {
		color: #000000 !important;
	}

	body > .thim-menu .fa:hover {
		color: #0c499c !important;
	}

	.custom-menu-button a {
		margin: 0 !important;
		text-align: center;
		width: 50%;
		color: #ffffff !important;
		padding-right: 0 !important;
	}

	body > .thim-menu .main-menu .menu-item a:hover {
		color: #0c499c !important;
		font-weight: 700 !important;
	}

	.thim-menu .icon-toggle, body > .thim-menu .main-menu .menu-item a, body > .thim-menu .main-menu .menu-item a:focus {
		color: #000000 !important;
		font-weight: 700 !important;
	}

	body > .thim-menu .main-menu .menu-item.custom-menu-button a {
		color: #ffffff !important;
	}

	.close-menu {
		border-color: #000000 !important;
	}

	.close-menu:hover {
		border-color: #0c499c !important;
	}
}