/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

:root {
	--color-brand-1: #26ace2; /* light blue */
	--color-brand-2: #03295a; /* dark blue */
	--color-brand-3: #f36012; /* orange */
	--color-light:#ffffff;
	--color-dark: #03295a; 
	--color-dark-medium: #03295a;
	--color-gray-light: #f6f6f6; 
	--color-gray-medium: #d6d6d6;
	--color-gray-dark: #b6b6b6;
	--border-color-light: #f6f6f6; 
	--border-color-medium:#d6d6d6;
	--border-radius-small: 3px;
	--border-radius-medium: 5px;
	--border-radius-large: 15px;
	--text-color-dark: #03295a;
	--text-color-light: #ffffff;
	--text-size-small: 14px;
	--text-size-default:16px;
	--text-size-medium: 18px;
}

body.logged-in .hide-if-logged-in { display: none !important; }
body:not(.logged-in) .hide-if-logged-out { display: none !important; }

#menu-nav-header.menu {}
#menu-nav-header.menu .menu-item {border-color:transparent;}
#menu-nav-header.menu .menu-item .sub-menu {border-color:transparent;}
#menu-nav-header.menu .menu-item .sub-menu .menu-item {border-color:transparent;}


.fluid-video-wrapper-wrapper {padding:0 0 0 0 !important;}

#filter-listing .pp-content-post,
#filter-listing .pp-content-post .pp-post-image img {border-radius:var(--border-radius-large);}
#filter-listing .pp-content-post .pp-post-image,
#filter-listing .pp-content-post .pp-content-body {width:100%;}

#filter-listing .pp-content-post .pp-post-title::after {
	display:flex;
	content:'';
	width:100px;
	height:3px;
	background-color:var(--color-brand-3);
	margin-top:15px;
}
#filter-listing .pp-content-post .pp-content-post-meta.pp-post-meta {padding-bottom:0;}
#filter-listing .pp-content-post .pp-content-category-list.pp-post-meta {margin-top:0;pointer-events: none;}
#filter-listing .pp-content-post .pp-content-category-list {
	border-color:transparent;
	/*
	border-top-color:var(--color-brand-3);
	border-top-width:3px;
	*/
}

#membership-form form input[type="submit"] {
	background-color:var(--color-brand-1);
	border:2px solid transparent;
	border-radius:30px;
	padding:10px 30px;
}
#membership-form form input[type="submit"]:hover,
#membership-form form input[type="submit"]:focus,
#membership-form form input[type="submit"]:active {
	background-color:transparent;
	border-color:white;
	color:white;
}