/* 
 * FairCom Specific CSS Additions
 * MB180626, MB200130-HS adds
 */

@charset "UTF-8";

/* MB200220 - Menu updates */

header>.wrapper nav.main li .sub-menu li.fc_menu_description a, header>.wrapper nav.main li .sub-menu li.fc_menu_prod_description a, header>.wrapper nav.main li.menu-item-has-children .sub-menu li.fc_menu_section a {
  width: 400px;
}

header>.wrapper nav.main li.menu-item-has-children .sub-menu li.fc_menu_description a {
  padding-bottom: 16px;
}

header>.wrapper nav.main li.menu-item-has-children .sub-menu li.fc_menu_prod_description a, header>.wrapper nav.main li.menu-item-has-children .sub-menu li.fc_menu_section a {
  padding-top: 0px;
  padding-bottom: 16px;
}

.fc_menu_description a span.sub, .fc_menu_prod_description a span.sub {
  color: #999;
  font-size: 12px;
  line-height: 15px;
}

header>.wrapper nav.main li .sub-menu li.fc_menu_description a, header>.wrapper nav.main li.menu-item-has-children:hover .sub-menu li.fc_menu_description:hover a {
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}

header>.wrapper nav.main li .sub-menu li.fc_menu_prod_description a {
  color: #00aeef;
  font-size: 14px;
  line-height: 16px;
}

header>.wrapper nav.main li.menu-item-has-children:hover .sub-menu li.fc_menu_prod_description a:hover, .fc_menu_prod_description a:hover span.sub {
  color: #fff;
}

header>.wrapper nav.main li .sub-menu li.fc_menu_section a, header>.wrapper nav.main li.menu-item-has-children:hover .sub-menu li.fc_menu_section:hover a {
  color: #fff;
  font-weight: 100;
  font-size: 20px;
  line-height: 16px;
}

@media screen and (max-width: 1024px){
  header>.wrapper nav.main li .sub-menu li.fc_menu_description a, header>.wrapper nav.main li .sub-menu li.fc_menu_prod_description a, header>.wrapper nav.main li.menu-item-has-children .sub-menu li.fc_menu_section a {
    width: 270px;
  }
  header>.wrapper nav.main .sub-menu>li>a:hover {
    color: #fff;
  }
}

header>.wrapper nav.main li.download.download-edge {
  background-color: #ff6e00;
}

header>.wrapper nav.main li.download.download-edge:hover{
  background-color: #2f415b;
}

header>.wrapper nav.main li.download.download-alt:hover {
  background-color: #2f415b;
}

/* MB201108 -  Menu Updates */

header>.wrapper nav.main li.download.download-tutorial {
  background-color: #6A2C91;
}

header>.wrapper nav.main li.download.download-tutorial:hover{
  background-color: #2f415b;
}

/* MB200220, MB201108 -  End Menu Updates */

footer {
  background-color: rgb(124,129,128);
}

.fc_ftr_nav{
  position:relative;
  width: 100%;
}

.fc_ftr_nav a, .fc_ftr_nav h3, footer small.gdpr {
  color: rgb(255,255,255);
}

footer small.gdpr {
  font-size: 9px;
}

footer>.wrapper .fc_ftr_nav a, .fc_ftr_nav h3 {
  font-size: 15px;
  line-height: 20px;
  font-weight: 300;
  text-transform: none;
  font-family: 'Roboto Condensed',sans-serif;
  text-align: left;
}

.fc_ftr_nav h3 {
  font-weight: 600;
  margin: 0 0 40px 0;
}

.fc_ftr_nav_col{
  text-align: left;
  margin: 0 0 50px 0;
}

footer>.wrapper .fc_ftr_nav_col ul li {
  margin: 0 0 10px 0;
}

@media screen and (min-width: 950px){

  #faircom_ftr_logo {
    width: 344px;
  }

  #fc_ftr_nav_col2 {
    position: absolute;
    top: 0;
    left: 155px;
  }

  #fc_ftr_nav_col3 {
    position: absolute;
    top: 0;
    left: 360px;
  }

  #fc_ftr_sm_icons {
    margin: 0 0 0 103px;
    display: flex;
  }

}

@media screen and (max-width: 950px){

  #faircom_ftr_logo {
    width: 324px;
  }

  .fc_ftr_nav_col{
    margin: 0 0 50px 100px;
  }

  #fc_ftr_sm_icons {
    margin: 0 0 0 0;
    display: flex;
  }

}

i.fc_sm {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin: 0 16px 0 0;
  background-repeat: no-repeat;
}

.fc_fb {
  background-image: url("/images/faircom_ftr_fb.svg");
}

.fc_tw {
  background-image: url("/images/faircom_ftr_tw.svg");
}

.fc_ln {
  background-image: url("/images/faircom_ftr_ln.svg");
}

.fc_yt {
  background-image: url("/images/faircom_ftr_yt.svg");
}

.fc_ct {
  background-image: url("/images/faircom_ftr_ct.svg");
}

.gsc-input {
  border: 1px solid rgb(227, 230, 232);
}

@media screen and (max-width: 1024px){
  header>.wrapper nav.main li.download, header>.wrapper nav.main li.download.download-edge, header>.wrapper nav.main li.download.download-tutorial {
    background-color: transparent;
    text-align: left;
    margin: 0px 0px 0px 0px;
  }

}

.hubspot-form-footer-2020 form .hs-button, .hubspot-form-footer-2020 input.hs-button.primary.large{
  width: 103px;
  left: 0;
  bottom: auto;
  background-color: rgb(227,230,232);
  box-sizing: border-box;
  padding: 0 10px 0 10px;
  font-weight: 600;
}

footer>.wrapper .hubspot-form-footer-2020 form input {
  background-color: rgb(255,255,255);
  height: 34px;
  width: 270px;
  padding: 0 10px 0 10px;
  margin: 0 16px 16px 0;
  font-size: 15px;
  line-height: 20px;
  box-sizing: border-box;
  border-radius: 5px;
  color: rgb(124,129,128);
  font-family: Roboto,sans-serif;
  font-weight: 400;
}

footer>.wrapper .hubspot-form-footer-2020 form ::placeholder {
  color: rgb(124,129,128);
  font-family: Roboto,sans-serif;
}

footer>.wrapper .hubspot-form-footer-2020 .hs_submit {
  position: absolute;
  top: 0;
  left: 286px;
  width: 103px;
  height: 34px;
}

.hubspot-form-footer-2020 form, .hubspot-form-footer-2020 form>div {
  width: 100%;
}

footer>.wrapper .hubspot-form-footer-2020 form label {
  font-size: 15px;
  color: rgb(255,255,255);
}
.hs-error-msg, .hs_error_rollup {
  display: block;
  margin: 5px 0 15px 0;
}

footer>.wrapper .submitted-message {
  font-family: Roboto,sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: rgb(255,255,255);
  overflow: hidden;

}

.rnd-links a{
  display: inline-block;
  overflow: hidden;
  background-color: #00aeef;
  margin: 0px 7px 3px 0px;
  color: #fff;
  border-radius: 19px;
  padding: 4px 10px 2px 10px;
  minimum-width: 190px;
  height: 16px;
  font-family: Roboto,sans-serif;
  font-size: .90em;
  text-align: left;
  line-height: 14.4px;
  font-weight: 600;
  box-sizing: content-box;
}

/* MB200220 - Agency overrides */

/* MB201022 - uncomment below to use standard bullets globally */
/* .wysiwyg ul li:before {
  content: "\25CF"; 
} */

.hs_recaptcha {
  margin: 12px 0px 0px 0px;
}

.tile-module .item {
  margin: 15px 15px 15px 15px;
  width: 369px;
}

@media screen and (max-width: 1218px){
  .tile-module.no-bg .item {
    width: calc(50% - 30px);
  }
}

@media screen and (max-width: 768px){
  .tile-module.no-bg .item {
    width: calc(100% - 30px);
  }
}

article {
  min-height: 795px;
}

.mb_temp_sub{
  font-weight: 400;
  font-size: 36px;
  margin-bottom: 30px;
}

.product-highlight-module .content:before {
  display: none;
  left: auto;
  transform: initial;
}

.product-highlight-module .line::after{
  margin: 0 auto;
}

.product-highlight-module .product-image {
  margin-bottom: 30px;
}

.tile-module .item .img-container {
  background-size: contain;
}

/* MB200515 - fix for center orphans */

.center-orphans{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.grid-module .wrapper>h3 {
    flex-basis: 100%;
}

/* MB200515 - " Start Continuum Styles" */

.da_center{
  text-align: center;
}
@media screen and (max-width: 1218px){
  .col-20, .col-33, .col-50 {
    width: 50%;
    margin-top: 50px;
    margin-left: 0px;
  }
}
@media screen and (max-width: 768px){
  .col-20, .col-33, .col-50 {
    width: 100%;
  }
}
.first-of-row {
    margin-left: 0;
}
.owl-controls .owl-pagination {
    /* top: 0px; */
}
.list-slider-module .item {
    /* width: 75px;
    height: 75px; */
}
.mb_fix_50{
  height:50px;
}
p:empty {
   display: none;
}
.mb-mod-category h3 {
  text-align: center;
  margin-bottom: 0px;
  font-size: 2.5em;
}
.mb-mod-category p, .wysiwyg-module.bright-scheme-opt .wrapper .mb-mod-category p, .mb-mod-category li, .wysiwyg-module.bright-scheme-opt .wrapper .mb-mod-category li{
  text-align: center;
  font-family: Roboto,sans-serif;
  margin-bottom: 0px;
  margin-top: 5px;
  font-size: 1.25em;
  color: #72808a;
  font-weight: 300;
}
.mb-mod a, .mb-mod button, .wysiwyg-module.full-width-module .mb-mod button, .panel-module section .mb-mod button {
  display: inline-block;
  overflow: hidden;
  background-color: #00aeef;
  margin: 0px 7px 3px 0px;
  color: #fff;
  border-radius: 19px;
  padding: 4px 10px 2px 10px;
  width: 190px;
  height: 16px;
  font-family: Roboto,sans-serif;
  font-size: .90em;
  text-align: left;
  line-height: 14.4px;
  font-weight: 400;
  box-sizing: content-box;
}
.panel-module section .mb-mod button.da_intro_btn {
  top: unset;
  position: relative;
  margin-bottom: 20px;
}
.mb-mod button, .wysiwyg-module.full-width-module .mb-mod button {
  position: absolute;
  width: 150px;
}
@media screen and (min-width: 1218px) { 
  .mb-mod button, .wysiwyg-module.full-width-module .mb-mod button {
    top:168px;
    position: absolute;
  }
  .daPlats{ 
    padding: 0px 190px 0px 190px;
  }
}
.mb-mod a:hover, .mb-mod button:hover, .wysiwyg-module.full-width-module .mb-mod button:hover {
  background-color: #0084b6;
}
.mb-mod .line:after{
  padding-top: 0px;
}
.mb-mod-wrapper {
  margin: 10px;
}
.mb-mod-wrapper h3{
  margin:0;
}
.mb-mod-wrapper .item p {
  margin-bottom: 40px;
}
.mb-mod-wrapper .item {
  position: relative;
  height: 190px;
}
.mb-mod-wrapper .mb_tall {
  height: 300px;
}
.mb-mod .mb_tall button, .wysiwyg-module.full-width-module .mb-mod .mb_tall button {
  top:275px;
}
@media screen and (max-width: 1218px){
  .mb-mod-wrapper .item {
    margin-top: 50px;
    height: 317px;
  }
  .mb-mod-wrapper .mb_tall {
    margin-top: 50px;
    height: 345px;
  }
  .mb-mod-wrapper .item img{
    max-width: 90%;
  }
  .mb-mod button {
    top:285px;
  }
  .mb-mod .mb_tall button, .wysiwyg-module.full-width-module .mb-mod .mb_tall button {
    top:320px;
  }
}
@media screen and (max-width: 768px) {
  .mb-mod-wrapper .item img{
    max-width: 100%;
  }
  .mb-mod-wrapper .item p {
    margin-bottom: 5px;
  }
  .mb-mod button {
    position: absolute;
    top:auto;
  }
}
#da_pop_div_container{
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index: 100;
  background: rgba(0, 0, 0, .15);
}
#da_pop_div{
  position: fixed;
  width: 80%;
  min-width: 400px;
  max-width: 1150px;
  min-height: 126px;
  max-height: 60%;
  overflow-y: auto;
  background-color:#fff;
  padding: 25px;
  border-radius: 15px;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, .3);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#da_pop_close_btn{
  position: absolute;
  top: 25px;
  right: 25px;
  width: 25px;
  height: 25px;
  background-image: url("/wp-content/uploads/pop_close_btn.png");
  background-repeat: no-repeat;
}
#da_pop_div h3 {
  position: relative;
  margin-left: 146px;
  margin-right: 30px;
  font-weight: 100;
  color: rgb(47, 65, 91);
}
#da_pop_div p {
  position: relative;
  margin-top: 9px;
  margin-left: 146px;
  margin-right: 30px;
  line-height: 1.25em;
}
#da_pop_div li {
  position: relative;
  list-style-type: square;
  list-style-position: outside;
  font-family: Roboto,sans-serif;
  margin-bottom: 0px;
  color: #72808a;
  margin-top: 9px;
  margin-left: 162px;
  margin-right: 30px;
  line-height: 1.25em;
  font-weight: 400;
}
.da_pop_icon {
 position: absolute;
}
.daSectionHead{
  color: #00aeef;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.4em;
}
#da_pop_div a {
  color: #00aeef;
}
.daPlats {
  width: -webkit-fill-available;
  text-align: center; 
}
.daPlatImage{
  margin: 0px 20px 0px 20px;
  width: 60px;
}
.daCrsPtr {
  cursor: pointer;
}

.col-20 {
  width: 218px;
}

@media screen and (max-width: 768px){
  .col-20 {
    width: 100%;
  }
}
/* MB200515 - "End Continuum Styles" */
/* MB201022 - "V12V3ReleaseAdds Start" */
.da-shadow{
  font-weight: 700;
  text-shadow: 0px 4px 8px rgb(0, 0, 0);
}

.da-center{
  text-align: center;
}
.da-short-h3, h3.da-short-h3{
  margin-block-end: 0px;
  text-align: center;
  margin:0 0 0 0;
  position: relative;
  top: -10px;
}
/* MB201022 - "V12V3ReleaseAdds End" */