/*
Theme Name: Beth Nydick
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: A custom child theme for Beth Nydick based on Beaver Builder theme
Author: Jennifer Ann Walsh
Author URI: https://www.jenniferannwalsh.com
template: bb-theme
*/

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

/* header */
.fl-page-header-container { width: 1240px !important; max-width: 98%; }
.fl-page-header, .fl-page-header-wrap { border-bottom: 0 !important; }
.fl-page-header-logo-col { width: 30%; }
.fl-page-nav-col { width: 70%; }
.fl-logo-img { max-width: 333px !important; }
.fl-page-nav { position: relative; z-index: 999999; pointer-events: all; }
.fl-page-nav li a { letter-spacing: 1px; position: relative; z-index: 1; }
.fl-page-nav li a:hover:after, .fl-page-nav li.current-menu-item a:after { display: block; content: ''; position: absolute; left: 0; bottom: 15px; width: 95%; height: 12px; background: rgba(255,177,0, 0.32); z-index: -1; }
li.social a { padding: 12px 0px 12px 10px !important; }
li.social i { font-family: "Font Awesome 5 Brands"; font-style: normal; font-size: 18px; }
li.social:hover i { color: rgba(255,177,0, 0.33) !important; }
li.social a:hover:after { background: none; }
.fl-page-nav ul.sub-menu { background-color: #FFB100; border: none; }
.fl-page-nav ul.sub-menuv li a:hover:after, .fl-page-nav ul.sub-menu li.current-menu-item a:after { display: none; }
.fl-page-nav ul.sub-menuv li a:hover { color: #fff !important; }
.navbar-toggle { pointer-events: all; }

/* hero */
.home-hero { position: relative; }
.home-hero .fl-row-content-wrap { display: flex; align-items: flex-end; padding-bottom: 40px; }
.home-hero .fl-row-content:before { position: absolute; left: 0; top: 40px; content: ''; background: url(img/home-frame-top.png) center top no-repeat; z-index: 9; pointer-events: none; width: 100%; height: 100%; background-size: 1340px auto; }
.home-hero .fl-row-content:after { position: absolute; left: 0; bottom: 30px; content: ''; background: url(img/home-frame-bottom.png) center bottom no-repeat; z-index: 9; pointer-events: none; width: 100%; height: 100%; background-size: 1340px auto; }

/* banners */
.hero-banner .fl-row-content-wrap { display: flex; align-items: center; }
.alignend .fl-row-content-wrap { position: relative; display: flex; align-items: flex-end;  }
.alignend .fl-col-content { display: flex; flex-direction: row; align-items: flex-end; padding-bottom: 80px; }
.alignend .fl-module-content { width: 100%; }
.servframe .fl-row-content-wrap { display: flex; align-items: flex-end; }
.servframe .fl-row-content:before { position: absolute; left: 0; top: 0; content: ''; background: url(img/services-frame.png) center no-repeat; z-index: 9; pointer-events: none; width: 100%; height: 100%; background-size: 96% 96%; }

/* typography */
.bn-text p, .bn-text h2, .bn-text h3, .bn-text h4, .bn-text h5, .bn-text h6, .bn-text li { margin-bottom: 20px; }
.bn-text a, .bn-text a:hover { text-decoration: underline; }
.fl-rich-text ul { padding-left: 10px; }
.bn-text ul { padding-left: 0; margin-left: 20px; }
h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; }

/* buttons */
.fl-button { letter-spacing: 0.5px; }

/* flodesk */
.flodeskform form { padding: 0 !important; max-width: 600px; }
.ff-632fad417a59217f23255df9__container { margin: 0 !important; }
.ff-632fad417a59217f23255df9__title, .ff-632fad417a59217f23255df9__subtitle { display: none !important; }
.flomax { max-width: 570px; }
.ff-632fad417a59217f23255df9__footer button.ff-632fad417a59217f23255df9__button { width: auto !important; float: right !important; padding: 12px 36px !important; }

/* new flodesk form */
.floname { position: relative; z-index: 9; }

/* misc */
.ztop { position: relative; z-index: 99; pointer-events: none; }
.yellowframe .fl-col-content { background-size: 200px 110px; }

/* highlight */
.highlight strong { font-weight: 800 !important; position: relative; z-index: 9; }
.highlight strong a { text-decoration: none !important; }
.highlight strong a:hover { text-decoration: none; color: #000; }
.highlight strong:after { display: block; content: ''; position: absolute; left: -4%; bottom: -2px; width: 108%; height: 25px; background: #FFE6AC; z-index: -1; }
.highlight strong:hover:after { background: #FFB100; }
.highlight .fl-callout-title-text { position: relative; }
.highlight .fl-callout-title-text:after { display: block; content: ''; position: absolute; left: -5%; bottom: -5px; width: 110%; height: 15px; background: ##FFE6AC; z-index: 0; }

/* pricing */
.pricecall .fl-callout-title { padding-bottom: 0; }

/* lines/boxes */
.boxbg .fl-row-content { position: relative; }
.boxbg .fl-row-content:before { content: ''; display: block; width: 800px; height: 400px; position: absolute; top: 15%; left: 0; background-color: rgba(244,245,249,0.5); z-index: 0; pointer-events: none; }
.linebg .fl-row-content { position: relative; overflow: visible; }
.linebg .fl-row-content:after { content: ''; display: block; width: 50px; height: 6px; position: absolute; top: 25%; left: -30px; background-color: #000000; z-index: 1; pointer-events: none; }
.linebg .fl-col-content, .boxbg .fl-col-content { z-index: 9; }

/* pullquotes */
.pullquote .fl-module-content { position: relative; }
body:not(.fl-builder-edit) .pullquote .fl-module-content:after { position: absolute; content: ''; display: block; height: 20px; width: 20px; border-bottom: solid 2px #fff; border-right: solid 2px #fff; left: 30px; top: 50px; z-index: 99; pointer-events: none; }
.pullquotealt .fl-module-content { position: relative; }
body:not(.fl-builder-edit) .pullquotealt .fl-module-content:before { position: absolute; content: ''; display: block; height: 20px; width: 20px; border-bottom: solid 2px #000; border-right: solid 2px #000; left: 30px; top: 50px; z-index: 99; pointer-events: none; }
.pullquotealt li::marker { color: #fff; }
.pullquotealt ul ul { padding-left: 40px; }
.pullquotealt ul ul li { font-size: 14px; margin-bottom: 0 }
.littlelist ul li ul li::marker { color: #000; }

/* testimonials */
.testimonial .fl-icon { position: relative; top: 30px; }
.testimonial .fl-callout-text-wrap { max-width: 480px; margin-left: auto; margin-right: auto; }

/* cta */
.ctaframe .fl-row-content-wrap { position: relative; }
.ctaframe .fl-row-content-wrap:before { position: absolute; left: 0; top: 0; content: ''; background: url(img/icon-frame-L.png) left top no-repeat; z-index: 9; pointer-events: none; width: 100%; height: 100%; background-size: auto 100%; }
.ctaframe .fl-row-content-wrap:after { position: absolute; right: 0; top: 0; content: ''; background: url(img/icon-frame-R.png) right top no-repeat; z-index: 9; pointer-events: none; width: 100%; height: 100%; background-size: auto 100%; }
.ctas .fl-callout:hover { opacity: 0.7; }

/* video frame */
.vidframe .fl-row-content-wrap { position: relative; display: flex; align-items: flex-end; padding-bottom: 30px; }
.vidframe .fl-row-content-wrap:before { position: absolute; left: 0; top: 0; content: ''; background: url(img/video-only-frame.png) center center no-repeat; z-index: 9; pointer-events: none; width: 100%; height: 100%; background-size: 96% 96%; }
.vidframealt .fl-row-content-wrap { position: relative; display: flex; align-items: flex-end; padding-bottom: 30px; }
.vidframealt .fl-row-content-wrap:before { position: absolute; left: 0; top: 0; content: ''; background: url(img/video-frame-alt.png) center center no-repeat; z-index: 9; pointer-events: none; width: 100%; height: 100%; background-size: 95% 94%; }

/* optin */
.optin .fl-row-content-wrap { background-size: auto 100%; }

/* services */
.services.fl-module-callout .fl-callout-title { margin-top: -40%; position: relative; margin-bottom: 23%; }
.services.fl-module-callout:hover { opacity: 0.7; cursor: pointer; }
.services .fl-callout-text-wrap { max-width: 550px; margin-left: auto; margin-right: auto; } 
.servframemedia .fl-heading { max-width: 790px; }
.services.fl-module-callout:hover .fl-callout-photo img { filter: gray; -webkit-filter: grayscale(100%); }

/* woo*/
.woocommerce .type-product { text-align: left !important; }
#fl-main-content .products li.product { width: 31.75% !important; max-width: 31.75% !important; margin-right: 1.5% !important; color: #000; }
.woocommerce-loop-product__link:hover { color: #000 !important; }
.products .product .woocommerce-loop-product__title { font-size: 24px; }
.single-product .price { margin-bottom: 20px; }
.single-product .woocommerce-Price-amount { font-weight: 800; }
.single-product .woocommerce-Price-amount del span { opacity: 0.5; }
.single-product .woocommerce-checkout .col-1, .woocommerce-checkout .col-2 { width: 100% !important; }
.single-product .woocommerce-product-details__short-description { margin-bottom: 40px; }
.fl-woo-content { margin-bottom: 80px; }
.woocommerce div.product div.images img { border: 2px solid #fff; }
.gfield_label { font-weight: normal; }
.woocommerce a.remove { color: #000 !important; }
.woocommerce a.remove:hover { background: #000 !important; }

/* blog */
.blogpost img { max-width: 100%; }
.searchblog .fl-search-form-fields { flex-direction: row-reverse; -moz-border-left-colors: }
.searchblog .fl-button-wrap .fl-button { padding: 0 10px 0 0; background: transparent; font-size: 14px; }
.searchblog .fl-search-text { border: solid 1px #000; border-radius: 0 !important; padding: 8px 12px !important; text-align: center; }
.postgrid .fl-post-grid-text { padding-left: 10px; padding-right: 10px; }

/* podcast */
.podgrid .fl-post-grid-post { border: none; }
.podgrid .fl-post-text { padding-left: 0; padding-right: 0; }
.podgrid h2, .podgrid h5, .podgrid .fl-post-title { font-size: 24px; margin-bottom: 0; padding-bottom: 0; line-height: 1.3em; }
.podgrid .fl-post-subtitle { margin-top: 0; margin-bottom: 10px;  }
.podgrid .fl-post-title a { background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,rgba(255,177,0, 0.32)0 51%,rgba(255,177,0, 0.32) 100%); }
.podgrid .fl-post-title a:hover { color: #000; background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,rgba(255,177,0, 1)0 51%,rgba(255,177,0, 1) 100%); }
.podgrid .fl-post-meta { font-weight: 800; text-transform: uppercase; color: rgba(0,0,0,0.3); }
.audiopop .fl-button-icon:before { content: ''; background: url(img/play-button.svg); width: 56px; height: 56px; }
.fl-button-lightbox-content {  background-color: #000 !important; }
.mfp-close-btn-in .mfp-close { color: #555; }

/* press page */
.press-logos .fl-col-content { display: flex; flex-direction: row; flex-wrap: wrap; }
.press-logos .fl-module-content { margin: 0px !important; max-height: 130px; }
.press-logos .fl-module-photo img { max-height: 140px; width: auto; }

/* forms */
.gfield_required { color: #fff !important; }
.ginput_container input, .ginput_container textarea { border-radius: 0; border: 0; background: #F9FAFC; }
.gfield_label, label { font-weight: normal !important; font-size: 16px !important; }
.gform_footer { justify-content: flex-end; }

/* follow overlay */
#fl-main-content { position: relative; }
#follow-overlay { position: absolute; top: 60px; transform: rotate(90deg); transform-origin: 0 100%; z-index: 0; width: 1300px; left: 50%;margin-left: -730px; }
#follow-overlay:before { content: ''; width: 560px; height: 19px; display: block; border-bottom: solid 1px #000; position: absolute; top: 0px; left: 200px; }
#follow-overlay ul.menu li { position: relative; letter-spacing: 0.5px }
#follow-overlay ul.menu li:first-of-type:after { content: '\2022'; position: absolute; right: -8px; top: -1px; }
#follow-overlay ul.menu li a:hover { color: rgba(0,0,0,0.5); }

@media (min-width: 2000px) {
	.home-hero-col { padding-bottom: 5%; }
}

@media (min-width: 2300px) {
	.home-hero-col { padding-bottom: 10%; }
}

@media (max-width: 1500px) {
	.home-hero .fl-row-content:before, .home-hero .fl-row-content:after { background-size: 88% auto; }
	#follow-overlay { width: 1100px; margin-left: -50%; }
	#follow-overlay:before { width: 320px; }
	.optin .fl-row-content-wrap { background-size: auto 95%; }
}

@media (max-width: 1260px) { 
	.services .fl-callout-title { font-size: 36px; }
	.optin .fl-row-content-wrap { background-size: auto 85%; }
	.optin .fl-col:first-of-type { width: 60%; }
	.optin .fl-col:last-of-type { width: 0%; }
}

@media (max-width: 1100px) {
	.fl-page-header-logo-col { width: 25%; }
	.fl-page-nav-col { width: 75%; }
	.fl-page-header-container { padding-left: 0 !important; padding-right: 0 !important; }
	.fl-logo-img { max-width: 266px !important; }
	.optin .fl-row-content-wrap { background-size: auto 69%; }
}

@media (max-width: 993px) {
	.services .fl-callout { max-width: 500px; margin-left: auto; margin-right: auto; }
	.optin .fl-row-content-wrap { background-size: auto 65%; background-position: left bottom; }
	.optin .fl-col:first-of-type { width: 70%; }
	.pr-pricing .fl-col-content { margin-top: -240px; margin-left: -20%; max-width: 287px; }
	.fl-logo-img { max-width: 233px !important; }
}

@media (max-width: 860px) {
	.optin .fl-row-content-wrap { background-size: auto 60%; background-position: 50px bottom; }
}

@media (max-width: 840px) {
	.optin .fl-row-content-wrap { background-size: auto 50%; background-position: 150px bottom; }
	.pr-pricing .fl-col-content { margin-left: -12%; }
}

@media (max-width: 830px) {
	.optin .fl-col:first-of-type { width: 100%; max-width: 530px; margin-left: auto; margin-right: auto;  }
	.optin .fl-row-content-wrap { background-size: auto 280px; background-position: right bottom; padding-bottom: 250px !important; }
	.flomax { margin-left: auto; margin-right: auto; }
}

@media (max-width: 767px) {
	.pr-pricing .fl-col-content { margin-top: -190px !important; margin-left: auto !important; margin-right: 15px !important; }	
	#fl-main-content .products li.product { width: 48% !important; max-width: 48% !important; margin-right: 1% !important; float: left !important; }
	.home-hero-col { width: 90% !important; float: right; position: relative; left: 36%; padding-bottom: 60px; }
	.home-hero .fl-row-content:before { top: 20px; }
	.home-hero .fl-row-content:after { bottom: 20px; }
	.ctaframe .fl-row-content-wrap:before { background: none; }
	.ctaframe .fl-row-content-wrap:after { background: none; }
}

@media (max-width: 720px) {
	.pricetitle h2 { font-size: 80px !important; }
}

@media (max-width: 670px) {
	.pr-pricing .fl-col-content { margin-top: -190px !important; margin-left: auto !important; margin-right: 0 !important; }
	.pricetitle h2 { font-size: 75px !important; }
}

@media (max-width: 630px) {
	.hero-banner .hero-text h1 { font-size: 54px !important; }
	.fl-logo-img { max-width: 211px !important; }
	.alignend .fl-col-content { padding-bottom: 40px; }
	.pr-pricing .fl-col-content { 	margin-top: -143px; margin-left: 43%; }
	.pricetitle h2 { font-size: 70px !important; }
	.pr-pricing .fl-col-content { margin-top: -20px !important;margin-left: 10px !important; }
	.testimonial .fl-icon { top: 10px; }
	#fl-main-content .products li.product { width: 100% !important; max-width: 100% !important; margin-right: auto !important; float: none !important; clear: both !important }
	.home-hero .fl-row-content:before, .home-hero .fl-row-content:after { background-size: 94% auto; }
	.home-hero-col { padding-bottom: 40px; }
}

@media (max-width: 570px) {
	.hero-banner .hero-text h1 { font-size: 48px !important; }
	.hero-banner h4 { font-size: 16px !important; }
	.banner-text .fl-module-content { margin-top: -120px !important; }
	.banner-text .fl-heading, .heroh1 .fl-heading { font-size: 60px !important; }
	.optin .fl-col:first-of-type, .flomax { width: 100%; }
	.home-hero-col { padding-bottom: 0; padding-top: 30px; }
	.home-hero-col .fl-col-content { width: 90% !important; }
}

@media (max-width: 530px) {
	.hero-banner .hero-text h1 { font-size: 40px !important; }
	.hero-banner h4 { font-size: 14px !important; }
}

@media (max-width: 480px) {
	.hero-banner .hero-text h1 { font-size: 30px !important; }
	.hero-banner h4 { font-size: 10px !important; }
	.banner-text .fl-module-content { margin-top: -105px !important; }
	.banner-text .fl-heading, .heroh1 .fl-heading { font-size: 50px !important; }
	.alignend .fl-col-content { padding-bottom: 30px; }
	.services .fl-callout-title { font-size: 30px; }
	.pricetitle h2 { font-size: 60px !important; }
	.mediatitle .fl-heading { font-size: 40px !important; }
	.home-hero-col { left: 30%; }
}

@media (max-width: 400px) {
	.hero-banner .hero-text h1 { font-size: 20px !important; }
	.hero-banner h4 { font-size: 9px !important; }
	.hero-banner .fl-row-content-wrap { padding: 0 40px !important; }
	.banner-text .fl-module-content { margin-top: -80px !important; }
	.banner-text .fl-heading, .heroh1 .fl-heading { font-size: 36px !important; }
	.alignend .fl-col-content { padding-bottom: 20px; }
	.optin .fl-row-content-wrap { background-size: auto 260px; }
	.services .fl-callout-title { font-size: 26px; }
	.home-hero-col { left: 25%; }
}

@media (max-width: 380px) {
	.pricetitle h2 { font-size: 54px !important; }
}

@media (max-width: 360px) {
	.services .fl-callout-title { font-size: 20px;	margin-top: -42%; }
	.pricetitle h2 { font-size: 48px !important; }
	.home-hero-col { left: 20%; }
}