/*/
dark blue #233346 H1
green: #128272 H2, H3
Body Text: #444A53 → dark gray, softer than pure black, still high contrast. New 10.6.25: Very Dark Charcoal / Near Black
#1B1F24 (because of Paul in the background)

Backgrounds for Paragraph Sections

Main Background / Light Section: #F6F9F8 → a soft off-white with a hint of green, feels fresh but neutral.

Alternate Section: #EDF1F5 → a cool, pale gray-blue that balances the navy.

#929397
-----------------------------------------------------------------------------------------------------------

green #60766d; 
green (sj bridge) #4b6e70

gray #8d97a0
blue button: #185bbb original: #1173b1

Subtext / Metadata: #6D7680 → muted gray for captions, disclaimers, or secondary info.

Over-Image Text Overlay Base / Shadow
Very Dark Charcoal / Near Black
#1B1F24
For text on top of images (hero banners etc.), helps readability (especially over bright or mixed background).



Accents / Calls to Action

Button / Link Primary: #1A9C8B → brighter teal (stands out without clashing) 
Accent / Link / CTA
Bright Teal ‒ slightly warmer or saturated
#17A085 or #1A9C8B


Button Hover / Secondary Accent: #0A5E52 → deeper teal for hover states, subtle emphasis.




*/

@font-face {
	font-family: "Open Sans";
	src: url(/tpl/fonts/OpenSans-Variable.ttf);
}

@font-face {
	font-family: "CormorantGaramond";
	src: url(/tpl/fonts/CormorantGaramond-Regular.ttf);
	font-style:normal;
	font-weight:normal;
}

@font-face {
	font-family: "CormorantGaramond";
	src: url(/tpl/fonts/CormorantGaramond-Bold.ttf);
	font-style:normal;
	font-weight:bold;
}


#panel {
	font-family:"CormorantGaramond", Arial, Helvetica, sans-serif;
	font-size:1.0em;
}


#panel .main-header div.logo {
  width: 100%;
  padding:25px;
}

@media (max-width: 1200px) {
  #panel .main-header div.logo {
	  padding:10px;
	}
}

@media (max-width: 767px) {
  #panel .main-header div.logo {
	  padding:10px;
	  text-align:center;
	}
  #panel .main-header div.logo img {
	 
  }
}

@media (max-width: 480px) {
  #panel .main-header div.logo {
	  padding:0px;
	  text-align:center;
	}

 #panel .main-header div.logo img {
	 max-width:270px;
	 /* margin-left:30px;*/
	}
    #panel p.mobile_logos { 
      text-align:center;
      text-indent:0px !important;;
    }

    #panel p.mobile_logos img{ 
      max-width:160px;
    }
}

.slideout-menu { z-index:50; }

#TopPhotoOverlayButtons {

       position: absolute; 
       z-index: 40;
       right: 20px;
       margin-top: 10px;
        background-color: #fff;
	border: 2px solid #0f0408;
	line-height:48px; 
	color: #333;
	font-weight: 600; 
	padding-right: 20px; 
	
}

#TopPhotoOverlayButtons a {
       color:  #0f0408;
       text-decoration: none;
       font-size: 1.2em;
       font-family: "CormorantGaramond";
}

#TopPhotoOverlayButtons a img { 
   float: left; 
   width: auto; 
   height: auto; 
   display: block; 
   max-width: 50px; 
   margin-right: 20px;
}

@media (max-width: 480px) {
 #top_bar{
   padding: 10px 0;
   background-color: #EDF1F5;
  border-bottom:1px solid #233346;
}
#TopPhotoOverlayButtons {
  position:static;
  width:228px;
  margin:0 auto;
}
}


#menu {
  background-color: #233346;
}

#panel #nav-main, 
#panel div#nav-main-inner ul {
  background-color: #233346;
}

#panel #nav-main ul li{
	font-family:"CormorantGaramond", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
}

#panel h1, #panel h2, #panel h3, #panel h4, #panel h5, #panel h6 {
	font-family:"CormorantGaramond", Arial, Helvetica, sans-serif;
	color: #233346;
}

#panel h1{
    font-size: 2.6em; 
	color: #233346;
      /* line-height:1.4em; */
}

#panel h2 {
     font-size: 2.1em; 
}

@media (max-width: 480px) {
  #panel h1{
      font-size: 2.4em;
	  text-align:center;
	  line-height:1.2em;
          padding-bottom: 20px;
	}
  #panel h2 {
     font-size: 2.0em;
	  line-height:1.2em;
   }	
}


#panel h3::before {
   content:url('star.svg');
	width:18px;
	height:auto;
	display:inline-block;
	filter: invert(15%) sepia(11%) saturate(2345%) hue-rotate(172deg) brightness(95%) contrast(87%);
	margin-right:3px;
}
#panel h1, #panel h2, #panel h3 {
       color: #233346;
       font-weight: bold;
}

#panel h3 {
	font-size:1.6em;
}

#panel h1 {
        color: #233346;
}

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

#panel #dp_138813 .hero_block {
	padding:20px 10px;
}

#panel #home-content div.p_block{
	margin-bottom: 20px;
        padding:0px;
}

#panel #home-content div.p_block p {
	font-size: 1.3em;
	line-height: 1.4em;
	font-family:"CormorantGaramond", Arial, Helvetica, sans-serif;
	margin-bottom:8px!important;
       color: #1B1F24;
	text-indent:20px;
}

@media (max-width: 480px) {
   #panel #home-content div.p_block p {
	text-indent:10px;
   }
}

#panel #home-content div.p_block .no_indent p, 
#panel #home-content div.p_block p.no_indent  {
	text-indent:0px !important;
}

#panel #home-content div.p_block ul{
	margin-bottom:8px!important;
}

#panel #home-content div.p_block ul li {
	font-size: 1.3em;
	line-height: 1.4em;
	font-family:"CormorantGaramond", Arial, Helvetica, sans-serif;
	list-style-image: url('star.svg');
	list-style-type:none;
        color: #1B1F24;
}

.dk_blue{
	filter: invert(15%) sepia(11%) saturate(2345%) hue-rotate(172deg) brightness(95%) contrast(87%);
}

#panel #home-content div.p_block ul li::marker {
  font-size:30px;
}

#panel a.btn {
    color:#fff;
    background-color: #1A9C8B; 
    font-family:"CormorantGaramond", Arial, Helvetica, sans-serif;
   text-indent: 0px;
}

#panel a.btn::hover {
  color:#fff;
  background-color: #0A5E52;
	font-family:"CormorantGaramond", Arial, Helvetica, sans-serif;
}


#contactForm {
	padding-top:20px;
	
}
#contactForm td {
	font-size: 1.3em;
	line-height: 1.4em;
}


#panel #home-content {
	background-image:url("/site/2196nort/paul55.jpg");
	background-repeat:no-repeat;
	background-position:bottom right;
}

.main_bg.contact_page #panel #home-content{
	background-size:contain;
}

.main_bg.sitemap #panel #home-content{
	background-size:contain;
}


@media (max-width: 480px) {
	 #panel #home-content {
		background-size:contain;
	}
       
        .main_bg.contact_page #contactForm{
             margin-bottom:525px;
         }
}

section#banners {
	background-color:#064973;
}

#panel section#footer .bottom-links { font-size: 1.2em; padding-bottom:10px; }

#panel section#footer {
	background-color: #233346;
	font-size: 1.1em;
}
#panel section#footer p {
	font-size: 1.0em;
	margin-bottom:5px;
}

.practice-areas {

}

#panel .p_block .areas-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

@media (max-width: 480px) {
  #panel .p_block .areas-grid { grid-template-columns: auto; }

}

#panel .p_block .area {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 12px 20px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  background-color: #f5f7f9;
}



#panel .p_block .area h3{
	margin-bottom:4px !important;
}
#panel .p_block .area p { text-indent:0px !important; }