/*
Theme Name:     BecomingU Child Theme
Theme URI:      
Description:    Child theme for Bendico. Requires ACF Pro and relevant custom fields groups.
Author:         James Dee
Author URI:     
Template:       bendico
*/

/* @import slow, enqueue instead */

/* feature colour */
.footer, #title-bar, .subnav-wrapper h4, .right-off-canvas-menu, .gform_wrapper.gravity-theme .gform_heading { 
background-color:#4b3f47; 
}
h1, h2, h3, h4, h5, a, 
.logo-left-menu-right #main-nav a:hover, .logo-left-menu-right #main-nav li:hover > a, .logo-left-menu-right #main-nav .current_page_item a, .logo-left-menu-right #main-nav .current-menu-item a, .logo-left-menu-right #main-nav .current_page_ancestor.menu-item-has-children a, logo-left-menu-right.nih #main-nav .current-page-ancestor.menu-item-has-children a, .logo-left-menu-right #main-nav .current_page_ancestor a, .logo-left-menu-right #main-nav .current_page_ancestor.menu-item-has-children a:hover, .tabs .tab-title > a:hover { 
color:#4b3f47;
}
/* single posts in categories highlight top level menu item, change cat and menu id */
/*.single.xxxCATxxx .logo-left-menu-right #main-nav .menu-item-xxxIDxxx a { 
color:#000; 
} */
/* ..but keep dropdown items standard color */
/*.single.xxxcatxxx .logo-left-menu-right #main-nav .menu-item-xxxIDxxx .sub-menu a {
color:#666 !important;
} */
#main-nav li:hover > ul { 
border-top-color: #4b3f47 !important; 
}

body, ol, ul, dl, li, tr, td, p {
font-family: Roboto, sans-serif;
}

.speaker-subtitle,
.logo-left-menu-right #main-nav ul a {
	font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
.logo-left-menu-right #main-nav a:hover,
.logo-left-menu-right #main-nav li:hover>a,
.logo-left-menu-right #main-nav .current_page_item a,
.logo-left-menu-right #main-nav .current-menu-item a,
.logo-left-menu-right #main-nav .current_page_ancestor.menu-item-has-children a,
.logo-left-menu-right.nih #main-nav .current-page-ancestor.menu-item-has-children a,
.logo-left-menu-right #main-nav .current_page_ancestor a,
.logo-left-menu-right #main-nav .current_page_ancestor.menu-item-has-children a:hover,
.tabs .tab-title>a:hover,
.logo-left-menu-right #main-nav a{
	font-family: "Montserrat", sans-serif;
}



/* logo*/
.logo-left-menu-right .name h1 a {
background-image: url('assets/images/logo.png');
text-indent:-9999em;
height: 55px;
} 

.logo-left-menu-right #main-nav .current_page_item a,
.logo-left-menu-right #main-nav .current-menu-item a,
.logo-left-menu-right #main-nav a:hover,
.logo-left-menu-right #main-nav li:hover > a {
	 color: #f0c61c;
}

button, .button, .button a {
	background-color: #f0c61c;
	color: #4b3f47 !important;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}
button:hover,
.button:hover,
.button a:hover {
	background-color: #8dc694;
	color: #4b3f47 !important;
}

#title-bar .page-title-over-banner.homepage-banner {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

#title-bar .page-title-over-banner.homepage-banner p {
	width: 50%;
	padding-left: 20%;
	padding-bottom: 50px;
	color: #fff;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	font-size: larger;
}


/* nih layout colours
header.header.nih { background-color: #031c1a; }
.nih .exp-search svg path { fill:#; }
.logo-left-menu-right.nih #main-nav a { color:#; }
.logo-left-menu-right.nih #main-nav a:hover, .logo-left-menu-right.nih #main-nav li:hover > a, .logo-left-menu-right.nih #main-nav .current_page_ancestor.menu-item-has-children a, .logo-left-menu-right.nih #main-nav .current_page_ancestor a, .logo-left-menu-right.nih #main-nav .current_page_ancestor.menu-item-has-children a:hover, .logo-left-menu-right.nih #main-nav .current_page_item a, .logo-left-menu-right.nih #main-nav .current-menu-item a {
color:#;
}
.logo-left-menu-right.nih #main-nav li > ul {
background:#;
} */

/* landing page template
body.page-template-page-blank-landing-page { 
background-image: url('assets/images/img.jpg'); 
}
body.page-template-page-blank-landing-page:before {
position: fixed;
width: 100%;
height: 100%;
content: " ";
background: rgba(0,0,0,.2); 
} */

/* main nav
.logo-left-menu-right #main-nav a {
color:#ccc;
} */

#get-involved {
	position: fixed;
	bottom: 20px;
	right: 40px;
	box-shadow: 7px 7px 20px 0px;
	z-index: 1;
}

.pum-content #gform_wrapper_1 {
	max-width: 600px;
}

#title-bar .page-title-over-banner {
	height: 25vw;
}

.home #title-bar .img-credit {
	font-size: 12px;
}

#inner-footer .right .fa-brands {
	padding-right: 5px;
	color: #f0c61c;
}
.prefooter li img {
	max-height: 50px;
}

.prefooter li {
	padding: 0 2.5%;
}
/* has children indicator */
li.page_item.page_item_has_children a:after, li.menu-item.menu-item-has-children a:after {
content: " ";
border: solid;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 2px;
position: relative;
top:-3px;
left: 5px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
/* not on dropdowns or mobile menu */
li.page_item.page_item_has_children ul.children a:after, li.menu-item.menu-item-has-children ul.sub-menu a:after, .m-nav li.page_item.page_item_has_children a:after, .m-nav li.menu-item.menu-item-has-children a:after {
display:none;
}

/* height of navbar, position of dropdowns, might need mods depending on layout
.fullwidth-banner-menu .top-bar, .header.fullwidth-banner-menu.nav-at-very-top .top-bar-section { height: 80px; }
.fullwidth-banner-menu #main-nav a { line-height:80px; }
.fullwidth-banner-menu ul#main-nav { top:0; }
.fullwidth-banner-menu #main-nav li ul { top:79px; }
*/

.columns-stripe.alert.alert-box {
	background: #f2a850;
}

element.style {}

.logo-left-menu-right.nih #main-nav a:hover,
.logo-left-menu-right.nih #main-nav li:hover>a,
.logo-left-menu-right.nih #main-nav .current_page_ancestor.menu-item-has-children a,
.logo-left-menu-right.nih #main-nav .current_page_ancestor a,
.logo-left-menu-right.nih #main-nav .current_page_ancestor.menu-item-has-children a:hover,
.logo-left-menu-right.nih #main-nav .current_page_item a,
.logo-left-menu-right.nih #main-nav .current-menu-item a {
	color: #ece9aa;
}
 
/*	Gforms 2.5
	==========
---------------------------------------------------------
20210421 - 	Place all Gforms (Gravity Forms) changes	|
			here. The below are child styles to be  	| 
			modified as part of the setup of a new  	| 
			site.                                   	|    
---------------------------------------------------------

*/

.gform_wrapper.gravity-theme .gform_previous_button.button, 
.gform_wrapper.gravity-theme .gform_save_link.button {
background: rgb(51, 255, 0);
}

/* Heading background is set as feature colour*/
.gform_wrapper.gravity-theme .gform_heading h2 {
color: #fff;
}

.widget_block .gform-theme--foundation .gform_fields {
	grid-row-gap: unset;
	row-gap: unset;
}

/*	End Gforms 2.5*/


/* show/hide */
/* show/hide */
.show-under-960 { display:none; }
.hide-under-960 { display:block; }
.show-under-640 { display:none; }
.hide-under-640 { display:block; }

/* Soliloquy Styles*/

.soliloquy-carousel .soliloquy-container .soliloquy-item {
	background-size: contain;
}

.soliloquy-carousel .soliloquy-item.soliloquy-image-slide {
	height: auto;
}

.solo .column+.column:last-child,
.solo .columns+.column:last-child,
.solo .column+.columns:last-child,
.solo .columns+.columns:last-child {
	float: unset;
}

.no-image #title-bar {
	background-color: #f0c61c;
	min-height: 250px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#title-bar .page-title-over-banner.no-image h1 {
	color: #555;
	border: none;
}

.overlay {
	background: rgba(0, 0, 0, .25);
}

/* -------------------------------------------------- */
@media only screen and (max-width: 960px) {

	/* show/hide flip */
	.show-under-960 { display:block; }
	.hide-under-960 { display:none; }

	.no-image #title-bar {
		min-height: 130px;
	}
	#title-bar .page-title-over-banner.homepage-banner p {
		font-size: small;
	}

}

@media only screen and (max-width: 640px) {

	.show-under-640 {
			display: block;
		}
	
		.hide-under-640 {
			display: none;
		}
	#title-bar .page-title-over-banner.homepage-banner p {
		width: unset;
		padding-left: unset;
		height: 35%;
	}

	#title-bar .page-title-over-banner.homepage-banner {
		flex-direction: column;
	}

	#title-bar .img-credit {
		bottom: -40px;
	}
}