/*
 Theme Name:   Nifty Child
 Theme URI:    http://nifty.bold-themes.com
 Description:  Nifty child theme
 Author:       BoldThemes
 Author URI:   http://bold-themes.com
 Template:     nifty
 Version:      1.0.0
 Tags:         one-column, right-sidebar, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  nifty-child
*/

/* COLORS

GREEN = #B9E02B // rgb(185,224,44)
DK MARINE = #212C34

/* Theme customization starts here
-------------------------------------------------------------- */

.hidden{ display:none !important;}

/* TYPE STYLES */
h1, h2, h3, h4, h5, h6{ line-height:1.1em; font-weight:700; letter-spacing:0;}
.home header h2{ font-size:calc(48px + 18 * ((100vw - 320px) / 680));}
header.service-title h1{ font-size: calc(60px + 22 * ((120vw - 320px) / 680)) !important; line-height:.87em !important; }

span.btIconWidgetTitle{ font-weight:700;}

.btLightSkin,
.bt_bb_section.bt_bb_color_scheme_11{ color:#2b393f !important;}

/* HEADER */

.btAccentDarkHeader .mainHeader, .btAccentDarkHeader .bt-vertical-header-top,
.bt_bb_section.bt_bb_color_scheme_1{ background-color:#212D33;}
.btTransparentDarkHeader .mainHeader, .btTransparentDarkHeader .bt-vertical-header-top,
.btMenuHorizontal .menuPort ul ul li a{color:#212D33;}
.btStickyHeaderActive.btMenuHorizontal .mainHeader .bt-logo-area .menuPort nav > ul > li > a,
.btHasAltLogo.btStickyHeaderActive.btMenuHorizontal.btDarkTransparentHeader .mainHeader #menu-primary-menu > li > a{ color:#FFF;}
.btHasAltLogo.btStickyHeaderActive.btMenuHorizontal.btDarkTransparentHeader .mainHeader #menu-primary-menu > li:hover > a, 
.btHasAltLogo.btStickyHeaderActive.btMenuHorizontal.btDarkTransparentHeader .mainHeader #menu-primary-menu > li > a:hover,
.btStickyHeaderActive.btMenuHorizontal .mainHeader .bt-logo-area .menuPort nav > ul > li:hover > a{ color:#212D33;}

.btStickyHeaderActive.btDarkTransparentHeader .mainHeader,
.btDarkTransparentHeader .bt-below-logo-area, .btDarkTransparentHeader .topBar,
.btLightTransparentHeader .bt-below-logo-area, .btLightTransparentHeader .topBar,
.btHasAltLogo.btStickyHeaderActive.btMenuHorizontal.btDarkTransparentHeader .mainHeader, 
.btHasAltLogo.btStickyHeaderActive.btMenuHorizontal.btDarkTransparentHeader .bt-vertical-header-top { color: #fff; background-color:#212D33;}

.btLightTransparentHeader .bt-below-logo-area .btIconWidget, .btLightTransparentHeader .topBar .btIconWidget { opacity:1;}
.btMenuWeight_default .menuPort nav ul li a{ font-weight:700;}

.btMenuHorizontal .menuPort > nav > ul ul{ width:280px;}

.single-post .mainHeader,
.single-portfolio .mainHeader{position:relative;}

/* SINGLE HEADERS */
.single.btLightTransparentHeader .mainHeader{background-color:#212d33;}

/* NAV */
.btHardRoundedButtons.btMenuHorizontal .menuPort > nav > ul ul:before { border-radius:0 0 5px 0 !important; }
.btHardRoundedButtons.btMenuHorizontal .menuPort > nav > ul li.btMenuWideDropdown ul:before{ border-radius:5px 0 5px 0 !important; }
.btSoftRoundedButtons.btMenuHorizontal .menuPort nav > ul > li.menu-item-has-children > a:before, 
.btHardRoundedButtons.btMenuHorizontal .menuPort nav > ul > li.menu-item-has-children > a:before { border-radius: 0 5px 0 0;}

.btMenuHorizontal .menuPort > nav > ul > li > ul li a:hover:before { content: "\f105"; font-family: 'FontAwesome'; }
.btMenuHorizontal .menuPort > nav > ul > li > ul li a:before { top:7px; border:none;}

.menuPort #menu-primary-menu .menu-item em{font-weight:normal; font-size:.75em; vertical-align:top; display:inline-block; text-transform:lowercase; color:#B9E02B;}
.menuPort #menu-primary-menu .menu-item.on em{color:#87b8d0;}

/* STICKY HEADER / FOOTER  */
.btPreloader,
.btMenuVertical.btLightTransparentHeader .mainHeader,
.btMenuVertical.btLightTransparentHeader .bt-vertical-header-top,
.btMenuVertical.btLightTransparentHeader .mainHeader .topBar,
.btHasAltLogo.btStickyHeaderActive.btMenuHorizontal.btLightTransparentHeader .mainHeader,
.btHasAltLogo.btStickyHeaderActive.btMenuHorizontal.btLightTransparentHeader .bt-vertical-header-top,
.btDarkSkin .bt-site-footer-copy-menu,
.btLightSkin .btDarkSkin .bt-site-footer-copy-menu,
.btDarkSkin.btLightSkin .btDarkSkin .bt-site-footer-copy-menu,
.btStickyHeaderActive.btMenuVertical.btLightTransparentHeader .mainHeader,
.btStickyHeaderActive.btMenuVertical.btLightTransparentHeader .bt-vertical-header-top,
.btTransparentDarkHeader .bt-vertical-menu-trigger .bt_bb_icon:before, .btAccentLightHeader .bt-vertical-menu-trigger .bt_bb_icon:before, .btLightDarkHeader .bt-vertical-menu-trigger .bt_bb_icon:before, .btHasAltLogo.btStickyHeaderActive .bt-vertical-menu-trigger .bt_bb_icon:before, .btTransparentDarkHeader.btHasAltLogo .bt-vertical-menu-trigger .bt_bb_icon:before, .btLightDarkHeader.btHasAltLogo .bt-vertical-menu-trigger .bt_bb_icon:before, .btAccentLightHeader.btHasAltLogo .bt-vertical-menu-trigger .bt_bb_icon:before, .btDarkTransparentHeader .bt-vertical-menu-trigger .bt_bb_icon:before, .btTransparentDarkHeader .bt-vertical-menu-trigger .bt_bb_icon:after, .btAccentLightHeader .bt-vertical-menu-trigger .bt_bb_icon:after, .btLightDarkHeader .bt-vertical-menu-trigger .bt_bb_icon:after, .btHasAltLogo.btStickyHeaderActive .bt-vertical-menu-trigger .bt_bb_icon:after, .btTransparentDarkHeader.btHasAltLogo .bt-vertical-menu-trigger .bt_bb_icon:after, .btLightDarkHeader.btHasAltLogo .bt-vertical-menu-trigger .bt_bb_icon:after, .btAccentLightHeader.btHasAltLogo .bt-vertical-menu-trigger .bt_bb_icon:after, .btDarkTransparentHeader .bt-vertical-menu-trigger .bt_bb_icon:after{ color:#FFF; background-color:#212C34;}

.bt-vertical-header-top, .btMenuVertical .mainHeader, .btMenuHorizontal .topBar{ border-top:1px solid rgb(185,224,44);}


/* FOOTER */

.btLightSkin .btLoader, .btDarkSkin .btLightSkin .btLoader, .btLightSkin .btDarkSkin .btLightSkin .btLoader { border-top: 5px solid #B9E02B;}

/* HOME STYLES */
.home header.home-1st-headline h2, .home header.home-2nd-headline h2{ line-height:1em;}
.home header.home-2nd-headline sup{ font-size: .2em; margin-left: -.75em; vertical-align: top; top: -1em; position: relative;}
.home .opus-by-numbers .bt_bb_inner_step_line{display:none;}



/* SEO AUDIT */
#seogroup li.agree{ margin-right:6% !important;}
#seogroup .seo-scorform .form #subbutton, #seogroup .seo-scorform .form input[type=submit] {padding: 12px 1% 13px !important;}

/* FORMS */
.gform_wrapper .gfield_checkbox .gchoice{ margin-bottom:10px; }
.gform_wrapper br{ display: none !important;}


/*** MOBILE ***/


@media (min-width: 768px){
		.btStickyHeaderActive .bt-logo-area{ border-top:1px solid #B9E02B;}
		div.lead-floater{ left:-120px;}
		.bt_bb_steps .bt_bb_inner_step .bt_bb_inner_step_content .bt_bb_inner_step_icon { margin:0 auto;}
		

}

@media (min-width: 992px){
		div.lead-floater{ left:-240px;}
		.bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_read_more { padding-top: 1em;}
		.bt_bb_latest_posts_item .bt_bb_latest_posts_item_image img { width:110%;}
		.home .bt_bb_section.bt_bb_full_screen > .bt_bb_port > .bt_bb_cell{min-height:90vh;}
		.single.btLightTransparentHeader .mainHeader{background:url("./images/single-header.jpg") top left no-repeat #212d33; background-size:cover;}
		.single.btLightTransparentHeader.btStickyHeaderActive .mainHeader{ background-image:none;}
		.btMenuRight.btMenuHorizontal:not(.btMenuLeft) .menuPort > nav > ul > li:nth-last-child(2):not(.btMenuWideDropdown) > ul{ left:0; right:100%;}
		.home .bt_bb_latest_posts_item.bt_bb_latest_posts_item_odd .bt_bb_latest_posts_item_image img{ min-height: 540px;}

}
@media (min-width: 1200px){
		div.lead-floater{ left:-160px;}

}
@media (min-width: 1600px){
		div.lead-floater{ left:0px;}

}

@media (max-width: 480px) {
.logo-patch .bt_bb_column[data-width="3"],
.logo-patch .bt_bb_column[data-width="2"] { flex-basis: 50%; max-width: 100%;}
.logo-patch .bt_bb_row.bt_bb_column_gap_60 .bt_bb_column{ padding-right:30px !important; padding-left:30px !important;}

.bt_bb_steps .bt_bb_inner_step { max-width: 100%; flex: 1 0 48%; padding: 0 2% 2em; }
}

@media (max-width: 768px){
	.btMenuVertical .mainHeader .logo img { max-width:65%;}
	.btMenuVertical .mainHeader .topBarInMenu .btIconWidget.btWidgetWithText .btIconWidgetContent, .btMenuVertical .mainHeader .topBar .btIconWidget.btWidgetWithText .btIconWidgetContent, .btMenuVertical .mainHeader .topBarInLogoArea .btIconWidget.btWidgetWithText .btIconWidgetContent { max-width:85%;}
	.btHasAltLogo.btStickyHeaderActive .bt-vertical-menu-trigger .bt_bb_icon:before,
	.btHasAltLogo.btStickyHeaderActive .bt-vertical-menu-trigger .bt_bb_icon .bt_bb_icon_holder:before,
	.btHasAltLogo.btStickyHeaderActive .bt-vertical-menu-trigger .bt_bb_icon:after{border-top-color: #FFF; }
	header.service-title h1{ font-size: calc(68px + 60 * ((80vw - 320px) / 680)) !important; line-height:.87em !important; }
	.home .bt_bb_section.bt_bb_full_screen > .bt_bb_port > .bt_bb_cell{min-height:60vh;}
	.bt_bb_section.bt_bb_video > video{ left:-100%;}
	
	.menuPort #menu-primary-menu .menu-item em{font-weight:normal !important; font-size:.75em; vertical-align:middle !important; display:inline-block; text-transform:lowercase !important; color:#B9E02B;}
.menuPort #menu-primary-menu .menu-item.on em{color:#87b8d0 !important;}


}