/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: Modified BB Child theme for use on Ghostbrowser.com
Author: webatix.com
Author URI: http://webatix.com
template: bb-theme
Text Domain: ghostbrowser
*/

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

/* -------------------------------------------| swwatches
643EAD	Ghost Purple
432973	Purple Dark (shadow)
8E72D3	Purple Medium
B5A4ED	Purple Light
FE9000	Orange
A96000	Orange Dark (shadow)
FFDD4A	Yellow
AA9331	Yellow Dark (shadow)
636466	Gray 75
939598	Gray 50
C6C8CA	Gray 25
-------------------------------------------*/

/* resets */
* {margin:0;padding:0}
img, a img { border: none}
a {outline: none; -moz-outline-style: none}
::selection {background: #f6d77a;}
::-moz-selection {background: #f6d77a;}

/* -------------------------------------------| links & type */
a:link, a:active, a:visited {text-decoration:none;}
a:hover { }

body {
	background: #fff;
}


/*	========================================================
		buttons 
		======================================================== */
		
.home .fl-button {
	font-weight: bold !important;
}

.button {
	position: relative;
	outline: none;
	display:inline-block;
	background: #643EAD; /* purple */
	height:40px;
	line-height: 40px;
	min-width:100px;
	padding: 0 1em;
	border:none;
	border-radius: 3px;
	box-shadow: 0 3px 0 #432973; /* purple dark */
	font-size: 14px;
	font-weight: normal !important;
	text-decoration: none !important;
	text-align: center;
	letter-spacing: 1px;
	color: #fff;
	cursor: pointer;
	transition: none;
}

.button:active, .button:hover {
	top: 3px;
	box-shadow: 0 0 0;
	color: #fff;
}

.button.secondary {
	background: transparent;
	border: solid 1px #643EAD;
	color: #643EAD;
	box-shadow: none;
	transition: all 0.3s ease;
}

.button.secondary:active, .button.secondary:hover {
	top: 0;
	background: #643EAD;
	border-color: transparent;
	color: #fff;
}

.button.secondary.light {
	border: solid 1px #fff;
	color: #fff;
}

.button.secondary.light:active, .button.secondary.light:hover {
	background: #fff;
	color: #222;
}

.button.small {
	height: 30px;
	line-height: 30px;
	min-width:60px;
	font-size: 12px;
}

/*	Button Colors ---------------------- */
.button.yellow {
	background: #FFDD4A;
	box-shadow: 0 3px 0 #AA9331;
	color: #222;
}

.button.yellow:active, .yellow:hover {color: #222; box-shadow: 0 0 0;}
.button.orange {
	background: #FE9000;
	box-shadow: 0 3px 0 #A96000;
}

.button.orange:active, .orange:hover {box-shadow: 0 0 0;}	
.button.gray {
	background: #e3e3e3;
	box-shadow: 0 3px 0 #cecece;
	color: #222;
}

.button.gray:active, .gray:hover {color: #222; box-shadow: 0 0 0;}
.button.white {
	background: #fff;
	box-shadow: 0 3px 0 #C6C8CA;
	color: #222;
}

.button.white:active, .white:hover {color: #222; box-shadow: 0 0 0;}

.fl-page-content {
	min-height: 700px;
}

/* Download page */
.gform_wrapper .button {
	position: relative;
	outline: none;
	display:inline-block;
	background: #FFDD4A;
	height:40px;
	line-height: 40px;
	min-width:100px;
	padding: 0 1em !important;
	border:none;
	border-radius: 3px;
	box-shadow: 0 3px 0 #AA9331;
	font-size: 14px;
	font-weight: normal !important;
	text-decoration: none !important;
	text-align: center;
	letter-spacing: 0;
	color: #222;
	cursor: pointer;
	transition: none;
} 

.gform_wrapper .button:active, .gform_wrapper .button:hover {
	top: 3px;
	box-shadow: 0 0 0;	
	background: #FFDD4A !important;
	color: #222; 
}

.pp-heading.pp-center h4 {
	text-align: center;
}


/*	========================================================
		Forms
		======================================================== */
fieldset {
	border: none;
	margin: 0;
	padding: 0;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
}

input[type="text"], input[type="password"], input[type="email"], textarea {
	padding: 0 0.75em;
	line-height: 40px;
	border-radius: 2px;
	border: solid 1px #C6C8CA;
	box-shadow: 0 1px 1px #cecece;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	color: #666;
}

textarea {
	padding: 0.75em;
	line-height: 1.25em;
	min-height: 4rem;
}

select {
	padding: 0 0.75em;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	color: #666;
}

fieldset.radio label, fieldset.checkbox label {
	display: inline-block;
	padding-left: 0.5em;
	font-size: 14px;
	color: #222;
	cursor: pointer;
}

fieldset.radio span, fieldset.checkbox span {
	margin-right: 2em;
}

.input-icon {
	padding-right: 0.25em;
	color: #939598;
	font-size: 14px;
}

input[type="text"].wide, input[type="password"].wide, input[type="email"].wide, textarea.wide {
	min-width: 400px;
}

input[type="text"].invalid, input[type="password"].invalid, input[type="email"].invalid, textarea.invalid {
	border-left: solid 2px #FF5C4A;
	color: #FF5C4A;
}

input[type="text"].invalid:focus, input[type="password"].invalid:focus, input[type="email"].invalid:focus, textarea.invalid:focus {
	color: #666;
}

label {
	display: block;
	font-size: 12px;
	color: #666;
}

label {
	display: block;
}

.pp-gf-content:before {
	display: none ! important;
}

.gform_wrapper .gb-accept-tos > .ginput_container_checkbox > ul > li {
	position: relative;
}

.gform_wrapper .gb-accept-tos > .ginput_container_checkbox > ul > li::before {
	content: '*';
	display: block;
	position: absolute;
	top: 0;
	left: 28px;
}

.gform_wrapper .gb-accept-tos label.gfield_label {
	display: none !important;
}

.gform_wrapper .gb-accept-tos ul.gfield_checkbox li {
	width: 100%;
}

@media (max-width: 641px) {
	.gform_wrapper .gb-accept-tos span.gfield_required {
		display: inline !important;
	}
}

/*	========================================================
		Headings, Paragraphs
		======================================================== */
h1, h2, h3 {
	border-bottom: none;
	text-align: center;
	font-weight: bold;
	color: #3D2669;
	margin: 25px 0 15px;
	padding: 0 0 5px 0;
}

h1 {
	font-size: 32px;
	border:none;
}

h2 {
	font-size: 28px;
}

h3 {
	font-size: 24px;
}

h1.border, h2.border, h3.border, h4.border {
	border-bottom: solid 1px #cecece;
}

.alt {
	text-align:left;
}

.alt-beta {
	text-align:left;
	border:none;
	margin-bottom: 1rem;
	padding-bottom: 0;
}

p, ul, ol, blockquote {
	font-family: 'Open Sans', sans-serif;
	color: #333332;
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 2em;
}

p a, blockquote a {
	border-bottom: solid 1px rgba(0,0,0,0);
	font-weight: bold;
	color: #643EAD;
	transition: all 0.3s ease;
}

p a:hover, blockquote a:hover {
	border-color: #B5A4ED;
	color: #222;
}

.card.purple p a, .card.purple blockquote a {	
	color: #fff;
}

.card.purple p a:hover, .card.purple blockquote a:hover {
	color: #FFDD4A;
}

.card.orange p a:hover, .card.orange blockquote a:hover {
	color: #FFDD4A;
}

p small {font-size: 11.6667px;}

p.footnote {
	font-size: 11.6667px;
	color: #939598;
}

ol {
	margin-left: 3em;
	margin-bottom: 3em;
}

ul {
	margin-left: 2em;
	margin-bottom: 3em;
}

ul.bullet li {
	line-height: 1em;
}

ul.bullet li:before {
	position: relative;
	top: 0.2em;
	padding-right: 0.25em;
	content: '•';
	font-size: 1.75em;
	color: #643EAD;
}

.card.purple ul.bullet li:before {
	color: #fff;
}	

blockquote {
	position: relative;
	margin-left: 2em;
	margin-right: 2em;
	border-left: none;
}

blockquote:before {
	position: absolute;
	margin-left: -0.6em;
	margin-top: 0.25em;
	font-family: 'Times', serif;
	font-size: 50px;
	color: #B5A4ED;
	content: '“';
}

blockquote p {
	margin-bottom: 1em;
	font-size: 20px;
	font-style: italic;
	line-height: 1.25em;
	color: #643EAD;	
}

.icon-example {
	margin-left: 2em;
	margin-bottom: 0.5em;
	font-size: 16px;
	color: #939598;
}

.icon-example svg {color: #643EAD;}


/*	========================================================
		Containers
		======================================================== */
.card {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0 30px;
}

.card.purple {
	background: #643EAD;
}

.card.yellow {
	background: #FFDD4A;
}

.card.orange {
	background: #FE9000;
}

.card.gray {
	background: #f1f1f1;
}

.card.purple h1, .card.purple h2, .card.purple h3, .card.purple p, .card.purple ol, .card.purple li, .card.orange h1, .card.orange h2, .card.orange h3, .card.orange p, .card.orange ol, .card.orange li {
	color: #fff;
}

.card.shadow {
	box-shadow: 0 1px 2px rgba(0,0,0,.35);
}

.grid-col-2 {
	display: grid;
	grid-gap: 1em;
	grid-template-columns: 1fr 1fr;	
}

.grid-col-3 {
	display: grid;
	grid-gap: 1em;
	grid-template-columns: 1fr 1fr 1fr;	
}

.grid-col-4 {
	display: grid;
	grid-gap: 1em;
	grid-template-columns: 1fr 1fr 1fr 1fr;	
}	



/* -------------------------------------------| misc utility classes */
.left { float: left; }

.right { float: right; }

.clear { clear: both; }

.clearfix:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.text-left {text-align: left;}

.text-right {text-align: right;}

.text-center {text-align: center;}

.text-justify {text-align: justify;}

.indent {margin-left: 4em;}



/* -------------------------------------------| overrides (bootstrap, etc) */
label {font-weight: normal}

.fl-tabs-label {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}


/* page header (3 rows) */
.page-title-row {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.page-title-row h1 {
	font-weight: 700;
	color: #636466;
}

.page-header-gap-row .fl-page-bar {
	min-height: 80px;
	border-top: solid 1px rgba(255,255,255,0.2);
}

.page-header-gap-row .fl-logo-img {
	margin-left: 20px;
	margin-top: 20px;
	height: 40px;
}


/* drop-down menus */
.fl-page-nav .sub-menu {
	margin-left: 0;
}

.fl-page-nav .sub-menu li {
	padding: 0 !important;
	text-align: left;
}

.fl-page-nav .sub-menu li a {
	padding-top: 0.25em !important;
	padding-bottom: 0.25em !important;
}

.fl-page-nav .sub-menu, .fl-page-nav .sub-menu ul {
	border: none !important;
}


/* footer link styles */
footer .fl-page-footer-widgets h4.fl-widget-title {
	margin-bottom: 0.25em !important;
	padding-bottom: 0.25em;
	border-bottom: solid 1px #E8E9E9;
	font-size: 16px;
	font-weight: bold;
}

.fl-page-footer {
	overflow: hidden;
} /* without this, BB causes a white gap below the footer */

.fl-page-footer-widgets .fl-widget ul {
	margin-left: 0;
}

.fl-page-footer-widgets .fl-widget ul li {
	margin-bottom: 0 !important;
	font-size: 12px !important;;
}


/* EDD tables */
.fl-tabs-vertical .fl-tabs-labels {
	width: auto;
}

.edd_sl_table {
	width: 100%;
}

.edd_sl_table td {
	border: solid 1px #cecece;
	padding: 1em;
}

.edd_sl_table td input[type=text] {
	text-align: center;
	border: solid 1px #cecece;
	font-size: 14px;
}

.edd_sl_item_name {
	font-weight: bold;
	text-align: center;
	color: #000;
}

#edd_user_history td {
	font-size: 12px;
}

#edd_user_history .edd_purchase_row th:first-child {
	min-width: 150px;
}

.edd_sl_item_expiration, .edd_sl_limit_label, .edd_sl_limit_used, .edd_sl_limit_sep, .edd_sl_limit_max {
	display: none;
}

.edd_errors {
	margin-top: 1em !important;
}	

/* Blog */
.fl-archive-title {
	display: none;
}

h2.fl-post-title {
	text-align: left;
	border: none;
	margin-bottom: 0;
}

.fl-post h1, .fl-post h2, .fl-post h3, .fl-post h4, .fl-post h5 {
	text-align: left;
}

article.type-post {
	margin-bottom: 4em;
	border-bottom: solid 1px #f1f1f1;	
}

.fl-post-meta {
	font-size: 12px;
}

.fl-post-thumb img {
	max-width: 125px !important;;
}

.fl-post-more-link {
	background: #f1f1f1;
	padding: 0.5em;
	border-radius: 4px;
}

.single .fl-post li {
	margin-bottom: 15px;
}

/* Blog sidebar widget */
.widget-download-beta {
	margin: 0 0 4em 0;
	padding: 1em;
	background: #643EAD;
	border-radius: 4px;
}

.widget-download-beta .widgetHeader h3 {
	margin: 0;
	padding: 0;
	color: #FFDD4A;
	font-size: 22px;
}

.widget-download-beta .gform_wrapper .gform_footer {
	margin: 0;
	padding: 0;
}

.widget-download-beta input.button {
	display: block !important;
	margin: 0 auto !important;
	border: solid 1px rgba(255,255,255,0.25);
	background: #432973;
	color: #fff;
}

.widget-download-beta-text {
	color: #fff;
	text-align: center;
	font-size: 13px;
	font-weight: 100;
	line-height: 1.25em;
}	

/* Blog sidebar post thumbails */
.recent-posts-widget-with-thumbnails img {
	max-width: 40px;
	max-height: 40px;;
}

/* Home page */
body.home .pp-testimonials-wrap .pp-testimonials-heading {
	color: #3d2669;
	font-weight: bold;
}

body.home .pp-testimonials-wrap .pp-arrow-wrapper {
	position: relative;
	height: 1px;
	margin: 0;
}

body.home .pp-testimonials-wrap .pp-arrow-wrapper .pp-slider-nav {
	position: relative;
	top: 100px;
	width: 66px;
	height: 66px;
	border-radius: 66px;
	-moz-border-radius: 66px;
	-webkit-border-radius: 66px;
	background-color: #F6F5F7;
}

body.home .pp-testimonials-wrap .pp-arrow-wrapper .pp-slider-nav a {
	line-height: 66px;
	width: 66px;
	height: 66px;
	border-radius: 66px;
	-moz-border-radius: 66px;
	-webkit-border-radius: 66px;
	display: inline-block;
}

body.home .pp-testimonials-wrap .pp-arrow-wrapper .pp-slider-nav .fa {
	color: #D2D3D5;
}
	
body.home .pp-testimonials-wrap .pp-arrow-wrapper .pp-slider-nav:hover .fa {
	color: #787B80;
}

body.home .pp-testimonials-wrap .pp-arrow-wrapper .pp-slider-prev {
	left: -400px;
}

body.home .pp-testimonials-wrap .pp-arrow-wrapper .pp-slider-next {
	right: -400px;
}

body.home .fa-chevron-circle-left:before,
body.home .fa-chevron-circle-right:before {
	content: "\f060";
	font-size: 22px;
}

body.home .fa-chevron-circle-right:before {
	content: "\f061";
}

body.home .pp-testimonials .layout-1 .pp-testimonials-content p {
	font-family: 'Open Sans', sans-serif;
}

body.home .pp-testimonial .pp-title-wrapper h3.pp-testimonials-title {
	color: #4B4F56;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-style: normal;
}

body.home .fl-callout-text p {
	font-family: 'Open Sans', sans-serif;
}

body.home h4.fl-callout-title {
	text-align: left;
	color: #3D2669;
	font-weight: bold;
}

body.home h2.fl-heading {
	font-weight: bold;
}

body.home h2.fl-cta-title {
	font-weight: bold;
	font-size: 32px;
	color: #3D2669;
	margin-bottom: 10px;
}

body.home p.fl-cta-text-content {
	font-size: 16px;
}

body.home p {
	color: #4B4F56;
}

h3.pp-testimonials-title {
	border: none;
	font-style: italic;
	color: #939598;
}

h3.pp-testimonials-title:before {
	content: "— ";
}

.pp-testimonials-content p {
	font-size: 18px;
	line-height: 1.25em;
}

body.home .fl-module-content .fl-icon i, body.home .fl-module-content .fl-icon i:before {
	border-radius: 8px;
}
	
	
/* Multi-license management block */
.gb-edd-assign-to-column {
	min-width: 300px;
	text-align: center;
}

.gb-edd-assign-license-to-wrapper {
	display: none;
	margin-top: 10px;
}

.gb-edd-assign-license-to-wrapper label {
	display: block;
	text-align: left;
}

.gb-edd-assign-license-to-wrapper input[type="text"], .gb-edd-assign-license-to-wrapper input[type="text"]:hover, .gb-edd-assign-license-to-wrapper input[type="text"]:focus {
	border: 1px #e7e7e7 solid;
	padding: 10px;
	display: block;
	height: auto;
	font-size: 16px;
	line-height: 16px;
}

.gb-edd-assign-license-to-wrapper .gb-edd-assign-license,
.gb-edd-assign-license-to-wrapper .gb-edd-assign-license:hover,
.gb-edd-assign-license-to-wrapper .gb-edd-assign-license:active,
.gb-edd-assign-license-to-wrapper .gb-edd-assign-license:visited {
	background-color: #5b4780;
	color: #FFF;
	border-radius: 5px;
	display: block;
	text-decoration: none;
	padding: 8px 15px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
	float: right;
	width: 100px;
}

#gb-loading {
	float: right;
	margin: 23px 10px 0 0;
}

#gb-loading.gb-loading-for-revoke-button {
	float: none;
	margin: 0 0 0 10px;	
}

.nlw-shortcode-wrapper {
	text-align: center;
}

.nlw-shortcode-wrapper>div {
	text-align: left;
}


/* Account page styles */
#edd_checkout_form_wrap fieldset#edd_cc_fields legend {
	top: 25px;
	position: relative;
}


/* Cookie Notice styles */
#cookie-notice .button.bootstrap {
	height: auto;
}


/* GDPR Framework styling */
#gdpr_email {
	margin-bottom: 20px;
	width: 50%;
}

div.gdpr-framework-privacy-tools h2 {
	text-align: left;
}

/* Pricing Tables */
h2.fl-pricing-table-title {
	text-align: center;
}

/* WC Denver Landing Page */
#gb-short-separator {
	display: inline-block;
	border-bottom: 2px solid #F3F1F7;
	width: 100px;
	position: relative;
	bottom: 10px;
	left: 25px;
}

.fl-pricing-table-price {
	font-weight: bold;
}

body.page-wcdenver .fl-pricing-table .fl-pricing-table-column .fl-pricing-table-duration {
	display: block;
}

body.page-wcdenver .fl-pricing-table-features {
	color: #4B4F56;
}

body.page-wcdenver .fl-builder-content .fl-pricing-table-features {
	min-height: auto;
}

body.page-wcdenver .fl-pricing-table-features li span.pp-list-item-icon.fas.fa-check-circle {
	float: left;
	margin-right: 10px;
	font-size: 18px;
	padding: 0px;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	text-align: center;
	display: inline-block;
	line-height: 17px;
	background-color: #64479b;
	color: #FFF;
	border: 1.5px solid #64479b;
}

body.page-wcdenver .fl-button-text {
	font-weight: bold;
}


/* 404 page */
body.error404 h2.fl-post-title {
	text-align: center;
}

@media (max-width: 1200px) {
	
	#cn-notice-text {
		display: block;
	}
	
	body.page-wcdenver .fl-page-content {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#gb-short-separator {
		display: none;
	}
	
}


@media (min-width: 992px) {
	
	div.fl-page-bar {
		border-bottom: 1px solid #F3F1F7;
	}
	
	.fl-page-bar .text-right,
	.fl-page-header-wrap .fl-page-fixed-nav-wrap {
		padding-right: 0;
	}
	
	.fl-page-bar .fl-page-bar-row {
		margin-right: 5px;
	}
	
}

@media (max-width: 992px) {
	
	body.home .pp-testimonials-wrap .pp-arrow-wrapper {
		position: static;
		height: auto;
	}
	
	body.home .pp-testimonials-wrap .pp-arrow-wrapper .pp-slider-nav {
		position: static;
	}
	
}

@media (max-width: 767px) {

	header.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {
		top: 20px;
	}
	
	.fl-page-header-logo {
		margin: 15px 0 5px 0;
	}

}
	
@media (min-width: 1100px) {
	
	.fl-page-header-primary .fl-logo-img {
		height: 46px !important;
	}
	
}