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


* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-size-adjust: none;
}
a:link {
	transition: all .2s;
}

.fl-builder-content a.fl-button {
	padding: 17px 40px;
	letter-spacing: 2px;
}
/*
.indent-p p {
  text-indent: 20px;
}
*/

.main-menu-cta-btn {
    padding: 0px 12px !important;
    letter-spacing: 2px;
    background: #e05d1f;
}
.main-menu-cta-btn a {
    color: #000000 !important;
}
.main-menu-cta-btn:hover {
    letter-spacing: 2px;
    background: #444444;
}

.main-menu-cta-btn:hover a {
    color: #ffffff !important;
}


/* Ninja Forms */
.nf-form-fields-required {
	display: none;
}

.nf-form-content label {
	font-size: 16px;
	line-height: 18px;
}
.nf-form-content .label-above .nf-field-label, .nf-form-content .label-below .nf-field-label, .nf-form-content .label-hidden .nf-field-label {
	margin-bottom: 2px !important;
	line-height: 1.2 !important;
}
.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]) {
	height: 40px !important;
}
.general-contact-wrap input[type=text], .general-contact-wrap input[type=password], .general-contact-wrap input[type=email], .general-contact-wrap input[type=tel], .general-contact-wrap input[type=date], .general-contact-wrap input[type=month], .general-contact-wrap input[type=week], .general-contact-wrap input[type=time], .general-contact-wrap input[type=number], .general-contact-wrap input[type=search], .general-contact-wrap input[type=url], .general-contact-wrap textarea {
	padding: 6px 12px !important;
}

.nf-error.field-wrap .nf-field-element:after {
    font-size: 18px;
    height: 38px !important;
    width: 38px !important;
    line-height: 40px !important;
}
.nf-after-field .nf-error-msg, .nf-error-field-errors {
	font-size: 14px;
	line-height: 1em;
}
.nf-form-content .list-select-wrap>div div:after {
    font-size: 18px;
    height: 38px;
    line-height: 40px;
}
.nf-form-content .listselect-wrap .nf-field-element div, 
.nf-form-content .ninja-forms-field {
	padding: 6px 12px;
}
.nf-after-form-content {
	padding: 0px 10px;
}
#ninja_forms_required_items, .nf-field-container {
	margin-bottom: 10px !important;
}

.nf-form-content select.ninja-forms-field {
    color: #666666 !important;
}

.home-billboard-form textarea {
    height: 120px !important;
}

#nf-form-3-cont .nf-response-msg {
    background: rgba(0, 0, 0, 0.5);
    padding: 20px;
}


/* Header Phone */
.header-phone-btn a.fl-button {
    padding: 4px 0px;
    letter-spacing: 2px;
}


/* Flip Box */

.flip-box-01 .uabb-creative-button-wrap a {
	background: #ffffff !important;
	color: #404040 !important;
}
.flip-box-01 .uabb-creative-button-wrap a:hover {
	background: #404040 !important;
	color: #ffffff !important;
}
.flip-box-01 .uabb-creative-button-wrap .uabb-button-text {
	color: #404040 !important;
}
.flip-box-01 .uabb-creative-button-wrap:hover .uabb-button-text {
	color: #ffffff !important;
}




/* Prevent scrollbars to appear when waves go out of bound */
.sonar-wrapper {
  position: relative;
  z-index: 0;
  /*overflow: hidden;*/
  padding: 20px 0;
}

/* The circle */
.sonar-emitter {
  position: relative;
  margin: 0 auto;
  width: 120px;
  height: 120px;
  border-radius: 9999px;
background-color: #d7591e;
	align-content: center;
}

/* the 'wave', same shape and size as its parent */
.sonar-box:hover .sonar-wrapper .sonar-wave {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 9999px;
	background-color: #d7591e;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
	/*box-shadow:0 0 0 2px rgba(255,255,255,.1);
	opacity:0;
	transform:scale(.6);
	display:inline-block;*/
}

.sonar-box .sonar-green .sonar-emitter {
	background: #276851;
}
.sonar-box:hover .sonar-green .sonar-emitter {
	background: #d7591e;
}
.sonar-box .sonar-blue .sonar-emitter {
	background: #468395;
}
.sonar-box:hover .sonar-blue .sonar-emitter {
	background: #d7591e;
}
.sonar-box .sonar-red .sonar-emitter {
	background: #d71d30;
}
.sonar-box:hover .sonar-red .sonar-emitter {
	background: #d7591e;
}
.sonar-box .sonar-brown .sonar-emitter {
	background: #756b10;
}
.sonar-box:hover .sonar-brown .sonar-emitter {
	background: #d7591e;
}
/*
  Animate!
  NOTE: add browser prefixes where needed.
*/
.sonar-box:hover .sonar-wrapper .sonar-wave {
  animation: sonarWave 1.3s ease-out 75ms;
}

@keyframes sonarWave {
  /*from {
    opacity: 0.4;
  }
  to {
    transform: scale(2);
    opacity: 0;
  }*/	
0% {opacity:.3}
40% {opacity:.5}
100% {transform:scale(1.5);opacity:0}
}

.sonar-wrapper .icon {
	height: 120px;
	width: 120px;
	align-content: center;
	text-align: center;
	margin: 0px;
	max-height: 100%;
	max-width: 100%;
	overflow: hidden;
	font-size: 60px;
	color: #ffffff;	
	vertical-align: middle;
	
	display: flex;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
-webkit-align-items: center;
}
.sonar-wraper i {
	line-height: 60px;
}
.sonar-box h3 {
	margin-top: 20px;
	font-size: 20px;
	text-align: center;
}

@media (max-width: 767px) {
	.sonar-wrapper {
		padding: 20px 0;
	}
}

.testimonial-name {
	font-weight: 700;
}

.services-tabs .fl-tabs-labels .fl-tabs-label {
	margin-bottom: 10px;
}

.submit-button-nf {
	line-height: 1.0em !important;
}

/* Lightbox controls */
.mfp-arrow-right .mfp-b, .mfp-arrow-right:before {
    border-left: 27px solid #e05d1f;
}
.mfp-arrow-left .mfp-b, .mfp-arrow-left:before {
    border-right: 27px solid #e05d1f;
}

/* Fixing wrap issue on WP Review widgets */
.wprevpro_badge { /* Targets the main badge container */
    max-width: 100%; /* Makes the badge itself responsive */
    display: inline-block; /* Prevents unwanted wrapping */
}

/* Apply text-wrap: balance to headings and short text */
h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}
p {
  text-wrap: balance;
}

/* Drop shadow to elements on website */
.light-shadow {
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3) !important;
}