/*
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... */ 
/* QA image tweak, problems in FF and elsewhere */
.innerhero img, .innerhero .fl-photo-content {display: block !important;}
/* reset the width of the innerhero columns - and put in styles.css to make sure global */
/* at only above 1340px - stick with 50% guides below that, to ipad */
/* also changing the red borders around */
.heroswerve .fl-photo-img  {
    border-left-width: 19px;
    border-top-width: 15px;
}

.innerhero .fl-row-content-wrap {
    border-bottom: 0px !important;
}

.innerhero:after {
content: "";
height: 15px;
width: 100%;
display: block;
background-image: linear-gradient(90deg, #fe1a0d 55%, #fff 100%);
}


@media (min-width: 1341px) {
.innerhero .fl-col-small {
    width: 58%;
}
.innerhero .herotext-mobile {
    width: 42%;
}
}

@media (max-width: 767px) {
  .heroswerve .fl-photo-img  {
    border-left-width: 16px;
    border-top-width: 14px;
    }
 .innerhero:after {
height: 14px;
 }
}

@media (max-width: 767px) {
.innerhero .fl-col-small {
    max-width: none !important;
}
.innerhero img {
    width: 100% !important;
}
}

.herotext-mobile h1 {
    line-height: 1;
}

/* END reset the width of the innerhero columns - and put in styles.css to make sure global */

.green .fl-module-content {border-radius: 4px; background: #9bd442; padding: 12px 10px;}
.blue .fl-module-content {border-radius: 4px; background: #1a9bfc; padding: 12px 10px;}
.red .fl-module-content {border-radius: 4px; background: #fe1a0d; padding: 12px 10px;}

/* remove default thumbs inside beaver builder saved modules/rows etc dropdown */
.fl-builder-block-thumbnail {
    display: none;
}

/* header search added 08252020 STG */
 .fl-page-nav-search {
    display: inline-block;
}

a#flsearchform {
    color: #fff;
    font-size: 17px;
    top: -2px;
}

.fl-page-nav-search form {
    width: 320px;
    top: 34px;
    border-top: 0;
}


/* mobile search */
@media (max-width: 767px) {
a#flsearchform {
    text-align: center;
    width: 100%;
}

.fl-page-nav-search {
    width: 100%;
}

.fl-page-nav-search form {
    width: 100%;
    padding: 0;
    display: block !important;
}

.fl-page-nav-search form input.fl-search-input {
    text-align: center;
    color: #111;
}

a#flsearchform {
    display: none;
}
}
