/*!
Theme Name:		JDK Legal
Author: 		Custom Child Theme by Edmund Marquez Jr.
Description:	Page Builder Framework Child Theme
Version: 		1.1
License:		GNU General Public License v3 or later
License URI:	https://www.gnu.org/licenses/gpl-3.0.html
Tags: 			one-column, two-columns, left-sidebar, right-sidebar, custom-colors, custom-menu, featured-images, full-width-template, custom-logo, custom-background, threaded-comments, blog, e-commerce
Template:		page-builder-framework
*/

/* banner */
#metaslider_36{ overflow:hidden;}
#metaslider_36 h1{ color:#FFF !important;}
#home-grey{ background:#E0E0E0;}
.home-grey-cont{ max-width:1200px; margin:0 auto}
.home .metaslider .caption-wrap{ background:none !important; float:left !important; width:50% !important;}
.home .metaslider .caption-wrap .caption{ padding: 25% 30px !important; text-transform:uppercase;}
.home .metaslider .caption-wrap .caption h1{ font-size:3em !important;}
.flexslider{ -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important;}
#banner{ background-size:cover; background-position:right top; padding-bottom:14.1%; max-height:271px; overflow:hidden;}
#banner h1{ display:block; float:left; width:50%; color:#FFF !important; text-align:center; padding: 8% 30px 0 !important; text-transform:uppercase; font-size:3em;}
body h1, body h2, body h3, body h4, body h5, body h6{ font-family: "Cabin", sans-serif;}
body{ font-family: "Open Sans", sans-serif;}

/* profile sidebar */
#nav_menu-2{ margin-left:30px;}
#inner-content h1{ color:#00558B; padding-bottom: 5px; position: relative; border-bottom: 2px solid #00558B; margin:0 auto 15px !important; display:inline-block;}

@media screen and (max-width:600px){
body.wpbf-sidebar-right img.alignright{ float:none !important; margin:0 auto 15px !important; display:block;}
}

@media screen and (max-width:770px){
#nav_menu-2{ margin-left:0 !important;}
}


@media screen and (max-width:1024px){
	body.home .metaslider .caption-wrap .caption h1{ font-size:2em !important;}
	body.home .metaslider .caption-wrap .caption h1:before{ margin-top:200px !important;}	
}

@media screen and (min-width:1024px){
	li.home-icon span{ display:none !important;}
	body #content{min-height:630px !important;}
}