/*
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... */ 

/* Correct Gravity Form button position when using "Simple Cloudflare Turnstile" plugin. Not the GF addon */
.pp-gf-content .gform_wrapper .gform_footer {
	flex-direction: column;
}

/* Set site container width */
body {
max-width: 1920px;
margin-right: auto;
margin-left: auto;
background: #ddd;
}

/* Sets the header to 1920px on scroll */
.fl-builder-content[data-type="header"].fl-theme-builder-header-sticky {
  max-width: 1920px;
}

/* Remove margin when this class is used on text modules */
.vwd-no-margin p  {
    margin: 0;
}

.vwd-checkmark-icon svg {
  width: 80px;
	height: auto;
}

.vwd-checkmark-icon {
	path{stroke:green}
}

/* Background color for pretext on process section */
span.vwd-highlight {		background: #F9FC37;
	  padding: 2px 6px;
	border-radius: 4px
}

/* Process Section */
.vwd-list-numbers .pp-list-item-icon {
 Color: #0074c7;
 border-bottom: 2px solid #000;
}

.vwd-list-numbers .pp-list-item-icon:after {
 content:"."
}

.vwd-arrow-right-icon path {
	fill:white;
}

.vwd-arrow-right-icon .fl-photo-content {
    padding: 25px;
    background: #000;
    border-radius: 50%;
    aspect-ratio:1;
    width: fit-content;
}

/* Packages */
.pp-pricing-table .pp-pricing-table-column .pp-pricing-table-features {
	padding-bottom: 20px;
	padding-top: 10px;
}

.pp-pricing-table .pp-pricing-table-features li {
	padding-bottom: 5px !important;
}

/* Mobile menu bottom padding */
@media ( max-width: 768px ) {
    .fl-node-o4id9gnklxwy .fl-menu ul.menu {
        padding-bottom: 10px;
    }

/* Align pricing table items */
	.vwd-pricing-table .pp-pricing-table .pp-pricing-table-features .pp-pricing-table-item {
        flex-direction: row;
    }
}

/* Our process arrow in circle */
@media (max-width: 768px) {
  .vwd-rotate-90 svg {
    transform: rotate(90deg);
 }
}