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

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 .fl-photo-content {
  overflow: hidden;
}

.focus-callout .fl-callout img {
  -webkit-filter: brightness(90%);
  transform: scale(1);
  transition: transform 0.5s ease, filter 0.5s ease;
  will-change: transform;
}

.focus-callout .fl-callout:hover img,
.focus-callout .fl-callout:focus img {
  -webkit-filter: brightness(110%);
  transform: scale(1.1); /* Zoom in slightly */
}

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

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


/* Nav */

@media (max-width: 768px) {
  .focus-menu {
    display: block;
    width: 100%;
  }
}

/* Underline on hover with sliding effect and 20px inset */
.focus-menu .menu li a {
  position: relative;
  text-decoration: none;
  display: inline-block;
}

.focus-menu .menu li a::after {
  content: '';
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  height: 5px;
  background-color: #50b949;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.focus-menu .menu li a:hover::after {
  transform: scaleX(1);
}