/*
Theme Name: The Bailey Group Custom Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 2021.3
Description: This custom theme was designed by Mark Bailey, Jr.
Author: Mark Bailey, Jr.
Author URI: http://markbaileyjr.com
template: bb-theme
*/

/*———————————————–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
Update Log:
2021.3 (5/12/21): Change color to new blue
2021.2 (4/2/21): Update to HR styling
2021.1 (3/30/21): Update to pullquote formatting and color
2020.6 (4/28/20): Removed border bottom from header
2020.8 (6/4/2020): Update sizing for different size classes
2020.9 (6/4/2020): Refined spacing around paragraph elements
————————————————––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* Add your custom styles here... */

/*————————————————
PARAGRAPH
————————————————*/

body {
  font-size: 17px;
}

p {
    margin: 20px 0 20px 0;
}

hr {
  border-top: 2px solid #CCD5E2 !important;
  margin: 40px auto 40px auto !important;
}

/* Headings */

h1 {
  font-size: 2.5em;
}

h2 {
  font-size: 1.75em;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.25em;
}

h5 {
  font-size: 1em;
}

h6 {
  font-size: 1em;
}

/* Links */

.fl-page-content a {
  font-weight: bold;
}

a {
  text-decoration: underline;
}

/* Google Conversion Frame */

iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

/*————————————————
Yoast Bredcrumbs
————————————————*/

.breadcrumb {
    background-color: #ffffff;
}


/*————————————————
SVG Icon Styling
————————————————*/

.svg-style {
display: block;
margin: auto;
max-width: 75%;
}

/*————————————————
Disclaimer
————————————————*/

.disclaimer {
  line-height: 1.1;
}

/*————————————————
YouTube Container
————————————————*/

.video-container {
	position: relative;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img,
.entry-content iframe,
.entry-content object,
.entry-content embed {
        max-width: 100%;
}

/*————————————————
MAIN NAV
————————————————*/

.fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li.current-menu-item > a {
    font-weight: 900;
}

.fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li > a {
    text-decoration: none;
}

.fl-page-nav-right .fl-page-header-wrap {
    border-bottom: 0px;
}

.fl-page-nav ul.sub-menu li a {
    text-decoration: none;
}

.fl-page-nav ul.sub-menu {
    background-color: #e8eef1;
    border-top: 2px solid #002F6C;
}

.fl-page-bar {
    border-bottom: 0px;
  }



  /*———————————————–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
  Blog Page Featured Posts Modules
  ————————————————––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

.fl-post-grid-image img {
  border-radius: 6px;
}

.fl-builder-pagination li a.page-numbers, .fl-builder-pagination li span.page-numbers {
  border: 0px;
  background: #ffffff;
}

.fl-builder-pagination li a.page-numbers:hover {
  background: #e7eaf0;
}

/*————————————————
Button in Main Nav
————————————————*/

/*Give the link some padding and some color*/
.fl-page-nav .navbar-nav > li.nav-button {
  padding: 4px 5px 0 10px;
}

.fl-page-nav .navbar-nav > li.nav-button > a {
    border: #122c64 solid 2px;
    background-color: #122c64;
    color: #fff !important;
    padding: 10px 20px !important;
    border-radius: 2px;
    font-weight: bold;
}

/*Adjust the position for the fixed navigation menu*/
.fl-page-header-fixed .fl-page-nav .navbar-nav > li.nav-button > a {
    position: relative;
    bottom: 6px;
}

/*Give the button a hover & active state*/
.fl-page-nav .navbar-nav > li.nav-button > a:active,
.fl-page-nav .navbar-nav > li.nav-button > a:hover {
    color: #fff !important;
    background-color: #0d1f46;
    border: #0d1f46 solid 2px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.fl-page-nav .navbar-nav > li.nav-button > a:visited {
    color: #fff;
}

/*————————————————
Add title to search results
————————————————*/

.search-results .entry-header {
  display: block;
}

/*———————————————–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
New Badge
————————————————––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

.new-badge {
    border-radius: 4px !important;
    position: relative !important;
    font-weight: bold !important;
    font-size: .8em !important;
    color: white !important;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#21448d+0,213163+100 */
    background: #21448d; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxNDQ4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMTMxNjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #21448d 0%, #213163 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#21448d), color-stop(100%,#213163)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, #21448d 0%,#213163 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #21448d 0%,#213163 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, #21448d 0%,#213163 100%); /* IE10 preview */
    background: linear-gradient(to bottom, #21448d 0%,#213163 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21448d', endColorstr='#213163',GradientType=0 ); /* IE6-8 */
    display: inline-block;
    padding: 4px 14px;
    text-transform: uppercase;
    vertical-align: middle;
}

/*————————————————
BLOCKQUOTES
————————————————*/

blockquote {
    border-color: #002F6C;
    font-style: italic;
}

/*————————————————
Pull Quotes
————————————————*/

.pullquote {
    color: #00214C;
    font-weight: 700;
    text-transform: none;
    font-size: 34px;
    line-height: 1.3;
    letter-spacing: 0px;
    border-left: 0px;
    margin: -.5em 0 1em 0;
    text-align: center;
}

/*————————————————
GRAYSCALE IMAGES
————————————————*/

.grayscale img{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .6s ease;  /* Transition for Webkit browsers */
}

/*.grayscale img:hover{
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none;
}*/


/*————————————————
Blog
————————————————*/

/* Fix search results page */
.search-results.fl-builder .site-inner .wrap {
  text-align: left;
}

.fl-post-grid-post {
    background: #f4f4f4;
    border: 2px solid #e8eef1;
}

.blog-submenu li.current-menu-item > a {
  font-weight: 700 !important;
}

/*————————————————
Individual Blog Post
————————————————*/

.fl-post-title {
  text-align: center;
}

.fl-post-meta {
  text-align: center;
}

.blog-cta {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}

.primary-blog-content {
	max-width: 800px;
}

.blog-hero {
  max-width: 1000px;
}

.article-body a {
	text-decoration: none;
	border-bottom: 3px solid #002F6C;
}

.article-body h2 {
  margin-top: 1.5em;
  margin-bottom: 0.9em;
}

.article-body h3 {
  padding-bottom: 10px;
}

.article-body li {
  margin-bottom: 1.1em;
}

.article-body ul {
  margin: 0 0 25px;
}

.article-body img {
	margin: 0 0 25px 0;
}

.article-tags a{
  text-decoration: none;
	border-bottom: 3px solid #002F6C;
}

hr {
    border-top: 2px solid #cccccc;
    filter: alpha(opacity = 40);
    opacity: 0.4;
    width: 25%;
    max-width: 100%;
    margin: 15px auto 40px auto;
}

/*————————————————
Image Captions
————————————————*/

.wp-caption p.wp-caption-text {
    font-size: 14px;
    font-style: italic;
    padding: 0 0 1em 0;
    color: #9CA3A6;
}

.wp-caption {
    background: #ffffff;
    border: 0px;
}

/*————————————————
Wistia Spacing
————————————————*/

.wistia_responsive_padding {
  margin: 20px 0;
}

/*————————————————
Blog Posts Search Form
————————————————*/

.posts-search-large > input[type=search] {
height: 50px;
font-size: 18px;
box-shadow: 0px 4px 10px 0px rgba(38,50,56,0.1);
}

.posts-search-small > input[type=search] {
height: 40px;
font-size: 16px;
box-shadow: 0px 4px 10px 0px rgba(38,50,56,0.1);
}


/*————————————————
Column Adjustments
————————————————*/

.rounded-corners > .fl-col-content {
    border-radius: 6px;
    box-shadow: 0px 5px 30px 0px rgba(38,50,56,0.20);
}

.rounded-corners-top > .fl-col-content {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.rounded-corners-blog > .fl-col-content {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  box-shadow: 0px 5px 30px 0px rgba(38,50,56,0.20);
}

.rounded-corners-bottom > .fl-col-content {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.shadow {
  box-shadow: 0px 5px 30px 0px rgba(38,50,56,0.20);
}

.above {
     position: relative !important;
     z-index: 3 !important;
     background: none !important;
  }

/*————————————————
Gravity Forms Styling
————————————————*/

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=number],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=password],
body .gform_wrapper .gform_body .gform_fields .gfield select {
	padding:15px 0;
}

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=number],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=password],
body .gform_wrapper .gform_body .gform_fields .gfield select,
body .gform_wrapper .gform_body .gform_fields .gfield textarea {
	font-size:16px;
}

/*————————————————
Contact Us Form
————————————————*/

body #gform_wrapper_2 .gform_footer input[type=submit] {
  font-size: 20px;
  color: #fff;
  width: 100%;
  line-height: 20px;
  padding: 25px 36px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 2px solid #002F6C;
  background-color: #002F6C;
}

body #gform_wrapper_2 .gform_footer input[type=submit]:hover {
  border: 2px solid #182e64;
  background-color: #182e64;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

/*————————————————
Stand Alone Wellness Gravity Forms Button
————————————————*/

body #gform_wrapper_8 .gform_footer input[type=submit] {
  font-size: 24px;
  color: #fff;
  width: 100%;
  line-height: 20px;
  padding: 25px 36px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 2px solid #002F6C;
  background-color: #002F6C;
}

body #gform_wrapper_8 .gform_footer input[type=submit]:hover {
  border: 2px solid #182e64;
  background-color: #182e64;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}


/*————————————————
Employee Benefits Form
————————————————*/

body #gform_wrapper_11 .gform_footer input[type=submit] {
  font-size: 21px;
  color: #fff;
  width: 100%;
  line-height: 20px;
  padding: 25px 36px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 2px solid #002F6C;
  background-color: #002F6C;
}

body #gform_wrapper_11 .gform_footer input[type=submit]:hover {
  border: 2px solid #182e64;
  background-color: #182e64;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

/*————————————————
MEDIUM DEVICE
————————————————*/

@media (min-width: 768px) {

  /* Primary Nav Fixes */

.fl-page-nav-wrap {
    border-bottom: 0px;
    border-top: 0px;
    padding: 5px 0;
  }

}


/*————————————————
SMALL DEVICE
————————————————*/

@media (max-width: 767px) {

  /* Headings */

  h1 {
    font-size: 1.85em;
  }

  h2 {
    font-size: 1.5em;
  }

  h3 {
    font-size: 1.25em;
  }

  h4 {
    font-size: 1.15em;
  }

  h5 {
    font-size: 1em;
  }

  h6 {
    font-size: 1em;
  }

  /* Primary Nav Fixes */

  .fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav > li {
    border-bottom-width: 0px;
  }

.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav ul.sub-menu li {
    border-top: 0px;
  }

.fl-page-nav .navbar-toggle {
    color: #002F6C;
  }

.fl-page-nav-collapse ul.navbar-nav > li {
      border-bottom: 0px;
      padding: 5px 0px;
  }

  /* Single Blog Post */

  .pullquote {
      font-size: 24px;
      margin: -.5em 0 1em 0;
  }

}