/*
Theme Name: X
Theme URI: http://www.wpbeaverbuilder.com
Version: 13
Description: X BB Child Theme.
Author: NetShapers, Inc.
Author URI: http://www.netshapers.com
template: bb-theme
*/


/* VARIABLE DEFINITIONS - Example Usage: var(--transition-time) */
/* Define Transition Duration for All Link Fades */
:root {
  --transition-time: 0.3s;
}
body:not(.fl-builder-edit) header .fl-row-content-wrap{
	z-index: 5;
}

.gchoice{
	display: flex;
    align-items: flex-start;
}
.gchoice .gfield-choice-input {
    margin-top: 5px !important;
    margin-right: 5px;
}

.header-info li {
    display: inline-block;
    padding-right: 30px !important;
    padding-bottom: 0px !important;
}

.header-info .uabb-info-list-icon {
    margin-right: 10px !important;

}
.header-info .uabb-icon i {
    border: 1px solid #000;
}
.header-info .uabb-info-list-content p {
    margin: 0 0 0 !important;
}

.header-info #mainmenu {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
	cursor: pointer; 
}


.home-treatments .uabb-ib2-hover img {
    transform: scale(1.1);
}

.home-treatments .uabb-ib-effect-style2 img {
	object-fit: cover;
	object-position: center;
	-webkit-transition: -webkit-transform .7s ease-in-out;
    transition: transform .7s ease-in-out;

}
.testimonials img {
    margin-left: 0 !important;
}

.testimonials button.owl-next:before {
    content: 'Next';
    visibility: visible;
    display: block;
    position: absolute;
	font-size: 16px;
}
.testimonials button.owl-prev:before{
	content: 'Prev';
    visibility: visible;
    display: block;
    position: absolute;
	font-size: 16px;
}
.testimonials button.owl-next svg, .testimonials button.owl-prev svg {
    display: none;
}

.meet-providers .uabb-ib-zoom-in:hover img.uabb-ultb3-img.uabb-ultb3-img-top-center {
    transform: translateX(-50%) scale(1.03) !important;
}
.ginput_container_date input {
    width: 100% !important;
}

/* GFORM */
.allow-label legend {
    display: none !important;
}

/* ================ Header Menu ================ */

.tab-menu nav.uabb-tabs-nav {
    margin-top: 150px;
}
.tab-menu .uabb-tab-link:focus, .tab-menu .uabb-tab-link{
	border: none !important;
}
.tab-menu .uabb-content.uabb-tab-acc-content {
    height: 100vh;
	overflow-y: auto;
}
.tab-menu .uabb-tabs-layout-vertical .uabb-tabs-nav {
    width: 45% !important;
}
.tab-menu .uabb-tabs-layout-vertical .uabb-content-wrap {
    width: 55% !important;
}
.tab-menu span.uabb-tabs-icon {
    margin-right: 20px !important;
}
.tab-menu .fa-calendar:before {
    display: inline-block;
    content: "";
    background-image: url(/wp-content/uploads/Black-Hair.png);
    width: 25px;
    height: 25px;
}
.tab-menu .uabb-tab-current .fa-calendar:before, .tab-menu a.uabb-tab-link:hover .fa-calendar:before{
    display: inline-block;
    content: "";
    background-image: url(/wp-content/uploads/Colored-Hair.png);
    width: 25px;
    height: 25px;
}
.tab-menu .ua-icon-cog:before {
    display: inline-block;
    content: "";
    background-image: url(/wp-content/uploads/Black-Stars.png);
    width: 25px;
    height: 25px;
}
.tab-menu .uabb-tab-current .ua-icon-cog:before, .tab-menu a.uabb-tab-link:hover .ua-icon-cog:before{
    display: inline-block;
    content: "";
    background-image: url(/wp-content/uploads/Colored-Stars.png);
    width: 25px;
    height: 25px;
}
.tab-menu .ua-icon-globe2:before {
    display: inline-block;
    content: "";
    background-image: url(/wp-content/uploads/Black-Women.png);
    width: 25px;
    height: 25px;
}
.tab-menu .uabb-tab-current .ua-icon-globe2:before, .tab-menu a.uabb-tab-link:hover .ua-icon-globe2:before{
    display: inline-block;
    content: "";
    background-image: url(/wp-content/uploads/Colored-Women.png);
    width: 25px;
    height: 25px;
}
.tab-menu .uabb-tabs-icon i:before{
	transition: all 150ms linear;
}

.main-menu-col .fl-col-content {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100vh;
}

.child-menu li {
    margin: 0px !important;
}
.child-menu a.pp-list-item-content {
    width: 100%;
    display: inline-block;
    padding: 10px;
}
.child-menu a.pp-list-item-content:hover {
    background: #e5e5e5 !important;
}
.child-menu .pp-infolist-title {
    display: none;
}
.child-menu a.pp-list-item-content .pp-icon-wrapper {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    float: right;
	margin-top: 4px !important;
}
.child-menu a.pp-list-item-content:hover span.pp-icon {
    background: #6cb6b6;
}
.child-menu a.pp-list-item-content .pp-heading-wrapper {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}

ul#menu-main-menu li:last-child {

    border-bottom: 1px solid #bbbbbb;
}
ul#menu-main-menu a {
    width: fit-content;
}
ul#menu-main-menu li::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 100%;
    border-bottom: 1px solid #cbcbcb;
    width: 100vw;
}
#close-menu i{
	cursor: pointer; 
}

body:not(.postid-19.fl-builder-edit) .header-menu .fl-row-content-wrap {
    z-index: 3;
}

/* Header Trigger */
body:not(.postid-19.fl-builder-edit) div#primary-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    opacity: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: var(--navbar-background);
    height: 100vh;
    overflow-x: hidden;
 	overflow-y: hidden;
}

body:not(.postid-19.fl-builder-edit) div#primary-nav.closed {
    visibility: hidden;
    pointer-events: none;
    z-index: -100;
    opacity: 0;
}
/* ================ END of Header Menu ================ */


.cstm-info-box span.pp-infobox-title-prefix {
    border: 1px solid #000;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 100%;
}

.cstm-info-box .pp-infobox-description {
    margin-left: 80px;
    margin-top: 20px;
}

.cstm-info-box .pp-infobox-title-wrapper {
    margin-left: 80px;
    margin-top: -60px;
}

.blog-hero .fl-row-content-wrap {
    filter: blur(3px);
}
.blog-hero{
	margin: 0 -7px -7px -7px;
}
.blog-post-nav .nav-previous a, .blog-post-nav .nav-next a {
    border: 1px solid #000;
    padding: 2px 15px;
}

.social-share .uabb-ss-wrap.uabb-ss-align-left {
    flex-direction: column;
    width: fit-content;
}
.social-share .uabb-ss-wrap.uabb-ss-align-left .uabb-ss-grid-item {
    border: 2px solid #cbcbcb;
    border-radius: 5px;
}
.social-share span.uabb-ss-icon {
    width: 40px;
}
.social-share-responsive .uabb-ss-wrap.uabb-ss-align-left {
    flex-direction: row !important;
	margin: auto;
}
.return-mobile .fl-module-content {
    width: fit-content;
    margin: auto;
}

/* POST BUTTON */
a.pp-button.cstm-button {
    text-decoration: none;
    background: #6cb6b6;
    background-clip: border-box;
    padding: 10px 40px;
    margin-top: 25px;
}
a.pp-button.cstm-button:hover{
	background: #dceff2;
}
a.pp-button.cstm-button span{
	color: #fff;
}
a.pp-button.cstm-button:hover span{
	color: #000;
}

/* Post Pagination */
.cstm-blog-post ul.page-numbers li:last-child a {
    border-right: 0px !important;
}

/* MOBILE -------------------------------------------------------------- */
@media screen and (max-width: 768px) {
.social-share span.uabb-ss-icon {
    width: 33px;
}
	
.header-info li:not(:last-child) .uabb-info-list-content {
    display: none !important;
}
.tab-menu .uabb-tabs-layout-vertical .uabb-content-wrap {
    width: 100% !important;
}
.header-info li {
    padding-right: 10px !important;
}

body:not(.fl-builder-edit) div#primary-nav{
	overflow-y: auto;
	}


.main-menu-col .fl-col-content, .tab-menu .uabb-content.uabb-tab-acc-content {
    height: auto;
}	
	
}
/* MENU HOVER COLOR */
/* .fl-menu a:hover {
	color: #6eb035 !important;
}
*/

/* REMOVE HOVER COLOR FROM CURRENT MENU ITEMS - MUST SET OVERRIDE COLOR HERE */
/*
.greymenu .menu > li > .fl-has-submenu-container.focus > a, 
.greymenu .menu > li.current-menu-item > a:not(:hover), 
.greymenu .menu > li.current-menu-item > .fl-has-submenu-container > a:not(:hover),
.greymenu .menu .sub-menu > li > .fl-has-submenu-container.focus > a, 
.greymenu .menu .sub-menu > li.current-menu-item > a:not(:hover), 
.greymenu .menu .sub-menu > li.current-menu-item > .fl-has-submenu-container > a:not(:hover) {
	color: #333333 !important;
}

.whitemenu .menu > li > .fl-has-submenu-container.focus > a, 
.whitemenu .menu > li.current-menu-item > a:not(:hover), 
.whitemenu .menu > li.current-menu-item > .fl-has-submenu-container > a:not(:hover),
.whitemenu .menu .sub-menu > li > .fl-has-submenu-container.focus > a, 
.whitemenu .menu .sub-menu > li.current-menu-item > a:not(:hover), 
.whitemenu .menu .sub-menu > li.current-menu-item > .fl-has-submenu-container > a:not(:hover) {
	color: #FFFFFF !important;
}
*/

/* REPLACE HEADER SHRINK LOGO */
/* In BB, create two images, with IDs logo-big and logo-shrink */
/*
#logo-big img {display: inherit !important;}
#logo-shrink .fl-photo {display: none !important;}
.fl-theme-builder-header-shrink #logo-big img {display: none !important;}
.fl-theme-builder-header-shrink #logo-shrink .fl-photo {
	display: inherit !important;
	padding-top: 0px;  
}
*/


/* Fix for header shadow not showing until scroll */
.fl-row.fl-row-full-width.fl-row-bg-color.shadow-fix {
	z-index: 1;
	position: sticky;
}

/* SHADOW UNDER SOLID HEADER */
.header-shadow {
	-webkit-box-shadow: 0 0 5px 3px rgba(51, 51, 51, 0.33) !important;
	-moz-box-shadow: 0 0 5px 3px rgba(51, 51, 51, 0.33) !important;
	box-shadow: 0 0 5px 3px rgba(51, 51, 51, 0.33) !important;
}

/* HEADER SHRINK SIZE */
.fl-builder-content[data-type="header"].fl-theme-builder-header-shrink .fl-row-content-wrap {
	padding-top: 0px;
	padding-bottom: 0px;
}
.fl-builder-content[data-type="header"].fl-theme-builder-header-shrink img {
	max-height: 70px !important;
}
.fl-builder-content[data-type="header"].fl-theme-builder-header-shrink .header-phone-number {
	display:none;
}

/* REMOVE TOP BAR ON SCROLL */
/* Give the top bar a class of "topbar" */
.topbar {
	-webkit-transition: all 0.4s ease-in-out, background-position 1ms;
	-moz-transition: all 0.4s ease-in-out, background-position 1ms;
	transition: all 0.4s ease-in-out, background-position 1ms;
	max-height:200px;
}
.fl-builder-content[data-type="header"].fl-theme-builder-header-shrink .topbar {
	max-height:0px;
}


/* CTA FLOATING TAB */
body:not(.fl-builder-edit) .ctatabuabb .uabb-modal-action-wrap {
	position: fixed;
	width: 250px;
	z-index: 100;
	bottom: 150px;
	right: -105px;
	transform: rotate(90deg);
}
.uabb-module-content.uabb-creative-button-wrap a {
	border-style: none !important;
}


/* CTA BUTTON IN ROW */
.button-cta a { background-color: rgba(0, 0, 0, 0.15) !important; }
.button-cta a:hover { background-color: rgba(0, 0, 0, 0.35) !important; }


/* --- GRAVITY FORMS  --- */

/*  Remove gform required label */
.gform_required_legend {
    display: none;
}

/* Validation message styling */
.gfield_description.instruction.validation_message, .gfield_description.validation_message.gfield_validation_message {
    border: 0px !important;
    background: transparent !important;
    padding: 0 !important;
    margin-bottom: 5px !important;
    margin-top: 0px !important;
    font-size: 13px !important;
}
.gform_validation_errors {
    border: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 10px !important;
    text-align: center;
    box-shadow: none !important;
}
.gform_wrapper.gravity-theme .gform_validation_errors{
	background: transparent !important;
}
.pp-gf-content .gform_wrapper .gfield.gfield_error {
    background-color: transparent !important;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning, .gform_wrapper div.gfield.gfield_error, .gform_wrapper div.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent;
    border-top: none;
    border-bottom: none;
}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
    background: transparent;
    border: none;
}
/* --- End Gravity Forms --- */




/* ----------------------------------------------------------------------- */
/* TRANSPARENT IMAGE BACKGROUND OVERLAYS */
/* For the contents to be over the overlay, In BB set the row background photo and an overlay color, even if just 1% black, and give the row this class */
.bg-overlay-cta {
    position: relative;
}
.bg-overlay-cta::after {
	position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
	background-image: url('/wp-content/uploads/bg-overlay-diagonal-gradient-stripes-8px.png');
	background-repeat: repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: auto;
	opacity: 15%;
}
.bg-overlay-footer {
    position: relative;
}
.bg-overlay-footer::after {
	position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
	background-image: url('/wp-content/uploads/bg-overlay-pattern-20.png');
	background-repeat: repeat;
	background-position: center center;
	background-attachment: scroll;
	background-size: auto;
	opacity: 15%;
}
.bg-overlay-1 {
    position: relative;
}
.bg-overlay-1::after {
	position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
	background-image: url('/wp-content/uploads/bg-overlay-diagonal-noise.png');
	background-repeat: repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: auto;
	opacity: 40%;
}
.bg-overlay-2 {
    position: relative;
}
.bg-overlay-2 .fl-row-content-wrap::after {
	z-index: 1; /* Make the gradient on top of the overlay image */
}
.bg-overlay-2::after {
	position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
	background-image: url('/wp-content/uploads/bg-overlay-3px-tile.png');
	background-repeat: repeat;
	background-position: center center;
	background-attachment: scroll;
	background-size: auto;
	opacity: 40%;
}


/* GLOBAL STYLING CLASSES ------------------------------------------------ */

.shadow, .shadow span { text-shadow: 0 0 20px rgba(0, 0, 0, 0.45); }
.shadow-and-dropshadow {
        text-shadow: 0 0 20px rgba(0, 0, 0, 0.45),2px 2px 0px rgba(0, 0, 0, 0.35);
}
.shadow-and-dropshadow .fl-separator {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.45),2px 2px 0px rgba(0, 0, 0, 0.35);
}
.dropshadow {
        text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.85);
}
.outline-and-dropshadow {
	    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.85),
			1px 1px 0px rgba(0, 0, 0, 0.85),
			1px -1px 0px rgba(0, 0, 0, 0.85),
			-1px 1px 0px rgba(0, 0, 0, 0.85),
			-1px -1px 0px rgba(0, 0, 0, 0.85);
}
.glow, .glow span { text-shadow: 0 0 20px rgba(255, 255, 255, 0.65); }
.glow-and-dropshadow, .glow-and-dropshadow span { 
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.75), 0 0 30px rgba(255, 255, 255, 0.95); 
}
.imgshadow img {        
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.45));
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.45));
}
.inner-shadow, .inner-shadow .fl-row-content-wrap { box-shadow: 0 0 40px rgba(0, 0, 0, 0.5) 
inset, 0 0 20px rgba(0, 0, 0, 0.5) inset;}
.no-hyphens { word-wrap:normal; -moz-hyphens:none; }
.uppercase, .uppercase span { text-transform: uppercase; }
.gradient-blue-purple {
        background-image: -webkit-linear-gradient(135deg, #461073 0%, #007BB1 100%);
        background-image: linear-gradient(-45deg, #461073 0%, #007BB1 100%);
}
.row-fade, row-fade .fl-row-content-wrap { box-shadow: inset 0 200px 300px -200px rgba(0, 0, 
0, 0.4); }
.gradient-text {
	background: linear-gradient(to top, #001c49 40%, #068cd1 70%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.background-text {
  background: url(https://images.unsplash.com/photo-1515266591878-f93e32bc5937) 25% 30% no-repeat;
  background-size: cover;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.tilt {
	transform: rotate(-3deg);
}
.justify {
	text-align:justify;
}
.ec {
	opacity: 90%;
}


/* SMOOTH HOVERS */

/* Make All Standard Anchor Tags Smooth */
a, a span {
        transition-property: all;
        transition-duration: var(--transition-time);
        transition-timing-function: ease-in-out;
        transition-delay: 0s;
}

/* Make link hovers in icon groups smooth */
.fl-icon-group a, .fl-icon-group i, .fl-icon-group i::before  {
	transition-property: all !important;
	transition-duration: var(--transition-time) !important;
	transition-timing-function: ease-in-out !important;
	transition-delay: 0s !important;
}

/* Make link hovers in UABB Advanced Icons smooth */
a.adv-icon-link .uabb-icon i::before {
	transition-property: all !important;
	transition-duration: var(--transition-time) !important;
	transition-timing-function: ease-in-out !important;
	transition-delay: 0s !important;
}

/* Make link hovers on BB Icons with links smooth */
.fl-icon-wrap a i::before {
	transition-property: all !important;
	transition-duration: var(--transition-time) !important;
	transition-timing-function: ease-in-out !important;
	transition-delay: 0s !important;
}


/* Add an inset outline on a row */
.inset-outline .fl-row-content {
	outline: solid 2px rgba(34,34,34,0.2);
	outline-offset: -35px;
}

/* Make an image module be overlapped by something else */
.img-overlap .fl-module-content {
  position: relative;
  z-index: -1; /* Can be changed to a higher value depending on the next row's content */
}


/* Zoom Column Background on hover - .zoomcolumn */
.zoomcolumn .fl-col-content {
   display: inline-block;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   background-size: auto 100%;
   background-position: center;
   background-repeat: no-repeat;
   background-color: gray;
   position: relative;
}
.zoomcolumn .fl-col-content:hover {
   background-size: auto 110%;
}
@media only screen and (max-width: 740px) {
  .zoomcolumn .fl-col-content, .zoomcolumn .fl-col-content:hover {
   background-size: cover;
  }
}


/* VIGNETTE FOR BB IMAGE MODULE - Adjust box-shadow and border-radius */
.vignette .fl-photo-content::after {
	box-shadow: inset 0 0 50px 15px rgba(0, 0, 0, 0.25);
	border-radius: 3px;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/* UABB Gallery - Crop thumbnails to consistent height */
/* Give the module a class of .gallery-crop  and set the height here */
.gallery-crop img.uabb-gallery-img {
	height: 200px !important;
	object-fit: cover;
}

/* Zoom Column Background on hover - .zoomcolumn */
.zoomcolumn .fl-col-content {
   display: inline-block;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   background-size: auto 100%;
   background-position: center;
   background-repeat: no-repeat;
   background-color: gray;
   position: relative;
}
.zoomcolumn .fl-col-content:hover {
   background-size: auto 110%;
}
@media only screen and (max-width: 740px) {
  .zoomcolumn .fl-col-content, .zoomcolumn .fl-col-content:hover {
   background-size: cover;
  }
}


/* LET BACKGROUND SHOW THROUGH */
/* .fl-page-content { background-color: transparent; } */

/* REMOVE LINES FROM CLICKED LINKS */
a:focus { outline: none; }


/* MOBILE -------------------------------------------------------------- */
@media screen and (max-width: 768px) {

/* CALL NOW */
.call-now-row {
	position: fixed;
	bottom: 0;
	z-index: 999;
	width:100%;
}

}

/* GENERIC STYLES ----------------------------------------------------- */

/* ROUNDED CORNERS FOR CELL BACKGROUNDS AND IMAGES */
.ss-rounded-corners img, .ss-rounded-corners > .fl-col-content {
    border-radius: 10px;
}

/* BEAVER BUILDER PHOTO MODULE EFFECTS */
/* Zoom in on hover - .hover-zoom-in */
.hover-zoom-in .fl-photo-content {
  overflow: hidden;
}
.hover-zoom-in .fl-photo-content .fl-photo-img {
  -webkit-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
  will-change: transform;
}
.hover-zoom-in .fl-photo-content .fl-photo-img:hover {
  -webkit-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-filter: brightness(0.7);
}

/*  Zoom out on hover - .hover-zoom-out  */
.hover-zoom-out .fl-photo-content {
  overflow: hidden;
}
.hover-zoom-out .fl-photo-content .fl-photo-img {
  -webkit-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  will-change: transform;
}
.hover-zoom-out .fl-photo-content .fl-photo-img:hover {
  -webkit-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
  -webkit-transform: scale(1);
          transform: scale(1);
}

/* Unblur on hover - .hover-unblur */
.hover-unblur .fl-photo-content {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
}
.hover-unblur .fl-photo-content .fl-photo-img {
  -webkit-filter: blur(3px);
          filter: blur(3px);
  -webkit-transition: .3s ease-in-out;
          transition: .3s ease-in-out;
  will-change: filter;
}
.hover-unblur .fl-photo-content .fl-photo-img:hover {
  -webkit-filter: blur(0);
          filter: blur(0);
}

/* Grayscale To Color .gray-scale-img */
.gray-scale-img .fl-photo-content {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
}
.gray-scale-img .fl-photo-content .fl-photo-img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
          transition: .3s ease-in-out;
  will-change: filter;
}
.gray-scale-img .fl-photo-content .fl-photo-img:hover {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}


/* Hover Opacity - Change image opacity on hover */
.simple-opacity .fl-photo-content A:hover { opacity: 0.88; }

/* Hover Effect Darken - Darken image and display an icon */
.hover-darken A         { color: #FFFFFF; }
.hover-darken A:hover   { text-decoration: none; }
.hover-darken .fl-photo-content A:hover::before
{
 background-color: #000;
 background-color: rgba(0, 0, 0, 0.5);
 -webkit-transition: 0.4s ease-in-out;
 -moz-transition: 0.4s ease-in-out;
 -o-transition: 0.4s ease-in-out;
 transition: 0.4s ease-in-out;
}

/* this adds the icon you could remove.
Use a unicode if your theme does have the FontAwesome library loaded */
.hover-darken .fl-photo-content A:hover::before
{
 font-family: FontAwesome;
 content: "\f00e";
 color: #FFFFFF;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 30px;
}
.hover-darken .fl-photo-content A::before
{
 content: "";
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 -webkit-transition: 0.4s ease-in-out;
 -moz-transition: 0.4s ease-in-out;
 -o-transition: 0.4s ease-in-out;
 transition: 0.4s ease-in-out;
 pointer-events: all;
}


/* Hover Effect Center Caption - Changes the background and centers the caption */
.hover-center-caption .fl-photo-caption-hover
{
 background-color: #FFC619;
 height: 100%;
 font-weight: bold;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 16px;
 pointer-events: none;
 white-space: normal; /*if only one line remove this*/
}
.hover-center-caption .fl-photo-caption A
{
 color: #000000;
 text-decoration: underline;
}


/* REPLACE BULLETS WITH FONTICONS */
.fl-content .icon-bullets-one UL
{
list-style: none;
padding:0;
margin:0 0 0 28px;
text-indent:-28px;
line-height: 2.4;
}
.fl-content .icon-bullets-one LI::before
{
font-family:FontAwesome;
content: "\f00c ";
margin-right: 8px;
color:lightgreen;
font-size: 20px;
}


/************* RESPONSIVE STYLING ********************/

/* Make a row's overlay whiter for small screens - .row-mobile-bg-overlay-white */
@media screen and (max-width: 768px) {
  .row-mobile-bg-overlay-whiter .fl-row-content-wrap::after {
	background-color: rgba(255,255,255,0.8) !important;
  }
}


/************* FIXES ********************/

/* Remove the bottom border from the header
// if you do not add this there will be a faint line under your header */
header .fl-page-header-wrap { border-bottom: 0; }
body {  background-color: transparent; }
/* FOR GREATER THAN THE MEDIUM DEVICE BREAKPOINT */
@media screen and (min-width: 993px) {
        /* ROW STYLING */
        .top-banner .fl-row-content-wrap{
            margin-top: -115px; 
            padding-top: 200px; 
            padding-bottom: 80px;
        }
}


/* Fix to display header shadow if the next row has a background image */
body:not(.fl-builder-edit) header .fl-row-content-wrap{ 
    z-index: 4;
}