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

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a,
a:link,
a:visited,
a:hover,
a:focus,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img,
a.fl-button {
    transition: all 0.25s ease-in-out !important;
}


/* Core button styles */
.fl-button,
.menu-button {
  display: inline-block;
  font-weight: 700;
  font-size: 20px;
  color: #fff;
  background-color: var(--button-bg, #2172aa); /* adjust default if desired */
  border: none;
  border-radius: 40px;
  padding: 20px 40px;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s ease;
}

/* Hover + Focus */
.fl-button:hover,
.fl-button:focus,
.menu-button:hover,
.menu-button:focus {
  background-color: var(--button-hover, #1a5d8c); /* slightly darker shade */
  color: #fff;
  transform: scale(1.02);
}

/* Remove borders on visited buttons */
.fl-button:visited,
.menu-button:visited {
  color: #fff;
}


.menu-button {
  display: inline-block;
  font-weight: 700;
  font-size: 20px;
  color: #fff; /* white text */
  background-color: #2a9d48; /* green background */
  border: none;
  border-radius: 40px;
  padding-left: 15px !important;
  padding-right: 15px !important;
  margin-left: 15px !important;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s ease;
}

.menu-button:hover,
.menu-button:focus {
  background-color: #2172aa; /* blue hover background */
  color: #fff; /* keep white text */
  transform: scale(1.02);
}

.menu-button a {
	color: #fff !important;
}

@media (max-width: 1023px) {
	
  .fl-menu .menu {
    background-color: #fff;
    padding: 10px 10px 20px;
  }
	
  .menu-button {
	  margin-left: auto !important;
	}

}


p {
	margin-bottom: 25px;
}

.zbump {
	position: relative;
	z-index: 99999;
}

.focus-callout .fl-callout {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
}

.focus-callout h2.fl-callout-title,
.focus-callout .fl-callout-text-wrap {
	padding-left: 10px;
}

.focus-callout .fl-callout img {
	-webkit-filter: brightness(95%);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
	transform-origin: center center;
}

.focus-callout .fl-callout:hover img,
.focus-callout .fl-callout:focus img {
	-webkit-filter: brightness(110%);
	transform: scale(1.03);
}

.focus-callout .fl-callout a {
	color: #3aad49;
}

.focus-callout .fl-callout:hover a,
.focus-callout .fl-callout:focus a {
	color: #007ea9;
}




/* Replace Font Awesome icon with custom heart image */
.button-heart .fl-button i {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 8px;
  vertical-align: middle;
  background-image: url('https://jonnycake.focusweb.dev/wp-content/uploads/2025/11/button-heart.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
}

/* Hide the Font Awesome icon content */
.button-heart .fl-button i::before {
  content: "";
}