/*
Theme Name: FEX By Akendi

Theme custom styles. These classes take precedence on default resets defined in styles.css
This file is a subset of styles.css and can be merged with it. (Kept separate for ease of coding).
These styles are specifically for the custom FBN Canada Home page.

*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~` */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~` */
/* FBN Styles */


/* Somehow not working */
.fbnsearchandfilter input.sf-input-text:placeholder,
.fbnsearchandfilter input.sf-input-text:-ms-input-placeholder {
  color: #0288D1;
}

.fbnsearchandfilter .sf-field-submit input[type="submit"] {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color : #ffffff;
  border: none;
  border-radius: 0;
  background-color: #0288D1;
  padding: 8px 18px 9px;
  text-transform: uppercase;
}

.fbnsearchandfilter .sf-field-submit input[type="submit"]:hover {
  background-color: #006399;
}

/* Home Page */
.fbnhome-sections {scroll-snap-type: y mandatory;}
.fbnhome-section {
  padding: 24px 0 12px;
  scroll-snap-align: start;
}
.fbnhome-sec-title {
  font-family: 'DM Serif Text', serif;
  font-weight: 400;
  font-size: 29px;
  line-height: 36px;
  margin: 0;
  padding: 14px 40px 30px 26px;
  color: #414042;
}

/* Image Box */
.fbnhome-img-box-outer {padding: 0 26px;}
.fbnhome-img-box {
  width: 100%;
  padding-top: 54.6875%;
  overflow: hidden;
  position: relative;
}
.fbnhome-img-box:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background : linear-gradient(135deg, rgba(86, 147, 193, 1) 0%, rgba(255, 255, 255, 1) 100%);
  opacity : 0.1;
  z-index: 1;
}
.fbnhome-img-box img {
  width: 100%;
  height: auto;
  margin: auto;
  position: absolute;
  top: -100%;
  right: -100%;
  bottom: -100%;
  left: -100%;
}
.fbnhome-section .fbnhome-img-box {padding-top: 69.31034483%;z-index: 2;}
.fbnhome-section .fbnhome-img-box .fbnround-link {right: 8px;bottom: 10px;}
.fbnhome-section .fbnhome-img-box .home-img-logo {display: none;}

.fbnhome-sec-msg {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 27px;
  color: #424142;
  margin: 24px 0 0;
  padding: 0 35px 0 26px;
}
.fbnhome-sec-msg p {
  margin: 0 0 24px 0;
}
.fbnhome-sec-msg p a {
  padding-bottom: 3px;
  text-decoration: none;
  color: #0288D1;
  font-weight: 500;
  border-bottom: 1px solid rgba(241, 93, 34, .3);
}
.fbnhome-sec-msg p a:hover {
  text-decoration: none;
  color: #006399;
  border-bottom: 1px solid rgba(211, 69, 13, .3);
}
.fbnhome-sec-quote {padding: 0 26px;}
.fbnhome-sec-quote-link {padding: 0 26px;margin: 20px 0;}

.fbnhome-sec-form {
  margin: 20px 0 0;
  padding: 30px 26px;
  background: #E5E5E5;
}
.fbnhome-sec-form .fbnblock-h3 {margin-bottom: 24px;}
.fbnhome-sec-form .searchandfilter h4 {padding-bottom: 2px;}
.fbnhome-sec-form .searchandfilter ul li.sf-field-submit {padding-top: 28px;padding-bottom: 8px;}

/* Home Section1 News Slider */
.fbnhome-sec-slider-box {position: relative;}
#homeNewsSlider .fbnimg-box {padding-top: 68.04511278%;}
.fbnhome-sec1-slide {background-color: #0288D1;padding: 31px 26px;}
.fbnhome-sec1-slide.isFEA {background-color: #0288D1;}
.fbnsec1-slide-date {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 13px;
  line-height: 24px;
  color : #FFFFFF;
  padding: 22px 0 10px;
  text-transform: uppercase;
}
.fbnsec1-slide-title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color : #FFFFFF;
  padding-right: 5%;
}
.fbnsec1-slide-link {margin: 24px 0 0 0;}
.fbnsec1-slide-link .btn.btn-link {color: #FFFFFF;border-bottom: 1px solid #FFFFFF;font-weight: 600;}
.fbnsec1-slide-link .btn.btn-link:active,.sec1-slide-link .btn.btn-link:focus,
.fbnsec1-slide-link .btn.btn-link:hover {color: #E5E5E5;border-bottom: 1px solid #E5E5E5;}

.fbnsec1-slide-dots {
  position: absolute;
  width: auto;
  top: initial;
  bottom: 0;
  right: 0;
  display: block;
  padding: 0 0 30px 0;
}
.fbnsec1-slide-dots .slick-dots {
  list-style: none;
  display: block;
  text-align: right;
  padding: 0;
  margin: 0;
}
.fbnsec1-slide-dots .slick-dots li {
  display: inline-block;
  margin: 0 26px 0 0;
  list-style: none;
}
.fbnsec1-slide-dots .slick-dots li:before {display: none;}
.fbnsec1-slide-dots .slick-dots li button {
  -webkit-appearance: none;
  box-sizing: border-box;
  line-height: 1;
  width: 11px;
  height: 11px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  color: transparent;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  outline: none;
}
.fbnsec1-slide-dots .slick-dots li.slick-active button {
  background-color: #FFFFFF;
}

.fbnhome-news {padding: 0 0 50px 0;position: relative;}
.fbnhome-news .fbnblock-h2 {padding: 30px 26px;margin-bottom: 0;}
.fbnhome-news-item {padding: 20px 26px;}

.fbnhome-news-item.first-item .fbnimg-box {padding-top: 55.83941606%;}
.fbnhome-news-item.even-item .fbnimg-box {padding-top: 54.6875%;}
.fbnhome-news-item.odd-item .fbnimg-box {padding-top: 54.12844037%;}

.fbnhome-news-item .fbnimg-box .fbnimg-deco {
  display: block;
  width: 40%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.fbnhome-news-item .fbnimg-box .fbnimg-deco:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.fbnhome-news-item.first-item .fbnimg-box .fbnimg-deco {
  background: linear-gradient(to right top, rgba(2, 136, 209, .63) 0%, rgba(2, 136, 209, .63) 50%, transparent 50%);
}
.fbnhome-news-item.even-item .fbnimg-box .fbnimg-deco {
  background: linear-gradient(to right top, rgba(209, 211, 212, .63) 0%, rgba(209, 211, 212, .63) 50%, transparent 50%);
}
.fbnhome-news-item.odd-item .fbnimg-box .fbnimg-deco {
  background: linear-gradient(to left top, rgba(209, 211, 212, .63) 0%, rgba(209, 211, 212, .63) 50%, transparent 50%);
  left: initial;
  right: 0;
}

.fbnhome-news-date {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #666669;
  margin: 28px 0 4px;
  text-transform: uppercase;
}
.fbnhome-news-date span { color: #006399; font-weight: 600;}
.fbnhome-news-title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #414042;
  margin: 0 0 20px 0;
  padding: 0 20px 0 0;
}
#fbnsec-nav {display: none;}

/* Media Queries */

/* 
Extra small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap 
*/

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

  /* Home Page */
  #fbnsec-nav {
    display: flex;
    /* display: none; */
    flex-direction: column;
    justify-content: center;
    position: absolute;
    left: 0;
    top: -79vh;
    width: 220px;
    height: 79vh;
    margin: 0;
    list-style: none;
    z-index: 99;
  }
  #fbnsec-nav.sticky {position: fixed;top: 0;}
  #fbnsec-nav li a {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #414042;
    position: relative;
    padding: 0 0 0 20px;
    margin: 10px 0;
    text-decoration: none;
  }
  #fbnsec-nav li a:before {
    content: "";
    display: block;
    width: 3px;
    height: 20px;
    position: absolute;
    left: 0; top: 0;
    background-color: #D1D3D4;
  }
  #fbnsec-nav li a.active{font-weight: 600;color: #414042;}
  #fbnsec-nav li a.active:before {background-color: #0288D1;}
  #fbnsec-nav li a:hover{font-weight: 600;color: #666669;}
  #fbnsec-nav li a:hover:before {background-color: #0288D1;}
  #fbnsec-nav li a.isFEA.active:before {background-color: #EE3825;}
  #fbnsec-nav li a.isFEA:hover:before {background-color: #EE3825;}
  
  #fbnsec-nav li a.isNews:before {height: 40px;}
  #fbnsec-nav.hide-on-tab {display: none;}

  .fbnhome-section {
    margin: 0 0 0 220px;
    min-height: calc(100vh - 68px);
    /* min-height: 800px; */
    padding: 34px 30px 34px 34px;
    position: relative;
    padding-bottom: 187px;
  }
  #fbnsec-1 {background-color: #EDEEEF;padding-bottom: 187px;}

  .fbnhome-sec-slider-box {
    position: absolute;
    left: -220px;
    bottom: 0;
    width: 100vw;
    height: 187px;
    max-height: 187px;
	z-index: 100;
  }
  .fbnsec1-slide-date {font-size: 14px;margin-top: 16px;padding-bottom: 6px;}
  .fbnhome-sec1-slide {padding: 0;}
  .fbnsec1-slide-title {
    font-size: 18px;
    line-height: 24px;
    display: inline-block;
    width: 75%;
    padding-right: 30px;
    vertical-align: bottom;
  }
  .fbnsec1-slide-link {
    display: inline-block;
    width: 22%;
    margin-bottom: 10px;
    margin-bottom: 5px;
    margin-top: 0;
    text-align: center;
  }
  .fbnsec1-slide-dots {left: 305px;}
  .fbnsec1-slide-dots .slick-dots {text-align: left;}
  .fbnsec1-slide-dots .slick-dots li button {width: 14px;height: 14px;}

  .fbnhome-sec-slider .slick-next.slick-arrow {
    height: 100%;
    width: 29px;
    border-radius: 0;
    top: 0;
    margin-top: 0;
    right: 0;
    margin: 0;
    background: url(../img/pageNavArrowWhite.svg) center center no-repeat;
    background-color: #006399;
    background-size: 7px;
  }
  .fbnhome-sec-slider .slick-next.slick-arrow:hover {background-color: #414042;}
  .fbnhome-sec-slider .slick-next.slick-arrow.isFEA {background-color: #DA3744;}
  .fbnhome-sec-slider .slick-next.slick-arrow.isFEA:hover {background-color: #AF3737;}

  .fbnhome-slide-img-column {flex: 0 0 305px;}
  .fbnhome-slide-img-column .fbnimg-box img {min-height: 187px;}
  .fbnhome-slide-content.col {flex: 1;max-width: 100%;padding-right: 50px;}

  .fbnhome-sec-title, .fbnhome-sec-msg, .fbnhome-img-box-outer {max-width: 584px;}
  .fbnhome-sec-title {font-size: 33px;line-height: 43px;padding-top: 20px;padding-bottom: 40px;}
  .fbnhome-sec-msg {font-size: 15px;line-height: 25px;padding-right: 26px;}

  .fbnhome-section .fbnhome-img-box .home-img-logo {
    display: block;
    position: absolute;
    left: 20px;
    top: 36px;
    width: 330px;
    height: auto;
    z-index: 2;
  }

  .fbnhome-section-footer {
    position: absolute;
    left: -220px;
    bottom: 0;
    width: 100vw;
    height: 249px;
    max-height: 249px;
    background-color: #FFFFFF;
	z-index: 100;
  }

  .fbnhome-sec-form .fbnsearchandfilter h4 {font-size: 14px;line-height: 22px;}
  .fbnhome-sec-form .fbnsearchandfilter .sf-field-submit input[type="submit"] {font-size: 12px;}

  .fbnhome-sec-quote {padding-right: 54px;}

  #fbnsec-2 {padding-bottom: 249px;}
  #fbnsec-2a {flex: 0 0 37.5%;max-width: 37.5%;display: flex;flex-direction: column;justify-content: center;}
  #fbnsec-2b {flex: 0 0 62.5%;max-width: 62.5%;}
  #fbnsec-2 .fbnhome-sec-form {margin: 0;padding: 41px 30px 20px 54px;min-height: 249px;max-height: 249px;}
  #fbnsec-2 .fbnhome-sec-form .fbnblock-h3 {margin-bottom: 0;}
  #fbnsec-2 .fbnhome-sec-form .fbnsearchandfilter ul li.sf-field-submit {text-align: right;padding-right: 8px;}
  #fbnsec-2 .fbnhome-sec-quote-link {margin-bottom: 0;margin-top: 40px;}

  #fbnsec-3 {padding-bottom: 249px;}
  #fbnsec-3a {flex: 0 0 37.5%;max-width: 37.5%;display: flex;flex-direction: column;justify-content: center;}
  #fbnsec-3b {flex: 0 0 62.5%;max-width: 62.5%;}
  #fbnsec-3 .fbnhome-sec-form {margin: 0;padding: 41px 30px 30px 54px;}
  #fbnsec-3 .fbnhome-sec-form .fbnblock-h3 {margin-bottom: 0;}
  #fbnsec-3 .fbnhome-sec-form .fbnsearchandfilter ul li.sf-field-submit {text-align: right;padding-right: 8px;}
  #fbnsec-3 .fbnhome-sec-quote-link {margin-bottom: 0;margin-top: 40px;}
  #fbnsec-3 .sf-field-taxonomy-expertise {width: 50%;display: inline-block;padding-right: 12px;}
  #fbnsec-3 .sf-field-taxonomy-province {width: 50%;display: inline-block;padding-left: 12px;}

  .fbnhome-news {background-color: #EDEEEF;}
  .fbnhome-news .fbnblock-h2 {padding: 60px 54px 30px;}
  .fbnhome-news-item {padding: 30px 54px;}

  .fbnhome-news-item.first-item .col.news-col-1 {order: 2;padding-left: 8px;}
  .fbnhome-news-item.first-item .col.news-col-2 {order: 1;}
  .fbnhome-news-item.odd-item .col.news-col-1 {order: 2;padding-left: 8px;}
  .fbnhome-news-item.odd-item .col.news-col-2 {order: 1;}
  .fbnhome-news-item.even-item .col.news-col-1 {padding-right: 8px;}
  .fbnhome-news-item .news-col-2 {padding: 10px 20px 10px 50px;}
  .fbnhome-news-item .fbnhome-news-date {margin-top: 0;}
  .fbnhome-news-item .fbnhome-news-title {padding-right: 0;}
  
}  /* END 768 */

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

  /* Home page 1200 & Up */
  .fbnhome-sec-title {
    font-size: 40px;line-height: 50px;
    padding-bottom: 0;
    margin: 50px -200px 0 30px;
    z-index: 4;
    position: relative;
    letter-spacing: .7px;
  }
  #fbnsec-1 .fbnhome-sec-title {margin-right: -140px;}
  #fbnsec-3 .fbnhome-sec-title {margin-top: 70px;}
  .fbnhome-sec-msg {font-size: 14px;line-height: 24px;margin-left: 30px;padding-right: 0;}
  #fbnsec-1 {background-color: transparent;padding-bottom: 150px;}
  #fbnsec-1 .fbnhome-img-box .fbnround-link {right: 30px;bottom: 30px;}
  .fbnhome-section {padding: 54px 97px 0 0;margin-left: 240px;min-height: calc(100vh - 90px);}
  .fbnhome-img-box-outer {max-width: 1000px;padding: 0 0 0 20px;}
  .fbnhome-sec-filler {
    position: absolute;
    top: initial;
    bottom: 0;
    left: 0;
    height: calc(100% + 90px);
    min-height: 100vh;
    width: 50%;
    background-color: #EDEEEF;
    z-index: -1;
  }
  .fbnhome-sec-slider-box {left: 35px;bottom: 0;width: calc(100% - 35px);;height: 150px;max-height: 150px;}
  .fbnhome-slide-img-column {flex: 0 0 250px;}
  .fbnhome-slide-img-column .fbnimg-box img {min-height: 150px;}
  .fbnhome-section-footer {height: 180px;max-height: 180px;width: calc(100% - 210px);left:113px;z-index: 1;}

  .fbnhome-slide-content.col {padding-left: 20px;}
  .fbnsec1-slide-date {padding-bottom: 4px;}
  .fbnsec1-slide-title {height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 74%;}
  .fbnsec1-slide-link {width: 20%;margin-bottom: 0;}
  .fbnsec1-slide-link .btn.btn-link {font-size: 13px;}
  .fbnsec1-slide-dots {left: 256px;padding-bottom: 20px;}
  .fbnsec1-slide-dots .slick-dots li {margin-right: 15px;}
  .fbnsec1-slide-dots .slick-dots li button {height: 11px;width: 11px;}

  #fbnsec-2 {padding-top: 54px;padding-bottom: 180px;}
  #fbnsec-2a {flex: 0 0 51%;max-width: 51%;}
  #fbnsec-2b {flex: 0 0 49%;max-width: 49%;}

  #fbnsec-2 .fbnhome-sec-form {min-height: 180px;max-height: 180px;}
  #fbnsec-2 .sf-field-taxonomy-res_topic {width: 75%;display: inline-block;padding-right: 12px;}
  #fbnsec-2 .sf-field-submit {width: 25%;display: inline-block;padding-left: 12px;padding-right: 12px;}
  #fbnsec-2 .sf-field-submit input[type="submit"] {padding: 5px 14px 6px;}

  #fbnsec-2 .fbnhome-sec-quote {padding: 0 30px; margin-top: 20px;}
  #fbnsec-2 .fbnhome-sec-quote-link {padding: 0 30px;margin: 10px 0 0 20px;}

  #fbnsec-2 .fbnhome-img-box {overflow: initial;}
  #fbnsec-2 .fbnhome-img-box .fbnround-link {right: 30px;bottom: -20px;padding-left: 24px;padding-right: 24px;}
  #fbnsec-2 .fbnhome-section-footer {bottom: initial;}
  #fbnsec-2 .fbnround-link {background-color: #0288D1;}
  #fbnsec-2 .fbnround-link:hover {background-color: #006399;}

  #fbnsec-3 .fbnhome-section-footer {bottom: initial;width: calc(100% - 97px);left: 0;}
  #fbnsec-3 {padding-top: 54px;padding-bottom: 180px;}
  #fbnsec-3a {flex: 0 0 45.5%;max-width: 45.5%;}
  #fbnsec-3b {flex: 0 0 54.5%;max-width: 54.5%;}

  #fbnsec-3 .fbnhome-sec-form {min-height: 180px;max-height: 180px;padding: 30px 30px 30px 40px;}
  #fbnsec-3 .fbnhome-sec-form .fbnblock-h3 {margin-bottom: 10px;}
  #fbnsec-3 .sf-field-taxonomy-expertise {width: 40%;display: inline-block;padding-right: 15px;}
  #fbnsec-3 .sf-field-taxonomy-province {width: 40%;display: inline-block;padding-right: 15px;padding-left: 15px;}
  #fbnsec-3 .sf-field-submit {width: 20%;display: inline-block;padding-left: 12px;padding-right: 12px;}
  #fbnsec-3 .sf-field-submit input[type="submit"] {padding: 5px 14px 6px;}

  #fbnsec-3 .fbnhome-sec-quote {padding: 0 30px; margin-top: 20px;}
  #fbnsec-3 .fbnhome-sec-quote-link {padding: 0 30px;margin: 10px 0 0 20px;}

  #fbnsec-3 .fbnhome-img-box {overflow: initial;}
  #fbnsec-3 .fbnhome-img-box .fbnround-link {right: 30px;bottom: -20px;padding-left: 24px;padding-right: 24px;}

  .fbnhome-news {padding-bottom: 200px;}
  .fbnhome-news .fbnblock-h2 {padding: 70px 130px 70px 280px}
  .fbnhome-news-item { padding: 0 130px 0 240px;}
  .fbnhome-news-item.odd-item .col.news-col-1,
  .fbnhome-news-item.first-item .col.news-col-1 {flex: 0 0 55.1%;max-width: 56.1%;padding-left: 0;}
  .fbnhome-news-item.odd-item .col.news-col-2,
  .fbnhome-news-item.first-item .col.news-col-2 {flex: 0 0 44.9%;max-width: 44.9%;justify-content: center;display: flex;flex-direction: column;padding: 10px 40px;}
  .fbnhome-news-item.even-item .col.news-col-1 {flex: 0 0 44.9%;max-width: 44.9%;padding-right: 0;}
  .fbnhome-news-item.even-item .col.news-col-2 {flex: 0 0 55.1%;max-width: 55.1%;justify-content: center;display: flex;flex-direction: column;padding: 10px 90px 10px 40px;}
  .fbnhome-news-item.odd-item .col.news-col-1 {padding-right: 111px;}

  #fbnsec-nav {height: 98vh;top:-98vh;}
  #fbnsec-nav.hide-on-tab {display: flex;}
  #fbnsec-nav li a {margin: 6px 0;font-size: 13px;line-height: 16px;}

}  /* END 1200 */

/* Block Elements */
.fbnblock-h2 {
  font-family: 'DM Serif Text', serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: .5px;
  color: #414042;
  margin-bottom: 30px;
}
.fbnblock-h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color : #414042;
  margin-bottom: 30px;
}

.fbnquote-text {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 28px;
  color: #414042;
  padding-left: 20px;
  position: relative;
}
.fbnquote-text:before {
  content: '\201c';
  position: absolute;
  top: 4px;
  left: 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 35px;
  line-height: 35px;
  color: #0288D1;
}
.fbnquote-text p:last-child:after {
  content: '\201D';
  display: none;
  position: static;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 35px;
  line-height: 35px;
  color: #0288D1;
}

/* Image Box */
.fbnimg-box {
  width: 100%;
  padding-top: 54.6875%;
  overflow: hidden;
  position: relative;
}
.fbnimg-box:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background : linear-gradient(135deg, rgba(86, 147, 193, 1) 0%, rgba(255, 255, 255, 1) 100%);
  opacity : 0.1;
  z-index: 1;
}
.fbnimg-box img {
  width: 100%;
  height: auto;
  margin: auto;
  position: absolute;
  top: -100%;
  right: -100%;
  bottom: -100%;
  left: -100%;
}

/* FBN Round Link */
.fbnround-link {
  display: block;
  position: absolute;
  width: 74px;
  height: 74px;
  background-color: #0288D1;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 11px;
  line-height: 14px;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  padding: 28px 9px 6px;
  border-radius: 100%;
  overflow: hidden;
  z-index: 5;
}
.fbnround-link:before {
  content: "";
  display: block;
  width: 15px;
  height: 8px;
  position: absolute;
  top: 15px;
  left: 50%;
  margin-left:-8px;
  z-index: 6;
  background: url(../img/arrowRight.svg) center center no-repeat;
  background-size: contain;
}
.fbnround-link:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #006399;
}

.specsFEA .fbnround-link {background-color: #0288D1;}
.specsFEA .fbnround-link:hover {background-color: #006399;}

.b001 .fbnimg-box {padding-top: 69.31034483%;z-index: 2;}
.b001 .fbnimg-box .fbnround-link {right: 8px;bottom: 10px;}
.b001 .fbnhome-sec-title {padding-left: 0;}
.b003 .fbnblock-h2 {margin-bottom: 44px;}
.b003 .fbnround-link {position: relative;}
.b004.FBNBlue  .block-inner {background-color: #0288D1;}

.b004 .fbnimg-box {padding-top: 66.8989547%;}
.b004 .fbnimg-box .fbnimg-deco {
  display: block;
  width: 50%;
  position: absolute;
  right: 0;
  bottom: 0;
  background: linear-gradient(to left top, rgba(2, 136, 209, .63) 0%, rgba(2, 136, 209, .63) 50%, transparent 50%);
  z-index: 2;
}
.specsFEA.b004 .fbnimg-box .fbnimg-deco {background: linear-gradient(to left top, rgba(238, 56, 37, .63) 0%, rgba(238, 56, 37, .63) 50%, transparent 50%);}

.b004 .fbnimg-box .fbnimg-deco:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.b004 .fbnblock-h2 {
  font-size: 25px;
  line-height: 32px;
  color: #ffffff;
  margin-bottom: 20px;
}

.b005 .fbnblock-h3 {margin-bottom: 12px;}

.b005 .fbnsearchandfilter > ul > li.sf-field-submit input[type="submit"] {background-color: #0288D1;border: none;color:#FFFFFF}
.b005 .fbnsearchandfilter > ul > li.sf-field-submit input[type="submit"]:hover {background-color: #006399;}

.b005 .fbnimg-box .fbnimg-deco {
  display: block;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: linear-gradient(to left top, rgba(209, 211, 212, .63) 0%, rgba(209, 211, 212, .63) 50%, transparent 50%);
  z-index: 2;
}
.b005 .fbnimg-box .fbnimg-deco:after {
  content: "";
  display: block;
  padding-top: 100%;
}

.b006 .fbnblock-h2 {margin-bottom: 12px;}

.b006 .fbnimg-box .fbnimg-deco {
  display: block;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: linear-gradient(to right top, rgba(209, 211, 212, .63) 0%, rgba(209, 211, 212, .63) 50%, transparent 50%);
  z-index: 2;
}
.b006 .fbnimg-box .fbnimg-deco:after {
  content: "";
  display: block;
  padding-top: 100%;
}

.b007 .fbnblock-h3 {padding-bottom: 10px; border-bottom: 1px solid #D1D3D4;margin-bottom: 32px;color: #414042;}

.b009 .fbnimg-box {padding-top: 66.97247706%;}
.b009 .fbnimg-box .fbnimg-deco {
  display: block;
  width: 50%;
  position: absolute;
  right: 0;
  bottom: 0;
  background: linear-gradient(to left top, rgba(2, 136, 209, .63) 0%, rgba(2, 136, 209, .63) 50%, transparent 50%);
  z-index: 2;
}
.specsFEA.b009 .fbnimg-box .fbnimg-deco {background: linear-gradient(to left top, rgba(238, 56, 37, .63) 0%, rgba(238, 56, 37, .63) 50%, transparent 50%);}
.b009 .fbnimg-box .fbnimg-deco:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.b009 .fbnround-link {position: absolute;right: 20px;top: -35px;}
.b009 .fbnblock-h3 {line-height: 31px;margin: 40px 0 18px;text-transform: uppercase;}
.b009 .fbnquote-text {font-size: 18px;font-weight: 400 ;line-height: 29px;color: #0288D1;padding-left: 8px;padding-right: 12px;}
.b009 .fbnquote-text:before {font-size: 15px;line-height: 29px;color: #0288D1;top: -2px;}
.b009 .fbnquote-text p:last-child:after {display: inline;font-size: 15px;line-height: 29px;color: #0288D1;}
.b010 .fbnblock-h2 {margin-bottom: 8px;line-height: 28px;}
.b011 .fbnblock-h2 {padding: 13px 26px 0;}
.b013 .fbnblock-h2 {padding: 13px 26px 0;}
.b013 .fbnblock-h3 {font-size: 20px;line-height: 24px;color: #FFFFFF;margin: 0;padding: 4px 0;}
.b014 .fbnblock-h2 {padding: 20px 26px;margin-bottom: 5px;}
.b014.in-tab .fbnblock-h2 {text-align:center; margin-bottom: 0;padding: 16px 0;}
.b015 .fbnblock-h2 {margin-bottom: 30px;}

.b016 .fbnimg-box .fbnimg-deco {
  display: block;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: linear-gradient(to bottom right, transparent 50% ,  rgba(209, 211, 212, .63) 50%,  rgba(209, 211, 212, .63) 100%);
  z-index: 2;
}
.b016 .fbnimg-box .fbnimg-deco:after {
  content: "";
  display: block;
  padding-top: 100%;
}
.b016 .fbnblock-h3 {margin: 25px 0 10px;}
.b017 .fbnquote-text {margin: 35px 0 20px;}
.b017 .fbnround-link {position: relative;}
.b018 .fbnblock-h2 {padding-left: 26px;padding-right: 26px;margin-bottom: 34px;}
.b018 .fbnimg-box {width:98px;padding-top: 98px;z-index: 2;border-radius: 50%;max-width: 98px;}
.b018 .fbnimg-box:before {opacity: .35;}
.b018 .fbnimg-box img {transform: scale(1.06);}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

  .fbnblock-h3 {font-size: 20px;line-height: 26px;}
  .fbnblock-h3 span {font-size: 14px;line-height: 22px;vertical-align: baseline;}

/* Sub Nav for Medium Breakpoint */
.block-md-subnav .fbnround-link {position: absolute;right: 0;top: -88px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~BLOCKS 768~~~~~~~` */
  .b001 .fbnimg-box {margin: 18px 0;}
  .fbnround-link {
    width: 100px; height: 100px;
    font-size: 14px;
    line-height: 16px;
    padding: 42px 10px 10px;
  }
  .fbnround-link:before {top: 24px;}
  .b001 .fbnimg-box .fbnround-link {right: 12px;bottom: 14px;}
  .fbnblock-h2 {font-size: 25px;line-height: 32px;}
  .fbnquote-text {font-size: 17px;line-height: 26px;}
  .b003 .fbnblock-h2 {margin-bottom: 44px;}
  .b003 .content-column .fbnround-link {position: absolute; right: 0;top: -45px;}
  .b003 .fbnround-link {position: absolute;}
  .b004.FBNBlue  .block-inner {background-color: transparent;}
  .b004.FBNBlue  .content-box {background-color: #0288D1;}
  .b004 .fbnblock-h2 {color: #FFFFFF;}
  .b005 .fbnblock-h3 {margin-bottom: 12px;}
  .b006 .fbnblock-h2 {display: inline-block;vertical-align: top;padding-right: 30px;}
  .b007 .fbnblock-h3 {margin-right: 15px;}
  .b009 .fbnimg-box {margin: 10px 0;}
  .b009 .fbnquote-text {font-size: 15px;line-height: 25px;margin-top: 30px;} /* margin-right: -45%; */
  .b009 .fbnquote-text p {margin-bottom: 0;}
  .b009 .fbnblock-h3 {margin-bottom: 25px;}
  .b010 .fbnblock-h2 {font-size: 21px;line-height: 27px;}  
  .b011 .fbnblock-h2 {padding: 0;margin-bottom: 0px;}
  .b013 .fbnblock-h2 {padding: 0;margin-bottom: 40px;}
  .b014 .fbnblock-h2 {padding: 0;margin-bottom: 20px;}
  .b014.in-tab .fbnblock-h2 {margin-top: 30px;text-align: left;}
  .b016 .fbnblock-h2 {padding-right: 20%;}
  .b016 .fbnblock-h3 {margin-top: 0;}
  .b017 .fbnround-link {margin: 20px auto;}
  .b018 .fbnimg-box {width:152px;padding-top: 152px;z-index: 2;border-radius: 50%;max-width: 152px;position: absolute;top: -115px;}
  
}  /* END 768 */

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

  .fbnround-link {
    width: 111px;
    height: 111px;
    padding:50px 12px 10px;
  }
  .fbnround-link:before {top: 32px;}
  .block-md-subnav .fbnround-link {right: -55px;top: -66px;}
  .b001 .fbnimg-box .fbnround-link {bottom: 38px;right: 32px;}
  .b001 .fbnhome-sec-title {
    margin-top: 40px;
    margin-left: 0;
    padding-left: 50px;
    max-height: 120px;
    overflow: hidden;
  }
  .fbnquote-text {font-size: 20px;line-height: 29px;}
  .b003.show-bg .fbnblock-h2 {padding-left: 5%;}
  .b005 .fbnimg-box {display: none;}
  .b006 .fbnblock-h2 {width: 100%;}
  .b009 .fbnblock-h3 {font-size: 22px;line-height: 31px;margin-left: 45px;}
  .b009 .fbnquote-text {font-size: 18px;line-height: 29px;margin-left: 45px;}
  .b010 .fbnblock-h2 {padding-right: 10%;}
  .b011 .fbnblock-h2 {padding: 0 5%;margin-bottom: 0px;}
  .b013 .fbnblock-h2 {padding: 0 5%;margin-bottom: 40px;}
  .b013 .fbnblock-h3 {padding: 4px 35% 4px 0;font-size: 24px;padding-bottom: 10px;}
  .b014 .fbnblock-h2 {padding: 0 5%;}
  .b016 .fbnblock-h2 {margin-bottom: 50px;margin-left: 45px;}
  .b016 .fbnblock-h3 {margin-top: 30px;}
  .b017 .fbnblock-h2 {margin-bottom: 45px;}
  .b018 .fbnblock-h2 {margin-bottom: 28px;margin-left: 28px;padding-left: 17px;}

}  /* END 1200 */

/* Reset for Wider Screens */
@media (min-width: 1366px) {

  .b005 .fbnblock-h3 {margin-bottom: 0;}
  .b005 .fbnimg-box {display: block;}

}/* END 1366 */

/* Resets for Dashboard Block Editor */
.acf-block-preview .fbnround-link {width: 100px; height: 100px;font-size: 14px;line-height: 16px;padding: 42px 10px 10px;}
.acf-block-preview .fbnround-link:before {top: 24px;}
.acf-block-preview .fbnblock-h2 {margin-top: 0;}
.acf-block-preview .b001 .fbnimg-box {margin: 18px 0;}
.acf-block-preview .b001 .fbnimg-box .fbnround-link {
  right: 12px;bottom: 14px;
  width: 100px; height: 100px;
  font-size: 14px;
  line-height: 16px;
  padding: 42px 10px 10px;
}
.acf-block-preview .b003 .fbnround-link {position: relative;margin-bottom: 30px;}
.acf-block-preview .b003 .content-column .fbnround-link {display: none;}
.acf-block-preview .b009 .fbnround-link {display: none;}
.acf-block-preview .b016 .fbnblock-h2 {padding: 0; margin: 0 0 30px 0;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~` */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~` */