/* site specific styles/overrides */
body {
  background: #fff; color: #505050;
  font: normal normal normal 12pt/1.3em Arial, sans-serif; /* font-style font-variant font-weight font-size/line-height font-family caption icon menu message-box small-caption status-bar */
  font-family: "Open Sans";font-size:1.1em;
}

/* site specific styles/overrides */
.inner {background:transparent;}
h1, h1.title, h1.title a {font-size: calc(12px + 1.9vw); color: #373737;font-family: 'Open Sans'; font-weight: normal; line-height:1em; text-align: left; margin: 8px 0 25px; text-transform: uppercase;}
h2, h2.title, h2.title a {font-size: calc(12px + 1.5vw); color: #ed1b24;font-family: "Open Sans"; font-weight: normal; line-height:1em;}
h3, h3.title, h3.title a {font-size: calc(12px + 1.4vw); color: #6b6b6b;font-family: 'Open Sans'; font-weight: normal; line-height:1em;}
h4, h4.title, h4.title a {font-size: calc(12px + 1.3vw); color: #6b6b6b;font-family: 'Open Sans'; font-weight: normal; line-height:1em;}
h5, h5.title, h5.title a {font-size: calc(12px + 1.1vw); color: #6b6b6b;font-family: 'Open Sans'; font-weight: normal; line-height:1em;}
h6, h6.title, h6.title a {font-size: calc(12px + 1.0vw); color: #6b6b6b;font-family: 'Open Sans'; font-weight: normal; line-height:1em;}
a, a:link, a:visited {color:#df3e3e; }
a:hover, a:focus {color: #3a62a3}
a.button.more-link, a.button.read-more {background: #3b62a3; border-color: #3b62a3; color: white;font-size:.9em; padding: 16px 30px; font-family: "Open Sans"; font-weight: normal; text-transform: uppercase; white-space: nowrap; line-height:1em; display:inline-block;}
a.button.more-link:hover, a.button.read-more:hover {background: #e03d3e; border-color: #e03d3e;}
.form-item input.form-submit, .form-item input.wpcf7-submit {background: #df3e3e; border-color:#df3e3e; color: white;font-size:1.1em; padding: 11px 20px; font-family: "Open Sans"; font-weight: bold; text-transform: uppercase; white-space: nowrap; transition: all 0.3s;}
.form-item input.form-submit:hover, .form-item input.wpcf7-submit:hover {background-color: #3b62a3; color: white; border-color: #3b62a3; transition: all 0.3s}
figure {display: block; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; margin:0;}



/* header */
#header1 {background: #3a62a3; color: white; padding: 0; min-height:40px; }

#wysiwyg_widgets_widget-2 {position: absolute; left:2vw; top: 9px; font-family: "open sans";}
#wysiwyg_widgets_widget-2 p {margin:0;}
#wysiwyg_widgets_widget-2 a {color: white; position: relative; margin-left: 45px;}
#wysiwyg_widgets_widget-2 a:hover {color: #6e95d3;}
#wysiwyg_widgets_widget-2 a:before {content: "\e9c9"; font-family: "BlueFireMedia"; display: inline-block; position: absolute; left: -22px;top: 2px; font-size: 20px; line-height: 1em;}

#header1 .social-wrapper {position:absolute; right:calc(2vw + 10px); top: 6px;}
#header1 .social-wrapper .icon {
  width:28px;
  height:28px;
  background-color: transparent;
  color: white;
  display: inline-block;
  margin-right:20px;
  font-family:"BlueFireMedia";
  font-size:28px;
}
#header1 .social-wrapper .icon:hover {
  background: transparent;
  color: #6e95d3;
}
#header1 .social-wrapper a:nth-last-child(1) .icon {margin-right:0;}

#header2 {min-height: 80px;}
#header2 .inner {position:relative;}
#header2 .logo-wrapper {width:404px; position:absolute; left:2vw; top:-11px;}

#wysiwyg_widgets_widget-15 {position: absolute; right: 0; top: 0; transform: translateX(100%) translateY(-33%); z-index: 300;}

#header3 {padding: 0; width: 100%; }
#header3 .banner {margin:0;}
#header3 .banner .bfm-banner.tall .slides {background: #000000;}
#header3 .banner .bfm-banner.short .slides {background: #3a62a3;}
#header3 .banner .bfm-banner .banner-container {position: relative; display:block; line-height: 0px;} /* this is needed when there isnt a slideshow. */
#header3 .banner .bfm-banner .text-wrapper {position: absolute; bottom:0; left: 0; min-height:146px; width:100%; background: rgba(0,0,0,.6); display:flex; justify-content: center; align-items: center;}
#header3 .banner .bfm-banner .text-wrapper.inner {padding:0;}
#header3 .banner .bfm-banner .text-wrapper .centerme {width:96%; display: block;padding: 10px 0;}
#header3 .banner .bfm-banner .text-wrapper .slide-title {font-size: calc(12px + 2.8vw); color: #ffffff; font-family: "Open Sans Light", "arial"; line-height: 1em; text-align:center;}
#header3 .banner .bfm-banner .text-wrapper .slide-subtitle {color: #ffffff; text-align:center; margin-top: 12px; font-size: 1.05em; line-height: 1em;}
#header3 .banner .bfm-banner .text-wrapper .slide-link {text-align:center;margin-top:10px;}
#header3 .banner .bfm-banner .text-wrapper .slide-link a {font-size: 1em; font-family: "arial"; color: #ffffff; border: 1px solid #ffffff; text-transform: uppercase; padding: 15px 40px 13px; line-height: 53px; white-space: nowrap; transition: all 0.3s;}
#header3 .banner .bfm-banner .text-wrapper .slide-link a:hover {background-color: #6e95d3; border-color: #6e95d3;}

#header3 .banner .bfm-banner.short .text-wrapper {background: #3a62a3; position:relative;min-height:0px; }
#header3 .banner .bfm-banner.short .text-wrapper .slide-title {font-size: 1.4em;}
#header3 .banner .bfm-banner.short .text-wrapper .slide-link a {padding: 8px 20px 8px; line-height:35px;}






/* Content Tweaks */
#content {min-height: 200px;}

/* Latest News (blog) tweaks */
.archive.category .flex-content {align-content: flex-start;}
.archive.category .post-teaser.blog-teaser {width:47.5%; margin-bottom:35px; font-family: 'Arial'; align-self:flex-start; line-height: 1em;}
.archive.category .post-teaser.blog-teaser img {width: calc(100% - 2px); height: auto; border: 1px solid #818285;}
.archive.category .post-teaser.blog-teaser h2 {font-size: 1.6em; color: #204a72; font-family: 'Arial'; font-weight: normal; line-height: 1.2em; margin-top: 5px; margin-bottom: 0;}
.archive.category .post-teaser.blog-teaser .date-date {font-size:.8em; font-style: italic; line-height:1em;}
.archive.category .post-teaser.blog-teaser p {line-height:1.4em;}
.archive.category .post-teaser.blog-teaser a.button.more-link {text-align:center; width:90px; white-space:nowrap;}
/* Latest News FULL NODE tweaks */
.single.single-post figure img {float:right; margin-left:30px; margin-bottom:30px; max-width:40%; height:auto;}
.single.single-post .inner.flex-content {display:block;}
.single.single-post .inner.flex-content h1.title {margin-bottom:3px;}
.single.single-post .inner.flex-content .post-meta {margin-bottom:30px;}
.single.single-post .inner.flex-content .date-date {font-size:.8em; font-style: italic; color: #3498db;}
.single.single-post .inner.flex-content p:nth-of-type(1) {margin-top:0;}

/* Prev Next page navigation */
nav.navigation.pagination { position: relative; display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;margin-bottom:20px;padding-top:35px;}
nav.navigation.pagination h2{display:none;}
nav.navigation.pagination .nav-links .page-numbers{margin:0 10px;}
nav.navigation.pagination .nav-links .next{margin-left:40px;}
nav.navigation.pagination .nav-links .prev{margin-right:40px; left: 0;}




/* FAQ Tweaks */
.faq-page button.js-bfm-accordion {background: #3b62a3; color:white; font-family: 'Arial', sans-serif; font-size: 1.2em; margin-bottom: 2px;}
.faq-page button.js-bfm-accordion.active {background:#e03d3e;}
.faq-page button.js-bfm-accordion:hover {background:#e03d3e;}
.faq-page button.js-bfm-accordion::after {color:white;}

/* Staff Page Tweaks */
.staff-page .staff-member a, .staff-page .staff-member a:link, .staff-page .staff-member a:visited {color:#3b62a3;}
.staff-page .staff-member a:focus, .staff-page .staff-member a:hover {color: #e03d3e;}
.staff-bio button.js-bfm-staff-bio {background: #3b62a3 ;}
.staff-bio button.js-bfm-staff-bio.active, .staff-bio button.js-bfm-staff-bio:hover {background: #e03d3e;}
.staff-name {color: #000000;}

/* Video Page Tweaks */
.video-page .element.video .video-title {background: #3b62a3;}
.video-page .element.video a.overlay {background: rgba(224,61,62,.85);}

/* Content Pages additional CSS elements for theme */
h2.red-title-bar {background: #e03d3e; color: #ffffff; display: block; text-align: center; font-size: 1.2em; padding: 16px; line-height: 1.1em;}
h2.blue-title-bar {background: #3b62a3; color: #ffffff; display: block; text-align: center; font-size: 1.2em; padding: 16px; line-height: 1.1em;}

/* Landing Page tweaks */
.landing-page .full-width-wrapper.flex-content {justify-content: flex-start; align-items: flex-start;}
.landing-page .full-width-wrapper.flex-content a {color: #373737; font-size: 1.5em; font-family: "Open Sans"}
.landing-page .full-width-wrapper.flex-content a:hover {color: #e03d3e;}





/* footer */




#footer2 {background: #e2e2e2; padding-top:7px;padding-bottom:20px;}
#wysiwyg_widgets_widget-9 {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
#wysiwyg_widgets_widget-9 .element {width: 20%; transition: all 0.3s;}
#wysiwyg_widgets_widget-9 .element p {margin: 0;}
#wysiwyg_widgets_widget-9 .element img {display: block; margin:0 auto;}
#wysiwyg_widgets_widget-9 .element h2 {color: #7f7f7f; font-size: calc(12px + .6vw) ;font-family: "Oswald"; text-align: center; margin-top:5px; margin-bottom: 0;}
#wysiwyg_widgets_widget-9 .element h2 a {color: #7f7f7f; text-transform: uppercase; text-align: center; width:100%; transition: all 0.3s;}
#wysiwyg_widgets_widget-9 .element:hover {transform: scale(1.1,1.1);}
#wysiwyg_widgets_widget-9 .element:hover h2 a {color:#e03d3e;}
/*#wysiwyg_widgets_widget-9 .element:nth-child(even):hover h2 a {color:#3b62a3;}*/

#footer3 {background: #3a62a3; color: #ffffff; font-size: 1.8em; font-family: "Oswald"; padding: 40px 0;}
#wysiwyg_widgets_widget-8 p {margin:0;}
#wysiwyg_widgets_widget-8 span {display:inline-block; vertical-align: middle}
#wysiwyg_widgets_widget-8 a.button.more-link {background: transparent;border: 1px solid #ffffff; font-size: 16px; font-family: "Open Sans"; font-weight: bold; display:inline-block; vertical-align: middle; padding: 22px 70px; margin-left: 20px;}
#wysiwyg_widgets_widget-8 a.button.more-link:hover {background-color: #303030; border-color: #303030 ;}

#footer4 {background: #434343; background-image: linear-gradient(#434343, #303030); color: #ffffff; padding: 45px 0 45px;}
#wysiwyg_widgets_widget-7 {width: 58%; margin-right:4%; display:inline-block; vertical-align: top; font-style: italic; font-weight: bold;}
#wysiwyg_widgets_widget-7 h2.widget-title {color: #ffffff; font-size: calc(14px + 1.15vw); font-family: "Oswald"; margin-top:26px;}
#wysiwyg_widgets_widget-7 ul {padding-top: 11px;}
#wysiwyg_widgets_widget-7 ul li {margin-bottom: 14px;}
#wysiwyg_widgets_widget-7 a.button.more-link {background: #df3e3e; font-size: 1.1em; font-style: normal; font-weight: bold; padding: 22px 70px 22px;}
#wysiwyg_widgets_widget-7 a.button.more-link:hover {background-color: #3a62a3;}
#wysiwyg_widgets_widget-6 {width: 38%; display:inline-block; vertical-align: top;}
#wysiwyg_widgets_widget-6 p {margin:0;}


#footer5 {background: #6b6b6b; color: #ffffff; position: relative; padding-bottom:0; min-height: 475px;}
#footer5 a, #footer5 a:link, #footer5 a:visited {color:#afafaf; }
#footer5 a:hover, #footer5 a:focus {color: #ffffff; text-shadow: 2px 2px #000000;}


#wysiwyg_widgets_widget-5 {width:30%;float:left; margin-top:5px;}
#footer5 .social-wrapper {float:left; clear:left;margin-top:8px;}
#wysiwyg_widgets_widget-13 {width:30%;float:left; clear:left; margin-top: 25px;}
#wysiwyg_widgets_widget-12 {width:20%; position: absolute; right: calc(35% + 2vw); border-left: 1px solid #8e8e8e; padding-left: 4%;}
#wysiwyg_widgets_widget-11 {width:16%; position: absolute; right: calc(19% + 2vw);}
#wysiwyg_widgets_widget-10 {width:19%; position: absolute; right: 2vw;}

#footer5 .social-wrapper .icon {
  width:64px;
  height:64px;
  background-color: #323232;
  color: white;
  display: inline-block;
  margin-right:5px;
  font-family:"BlueFireMedia";
  font-size:64px;
}
#footer5 .social-wrapper .icon:hover {
  background: #494949;
  color: #ffffff;
  text-shadow: none;
}
#footer5 .social-wrapper a:nth-last-child(1) .icon {margin-right:0;}

#footer5 h2.widget-title {color: #ffffff; font-size: 1em; font-weight:bold; line-height: 1.3em; margin: 20px 0px 3px 0; text-transform:uppercase;}
#footer5 ul {padding:0; margin:0;}
#footer5 ul li {list-style: none; line-height: 1.4em;}
#footer5 ul li:nth-last-child(1) {margin-bottom:20px;}

#wysiwyg_widgets_widget-10 img {display: block; margin: 0 auto 35px;}
#wysiwyg_widgets_widget-10 p:nth-last-child(1) img {margin-bottom:0;}




footer {display: block; width: 100%;background: #4a4a4a; color: #7d7d7d; font-size: .8em; line-height: 0px;}
footer p {margin:0;}
footer a, footer a:link, footer a:visited {color: #afafaf;}
footer a:focus, footer a:hover {color: #ffffff;}



@media only screen and (min-width:1921px) {
    body {font-size: calc(12.5pt + .2vw); }  
    body section:nth-child(1) p {margin: 5px 0;}

    #top-callouts .innerbox span.title  {font-size: calc(14px + 2.0vw) !important;}

/*    .inner { max-width: 1877px;}*/

    #header3 .banner .bfm-banner .banner-container img {width: 100%; height: auto;}

    #header4 #wysiwyg_widgets_widget-14 h2 {font-size: calc(14pt + .55vw);}

    #header3 .flexslider .slides li {max-height: 70vh; overflow: hidden;}
    .slideshow-banner-box .itembox {width: 100%; max-height: 70vh;}
    .slideshow-banner-box .itembox figure.imagewrapper img {width: 100%; height: auto;}
} 

@media only screen and (max-width:1700px) {
#wysiwyg_widgets_widget-15 {display: none;}
}

@media only screen and (max-width:1400px) {
  #top-callouts .innerbox .element {width:100%; }
}

@media only screen and (max-width:1200px) {
  #footer5 .inner {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  #wysiwyg_widgets_widget-5 {order: 4; float:none; width:100%; text-align: center; padding-top:20px; margin-top: 20px; border-top: 1px solid #e2e2e2;}
  #footer5 .social-wrapper {order: 5; float:none; width:100%; text-align: center;}
  #wysiwyg_widgets_widget-13 {order: 6; float:none; width:100%; text-align: center;}
  #wysiwyg_widgets_widget-12 {order: 1; position: relative; width: 40%; padding-left: 0; border-left: unset; right: unset; }
  #wysiwyg_widgets_widget-11 {order: 2; position: relative; width: 30%; right: unset;}
  #wysiwyg_widgets_widget-10 {order: 3; position: relative; width: 30%; right: unset;}
}


@media only screen and (max-width: 1024px) {
  #header3 .banner .bfm-banner .text-wrapper {position: relative; bottom:unset; left: unset; min-height:unset; width:100%; background: #000000; display:flex; justify-content: center; align-items: center;}

}


@media only screen and (max-width:900px) {
  #wysiwyg_widgets_widget-2 {padding: 10px 0; position: relative; left:unset; top: unset; display:block; text-align: center;}
  #wysiwyg_widgets_widget-2 p {margin:0; line-height: 1.3em;}
  #wysiwyg_widgets_widget-2 a {color: white; position: relative; margin-left: 45px;}

  #header1 .social-wrapper {padding: 0 0 10px 0; position:relative; right:unset; top: unset; display:block; text-align: center; line-height: 1.3em;}

  #wysiwyg_widgets_widget-9 .element {width: 50%;}
  #wysiwyg_widgets_widget-9 .element:nth-of-type(1) {padding-bottom: 40px;}
  #wysiwyg_widgets_widget-9 .element:nth-of-type(2) {padding-bottom: 40px;}
  #wysiwyg_widgets_widget-9 .element:nth-of-type(3) {display:none;}

  #footer4 .inner {display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
  #wysiwyg_widgets_widget-7 {width: 100%; max-width: 650px; margin-right: 0; order: 2; text-align: center;}
  #wysiwyg_widgets_widget-6 {width: 100%; max-width: 450px; order: 1;}
  #wysiwyg_widgets_widget-7 h2.widget-title {font-size: 1.5em; text-align: center;}
  #wysiwyg_widgets_widget-7 ul {padding-left: 0;}
  #wysiwyg_widgets_widget-7 ul li {list-style-type: none; margin-bottom: 5px;}

  #wysiwyg_widgets_widget-12, #wysiwyg_widgets_widget-11, #wysiwyg_widgets_widget-10 {width: 33.3%;}
}

@media only screen and (max-width:768px) {
  h1, h1.title, h1.title a {font-size: 1.5em; }
  h2, h2.title, h2.title a {font-size: 1.4em;}
  h3, h3.title, h3.title a {font-size: 1.2em; }
  h4, h4.title, h4.title a {font-size: 1.15em;}
  h5, h5.title, h5.title a {font-size: 1.1em; }
  h6, h6.title, h6.title a {font-size: 1.05em; } 

  #wysiwyg_widgets_widget-12 {width: 50%; text-align: center;}
  #wysiwyg_widgets_widget-11 {width: 50%; text-align: center;}
  #wysiwyg_widgets_widget-10 {order: 8; width: 100%; } 
}

@media only screen and (max-width:680px) {
  #wysiwyg_widgets_widget-2 a {display: block; margin: 10px 0 4px 0;}
  #wysiwyg_widgets_widget-2 a:before {display: inline-block; position: relative; left: -4px; top: 3px; font-size: 20px; line-height: 1em;}

  #header3 .banner .bfm-banner .text-wrapper .slide-title {font-size: 1.3em; line-height: 1.1em;}

  .archive.category .post-teaser.blog-teaser {width:96%; margin-bottom:70px;}

  #wysiwyg_widgets_widget-8 span {display:block; text-align: center;}
  #wysiwyg_widgets_widget-8 a.button.more-link {margin-left:0; display:block; margin-top: 25px; text-align: center;}
}

@media only screen and (max-width:600px) {
  #wysiwyg_widgets_widget-7 {width: 100%; text-align: left;}
  #wysiwyg_widgets_widget-7 h2.widget-title {font-size: 1.5em; text-align: left; line-height: 1.3em;}
  #wysiwyg_widgets_widget-7 ul {padding-left: 40px;}
  #wysiwyg_widgets_widget-7 ul li {list-style-type: disc; margin-bottom: 15px;}

}

@media only screen and (max-width:540px) {
  #header2.outer {padding-bottom: 0;}
  #header2 .logo-wrapper {width: 96%; max-width: 404px; position: relative; left: unset; top: unset; display: block; margin: 0 auto;}
}

@media only screen and (max-width:480px) {
  .single.single-post figure img {float:none; margin-left:0px; margin-bottom:30px; max-width:100%; height:auto;}

  #footer3 {font-size: 1.5em;}

  #wysiwyg_widgets_widget-12 {width: 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e2e2e2;}
  #wysiwyg_widgets_widget-11 {width: 100%;}

}