/*
Theme Name: Net Elevation Template w/ Tax and Beyond
Theme URI: https://www.netelevation.com/
Description: Custom Theme by Net Elevation
Version: 1.0
Author: Net Elevation
Author URI: https://www.netelevation.com/
*/


body { font-family: 'Libre Franklin', sans-serif; background-color: #f4f9f9; }

.navbar { min-height: 130px; padding-top: 10px; }
.navbar-header { background-color: #1c3b60; width: 100%; }
.navbar-default { background-color: rgba(255,255,255,.97); background-image: none; }
.navbar-default .navbar-nav > li > a { color: #fff; text-transform: uppercase; font-weight: bold; font-size: .95em; text-shadow: none; }
.navbar-default .navbar-nav > li > a:hover { color: #df8612; }
.navbar-default .navbar-text a { color: #556c6e; }
.navbar > .container .navbar-brand { margin-left: 0; }
.navbar-brand { padding-left: 50px; height: 103px; padding-right: 30px; }
/*#bs-example-navbar-collapse-1 { margin-top: 45px; }*/

.nav > li > a { padding: 15px 12px; }

.header-phone { background: url(http://www.manningsilverman.com/images/phone-icon.png) center left no-repeat; padding-left: 12px; margin-left: 30px;  }
.navbar-default .navbar-nav > li.header-phone > a { color: #556c6e; }
.navbar-default .navbar-nav > li.header-email > a { color: #556c6e; text-decoration: underline; }

/*.navbar-default .navbar-nav > li.header-manning, .navbar-default .navbar-nav > li.header-beyond { padding-left: 20px; }*/
.navbar-default .navbar-nav > li.header-manning > a { font-weight: normal; }
.navbar-default .navbar-nav > li.header-beyond > a { color: #df8612; font-weight: normal; }
.navbar-default .navbar-nav > li.header-beyond > a:hover { color: #fff; }


#mobilephone { color: #fff; font-weight: bold; font-size: 18px; background-color: #0f339c; padding: 10px; text-align: center; }

.empdir.table > tbody > tr > td { padding-top: 15px; padding-bottom: 15px; }

#intro { background-color: #f7f8fa; color: #556c6e; font-size: 19px; border-top: 1px solid #fff; border-bottom: 4px solid #f7f8fa; }
#intro .col-md-8 { padding: 25px 20px 25px 50px; }

.social img { max-width: 30px; margin-left: 20px; }

@media (min-width: 1199px) {
   .main-image { margin-top: 100px; }
}

#services { background: #1c3b60 url(http://www.manningsilverman.com/images/services-vertical.png) 40px 15px no-repeat; color: #fff; text-transform: uppercase; font-weight: bold; font-size: .95em; border-top: 1px solid #fff; border-bottom: 1px solid #fff; line-height: 3em; }
#services .col-md-3 { padding: 25px; }
#services a { color: #fff; }
#services a:hover { text-decoration: none; color: #b8d6eb; text-shadow: 0 0 12px #2d4a6d; }
#services h3 { color: #fff; text-transform: uppercase; text-align: center; }

.titlebar { background-color: #1c3b60; border-top: 1px solid #fff; color: #fff; padding: 20px 50px; background-image: -webkit-linear-gradient(150deg, #e8f2f8 10%, #1c3b60 2%); }
.titlebar h1 { font-family: 'Times New Roman', serif; margin: 0; padding: 0; }

#testimonial, #complimentary { background-color: #7c8e90; color: #dbe5e6; }
#testimonial .quote { font-size: 30px; line-height: 34px; padding: 50px 0 0px 60px; }
.startquote, .endquote, .open-quote, .close-quote { font-size: 50px; vertical-align: middle; }
.startquote { margin-left: -20px; float: left; }
.open-quote { display: none; }
.endquote, .close-quote { margin-left: 10px; }
.quoted, .credit { color: #627779; float: right; font-size: 22px; margin-right: 60px; }
#testimonial blockquote { border: none !important; font-size: 30px !important;  margin: 0 !important; padding: 0 !important;  }
.testimonials-widget-testimonials, .testimonials-widget-testimonial, blockquote, .bx-wrapper, .bx-viewport { display:inline-block !important; }

.airport { margin-left: 100px; }
#homeconsult { padding-left: 70px; padding-top: 66px; text-align: right; }
#homeconsult p.caps { color: #fff; font-size: 18px; }

#complimentary { background-image: -webkit-linear-gradient(150deg, #333839 10%, #7c8e90 2%); text-align: center; padding: 15px 0 6px 0; }
#complimentary p.caps { color: #fff; font-size: 18px; }

#emailtax { background-color: #e8f2f8; }
#locations { background-color: #c5c8d0; padding: 28px 0; }



#disclaimer { background-color: #333839; color: #fff; font-size: 10px; padding: 14px 20px 20px 20px; }
#disclaimer a { color: #eee; }

#homeimg { background-image: url(http://www.manningsilverman.com/images/buildings.jpg); background-size: cover; padding: 500px 60px 60px 110px; }
#homeimg h1, #myCarousel h1 { color: #fff; text-transform: uppercase; font-weight: normal; font-size: 60px; text-shadow: 1px 1px 5px #333; }
#homeimg h1 span, #myCarousel h1 span { font-size: 26px; display: block; }
#homeimg h1 span span, #myCarousel h1 span span { font-size: 16px; display: block; margin-top: 11px; }
h2.manning { font-family: 'Times New Roman', serif; color: #7c8e90; }
h2.manning span.blue { color: #0b2a85; }
h2.manning .subhead { font-family: 'Libre Franklin', sans-serif;  font-size: 17px; margin-left: 100px; text-transform: uppercase; }

h3.panel-title { text-align: center; }

.modal-body iframe {
    max-height: calc(100vh - 143px);
    overflow-y: auto; }


#whoweserve { background: url(http://www.manningsilverman.com/images/who-we-serve-bg2.png) 70px 0 no-repeat; background-size: auto 100%; padding-right: 0; padding-left: 83px; }

#industries1 { background-image: linear-gradient(to right, transparent 60px, #eaedef 0px); padding: 11px 0 0 0; line-height: 60px; vertical-align: top; }
#industries1 .padding90 { padding: 0 0 0 90px; }
#industries2 { background-image: linear-gradient(to right, transparent 60px, #c6ced0 0px); padding: 11px 20px 0 70px; line-height: 60px; }

#industries1 a, #industries2 a { color: #7c8e90; display: inline-block; line-height: 15px; vertical-align: top; padding-top: 28px; font-size: 12px; }
#industries1 a:hover, #industries2 a:hover { color: #333; text-shadow: none; }
.slash { font-size: 50px; color: #5b7274; font-weight: normal; display: inline-block; font-family: Georgia, serif; display: inline-block; padding: 0 4px; }

#industries1:after {
    content: "";
    display: block;
    margin-left: 29px;
    width: 95%;
    padding-top: 0;
    border-bottom: 1px solid #fff;
}

#emailnews { padding: 30px; }
#taxctr { padding-top: 30px; }
#taxctr a { color: #7c8e90; }
#taxctr a:hover{ color: #7c8e90; text-decoration: none; }
#taxctr h3 { color: #1c3b60; }

#chicagoland { background-color: #fff; color: #7c8e90; font-size: 18px; text-transform: uppercase; padding-left: 23px; }
.copyright { font-size: 12px; vertical-align: middle; }

.btn-primary { background-color: #0f339c; background-image: none; border-radius: 0; text-transform: uppercase; font-size: 12px;  }
h3 { color: #1c3b60; text-transform: uppercase; font-size: 18px; }

.main { background-color: #fff; border-bottom: 3px solid #f4f9f9; color: #556c6e; padding: 30px 35px; }

div.ctct-form-embed div.ctct-form-defaults { padding: 0 !important; }
.ctct-form-custom { display:table; position: relative; width: 100% !important; }
#email_address_field_0, div.ctct-form-embed form.ctct-form-custom input.ctct-form-element { display: block; float: left; height: 34px !important; width: 80% !important; }
#email_address_0 { width: 100% !important; }
#email_address_label_0, .ctct-form-footer { display: none !important; }
div.ctct-form-embed form.ctct-form-custom button.ctct-form-button { width: 20% !important; white-space: nowrap !important; display: table-cell !important; vertical-align: midddle !important; float: right !important; text-transform: uppercase !important; font-size: 12px !important; padding: 8px 12px !important; }
div.ctct-form-embed div.ctct-form-defaults h2.ctct-form-header { font-size: 18px !important; }
.ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-text { color: #666 !important; }
div.ctct-form-embed div.ctct-form-defaults p.ctct-form-text { font-size: 13px !important; }

#covid-hero { background-image: url(./images/covid-heroes.jpg); background-size: 100%; background-repeat: no-repeat; padding: 140px 170px 20px 275px; }
#covid-hero h2, #covid-hero h3 { display:none; }


#tbservices { background-image: url(./images/tb-services-bg.jpg); background-repeat: no-repeat; margin-top: 60px; font-size: 19px; padding-top: 100px; padding-bottom: 40px; }
#tbexpectations { background-image: url(./images/tb-expectations-bg.jpg); background-repeat: no-repeat; font-size: 19px; padding-top: 32px; }
#tbwhoweare { margin-top: 80px; font-size: 19px; background-image: url(./images/tb-whoweare-bg.jpg); background-repeat: no-repeat; }
#tbmanning { padding: 330px 30px 0 60px; text-align: center; }

#tbexpectations .col-md-6 { padding-top: 80px; padding-left: 72px; }
#tbwhoweare .col-md-8 { padding: 90px 40px 0 105px; }

#findbtn { margin-top: 20px; line-height: 27px; font-size: 15px; text-align: center; }
#findbtn a { font-size: 30px; }

@media (max-width: 1500px) {
   #findbtn a { font-size: 20px; }
   #tbsocial { display: none; }
   #tbexpectations .col-md-6 { padding-left: 140px; }
   #tbwhoweare .col-md-8 { padding-left: 15px; }
}

@media (max-width: 1200px) {
   #tbexpectations { background-size: 100% auto; }
}

@media (max-width: 1000px) {
   #tbsocial { display: block; }
   #tbmanning { padding: 60px 30px 0 60px; }
}

@media (max-width: 800px) {
   #tbexpectations { background-size: auto; }
   #tbexpectations .col-md-6 { padding-top: 250px; padding-bottom: 40px; padding-left: 0; }
}

@media (max-width: 500px) {
   #tbwhoweare .col-md-8 { padding: 90px 0px 0 0px; }
   #tbwhoweare .col-md-2 img { width: auto; margin: auto; }
   #tbmanning { padding: 50px 0px 0 0px; text-align: center; }
}

@media (max-width: 1499px) {
   #covid-hero { padding: 100px 120px 20px 210px; }
}
@media (max-width: 1199px) {
   #covid-hero { padding: 100px 120px 20px 172px; }
}

@media (max-width: 767px) {
   #covid-hero { background-image: none; padding: 15px; }
   #covid-hero h2, #covid-hero h3 { display: block; }
}

/* fading carousel */
.carousel-caption { text-align: left; left: 50px; right: 10%; }

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}



@media (min-width: 1499px) {
   .container { width: 1500px !important; }
}
@media (max-width: 1499px) {
   .navbar-brand { height: 150px; width: 390px; margin: auto !important; float: none; display: block; }
   .navbar-header { text-align: center; width: 100%; }
   h2.manning .subhead { margin-left: 10px; }
   #services .col-md-3.expanding { width: 50%; }
   #whoweserve { width: 100%; float: none; background-image: none; padding-left: 0px; text-align: center; }
   #industries1 { background-image: none; background-color: #eaedef; padding: 11px 0 0 0; }
   #industries1 .padding90 { padding: 0; }
   #industries2 { background-image: none; background-color: #c6ced0; padding: 11px 20px 0 0px; }
   .airport { margin-left: 0; }
   #homeconsult { padding-left: 0px; }
}
@media (max-width: 1549px) AND (min-width: 1279px) {
   .wp-post-image { margin-top: 140px; }
}
@media (max-width: 1199px) {
   .navbar-fixed-top { position: static; }
   /*body.home .navbar-fixed-top { position: fixed; }*/
   .navbar-default .navbar-nav > li > a { font-size: .80em; }
   h2.manning .subhead { margin-left: 0px; display: block; }
   #services .col-md-3.expanding, #services .col-md-3 { width: 35%; }
   #homeimg h1, #myCarousel h1 { font-size: 40px; }
}
@media (max-width: 999px) {
   #homeimg { padding: 500px 60px 60px 40px; }
   #services { background-image: none; }
   #homeconsult { padding-top: 15px; text-align: center; }
   #services .col-md-3.expanding, #services .col-md-3 { width: 100%; text-align: center; }
}
@media (min-width: 768px) {
   .dropdown:hover .dropdown-menu { display: block; }
}
@media (max-width: 767px) {
   .header-phone, .header-email { display:none; }
   .navbar-brand { padding: 10px 20px; height: 150px; margin: auto; }
   .navbar-default .navbar-nav > li > a { font-size: .95em; }
   #homeimg { padding: 300px 10px 60px 10px; text-align: center; }
   .carousel-caption { text-align: center; }
   #homeimg h1, #myCarousel h1 { font-size: 30px; }
   #homeimg h1 span, #myCarousel h1 span { font-size: 18px; }
   #locations .col-md-2 { text-align: center; padding-top: 15px; }
   .airport { margin: auto; }
   .navbar-fixed-top .navbar-collapse { max-height: 900px; }
   #logo1 img { margin: auto; width: 100%; max-width: 310px; display: block; }
   #logo2 img { margin: 18px auto; width: 100%; max-width: 200px; display: block; }
   .navbar-default .navbar-nav > li.header-manning, .navbar-default .navbar-nav > li.header-beyond { padding-left: 0; }

}
@media (max-width: 599px) {
   .navbar-brand { height: 190px; }
   #myCarousel h1 { font-size: 19px; }
   #myCarousel h1 span { font-size: 13px; }
   h2.manning span.blue { display: block; }
   #skyline { display: block; }
}
        
/* KEEP THIS IN ALL CSS, so that customers can use the alignment features when adding images. */
/* Begin Images */
p img {
   padding: 0;
   max-width: 100%;
   }

/* Using 'class="alignright"' on an image will (who would've
   thought?!) align the image to the right. And using 'class="centered',
   will of course center the image. This is much better than using
   align="center", being much more futureproof (and valid) */

img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto;
   }

img.alignright {
   padding: 4px;
   margin: 0 0 2px 7px;
   display: inline;
   }

img.alignleft {
   padding: 4px;
   margin: 0 7px 2px 0;
   display: inline;
   }

.alignright {
   float: right;
   }

.alignleft {
   float: left
   }
/* End Images */