/* font-family: 'Lato', sans-serif; font-family: 'Montserrat', sans-serif; */

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:wght@400;500;600&display=swap');

#top_bar {
  width: 100%;
  height: auto;
  background-color: #1d41bd;
  color: #ffffff;
  padding: 10px 20px;
  text-align: right;
  font-size: 16px;
}

@media screen and (max-width: 450px) {
  #top_bar { font-size: 15px; }
  #top_bar em{ display:none; }
}

html, body { background: #ffffff; }
#panel { background: #ffffff; }
#panel h1, #panel h2, #panel h3, #panel h4, #panel h5, #panel h5, #panel p, span, ul, ol, li { font-family: 'Montserrat', sans-serif !important; margin: 0px; padding: 0px; }
.AlignCenter { text-align: center; }
#panel h1 { font-size: 42px; color: #1d41bd; font-weight: 600; text-transform: uppercase; }
#panel h1 strong { color: #121a25; }

section.main-header-container { background: #ffffff;  }
section.main-header-container { background-color: #f4f4f4; border-bottom: 3px double #ccc; box-shadow: inset 0px 9px 13px 0px rgb(0 0 0 / 15%); } 

.home_page section.main-header-container { 
   background: #ffffff; 
   border-bottom: 0px; 
   box-shadow:none; 
} 

.home_page section#home-content { padding: 0px; }

#panel h2 { font-size: 36px; color: #1d41bd; text-transform: uppercase; font-weight: 600; margin-bottom: 10px !important; border: 0px; }
#panel h2.sub-heading { text-align: center; margin-top: 30px !important; font-size: 36px; line-height: 30px; margin-bottom: 10px !important; }
#panel h3 { font-size: 24px; color: #121a25; text-transform: uppercase; font-weight: 600; margin-bottom: 10px !important; }
#panel h4 { color: #1d41bd; font-size: 20px; font-weight: 600; margin-bottom: 5px !important; }
#panel p { font-weight: 500; margin-bottom: 20px !important; }
#panel p.NoMargin { margin-bottom: 0px !important; }
#panel ul { padding-left: 20px; }
#panel ol { padding-left: 0px !important; }
#panel ol li { padding-left: 0px; list-style: none; }
#panel li { font-weight: 500; font-size: 16px; line-height: 32px; }
section { width: 100%; height: auto; float: left; clear: both; }

#dp_134775, #dp_134806, #dp_134807, #dp_134808, #dp_134809, #dp_134810, #dp_134811, #dp_134812, #dp_134813, #dp_134816 { background: #1d41bd; position: absolute; left: 0px; top: 0px; width: 100%; }
#dp_134775 .resp-block, #dp_134806 .resp-block, #dp_134807 .resp-block, #dp_134808 .resp-block, #dp_134809 .resp-block, #dp_134810 .resp-block, #dp_134811 .resp-block, #dp_134812 .resp-block, #dp_134813 .resp-block, #dp_134816 .resp-block { max-width: 100% !important; }
#dp_134775 .resp-block > div > div, #dp_134806 .resp-block > div > div, #dp_134807 .resp-block > div > div, #dp_134808 .resp-block > div > div, #dp_134809 .resp-block > div > div, #dp_134810 .resp-block > div > div, #dp_134811 .resp-block > div > div, #dp_134812 .resp-block > div > div, #dp_134813 .resp-block > div > div, #dp_134816 .resp-block > div > div { margin: 10px 15px; } 

#TopBar { width: 100%; height: auto; max-width: 100%; text-align: right; font-family: 'Lato', sans-serif; font-size: 16px; color: #ffffff; padding-right: 5px; }

section.main-header-container header.main-header { width: 30%; height: auto; float: left; background: transparent !important; padding: 6px 20px 6px 10px !important; }
section.main-header-container #headerBlock img { max-width: 280px !important; }
#headerBlock .resp-block > div > div { margin: 5px 15px; }
#headerBlock p { margin-bottom: 0px !important; }
nav#nav-main { width: 70%; height: auto; float: left; margin: 37px 0 0 !important; }
nav#nav-main ul { background: transparent !important; text-align: right; }
nav#nav-main ul li a { font-family: 'Lato', sans-serif; color: #1d41bd !important; text-transform: uppercase; font-weight: 500 !important; letter-spacing: 0.5px; padding: 12px 20px !important; }
nav#nav-main ul li a:hover { color: #121a25 !important; background: none; }
nav#nav-main ul li.current a { color: #121a25 !important; background: none; }
nav#nav-main ul.nav-minor { background: #ffffff !important; } 
#panel ul.nav-minor { padding-left: 0px !important; }
#panel nav#nav-main ul.nav-minor li a { padding: 7px 15px !important; transition: all 0.3s; }
#panel nav#nav-main ul.nav-minor li a:hover { transition: all 0.3s; }
#panel nav#nav-main ul.nav-minor li a i { display: none; }
#dp_134777 .resp-block { max-width: 100% !important; }
#dp_134777 .resp-block p { text-align: center; }
#dp_134777 .resp-block p a.HomeServiceLink { font-size: 20px; font-weight: 600; color: #121a25; text-transform: uppercase; }
#dp_134777 .resp-block p a.HomeServiceLink:hover { color: #1d41bd; }
#dp_134777 img { transition: all 0.5s; position: relative; z-index: 99; outline: 2px solid #ffffff; outline-offset: -20px; }
#dp_134777 img:hover { scale: 1.05; transition: all 0.5s; position: relative; z-index: 99999; }
section#banners { display: none; }
#panel section#footer { margin: 40px 0 0; background: #1d41bd; font-family: 'Lato', sans-serif; padding: 25px 0 0; }
#panel section#footer .bottom-links { font-family: 'Lato', sans-serif; margin-bottom: 25px; }
#panel section#footer .bottom-links a { font-family: 'Lato', sans-serif; text-transform: uppercase; margin: 0 20px; letter-spacing: 0.2px;  }
#panel .main-header { position: inherit; }

#subNav { display: none; }
section#home-content { max-width: 100% !important; padding: 20px 0 0; }
section.block-right-flex .block-right { float: none; }
.single_photo img { padding: 0 20px 20px 0 !important; float: left; max-width: 100%; }
#home-content .home-container a { color: #1d41bd; }
#home-content .home-container a:hover { color: #121a25; }

#home-content #contactBody { max-width: 480px !important; }
#contactBody table tr td { display: block; width: 100% !important; text-align: left; }
#contactBody table tr td b { text-transform: uppercase; }
#contactBody table tr td input[type="text"], #contactBody table tr td input[type="email"] { width: 100%; background: #f4f4f4; height: 45px; margin-bottom: 20px; }
#contactBody table tr td textarea { width: 100%; height: 150px; background: #f4f4f4; }
#contactBody table tr td input[type="submit"] { background: #1d41bd; text-transform: uppercase; font-size: 16px; height: auto; border-radius: 0px; padding: 15px; margin: 30px 0 0; transition: all 0.3s; }
#contactBody table tr td input[type="submit"]:hover { background: #121a25; transition: all 0.3s; }

#dp_134817 { background: url(/site/2164bill/Bill-Huston-Investigations-Inc-New.jpg) no-repeat; background-size: cover; margin-bottom: 30px; background-position: right center; }
#dp_134817 .resp-block { max-width: 100% !important; }
#dp_134817 .resp-block div div { margin: 0px !important; }
.BannerTxT { padding: 100px 0 240px 10%; }
#panel #dp_134817 h1 { color: #ffffff; text-shadow: 3px 2px 7px #555; margin-left: -2px !important; font-size: 60px; }
#panel #dp_134817 h2 { color: #ffffff; text-shadow: 3px 2px 7px #555; max-width: 100% !important; font-size: 41px; }
#panel #dp_134817 p { max-width: 100% !important; }
#panel #dp_134817 a { color: #ffffff; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; padding: 11px 25px; background-color: rgba(255, 255, 255, 0.25);   border: 2px solid #FFFFFF; margin: 10px 0 0; width: auto; height: auto; float: left; transition: all 0.3s; }
#panel #dp_134817 a:hover { background: #1d41bd; transition: all 0.3s; }

#dp_134774 div.col-1 { margin: 15px 0; }
#dp_134837 div.col-1 { margin-top: 0px; }
ol.ServiceList li a { background: #1d41bd; color: #ffffff !important; padding: 7px 30px 10px; height: auto; float: left; line-height: 24px; transition: all 0.3s; min-width: 260px; text-align: center; margin-bottom: 20px; }
ol.ServiceList li a:hover { background: #121a25; transition: all 0.3s; color: #ffffff !important; }

a.toggle-button { background: #1d41bd; position: absolute; right: 20px; top: 85px; font-size: 30px !important; margin: 0 !important; display: none !important; }

#menu { background-color: #1d41bd; padding: 20px; }
#menu ul li a { color: #fff; text-transform: uppercase; }
#menu ul li ul { margin-left: 0; font-size: 15px; }

#TopBar br { display: none; }
.bottom-links a:last-child { display: none; }

@media screen and (max-width: 1024px) {
  nav#nav-main ul li a { padding: 12px !important; }
}

@media screen and (max-width: 899px) {
  nav#nav-main { display: none !important; }
  a.toggle-button { display: block !important; }
  a.toggle-button span { display: none; }
  #panel h1 { font-size: 32px; }
  #panel h2 { font-size: 27px; }
  #panel h2.sub-heading { font-size: 27px; }
  #panel h3 { font-size: 21px; }
  #panel h4 { font-size: 18px; }
  #panel p { font-size: 15px; }
  #panel li { font-size: 15px; line-height: 27px; }
  #dp_134777 .resp-block p a.HomeServiceLink { font-size: 20px; }
  .BannerTxT { padding: 50px 0 100px 0; }
  #panel #dp_134817 h1 { font-size: 42px; }
  #panel #dp_134817 h2 { font-size: 30px; }
  #panel #dp_134817 a { font-size: 14px; }
  #headerBlock .resp-block > div > div { margin: 5px 15px 5px 0; }
  #headerBlock .resp-block { padding: 0px !important; }
  a.toggle-button { right: 12px; }
  #TopBar { text-align: center; font-size: 14px; }
  #TopBar br { display: block; }
  #TopBar em { display: none !important; }
  #dp_134775 .resp-block > div > div { margin: 10px 0; }

  a.toggle-button { top: 40px; }
  section.main-header-container #headerBlock img { width: 260px; }
  body:not(.home_page ) #home-content em { display: none; }
  body:not(.home_page ) #home-content .resp-block em { display: inherit; }
  body:not(.home_page ) .home-container img { width: 100% !important; height: auto !important; }
  body:not(.home_page ) .home-container .p_block .resp-block { padding: 0 5px !important; }
  #dp_134777 img { margin-bottom: 10px; }
}

@media screen and (max-width: 640px) {
  #dp_134817 { margin-bottom: 0px; }
  #panel h1 { font-size: 32px; line-height: 36px; margin-bottom: 10px !important; }
  ol.ServiceList, ol.ServiceList li, ol.ServiceList li a { width: 100%; height: auto; float: left; }
  .home-container.block-right { padding: 0; }
  #dp_134774 div { margin: 15px 0 0; }
}