/*
**  Custom CSS
*/

.row { max-width:64rem } /* 16px * 64 = 1024px */

/* 
**  typography
*/
body {
  font-family:"Open Sans", sans-serif;
  line-height:1.4;
}
h1,h2,h3,h4,h5,h6, p, li, ul.menu li a {
  color:#382e2a;  
  font-family:"Open Sans", sans-serif;
  font-weight:700;
  letter-spacing:-0.36px;
  letter-spacing:-0.02rem;
  line-height:1.4rem;
}
h1,h2 {
  font-size:1.5rem;
}
h3,h4 {
  color:#362813;
  font-size: 1.125rem; /* borrow from h4 */
  line-height:1.4;
  margin-top:10px;
}
h4 {
  font-size:1rem;
}
section h1, section h2 {
  margin-top:2.2rem;
}
article h3 {
  color:#304442;
}
aside h3 {
  font-size:1rem;
}
.opening {
  margin-top:10px;
}
p, li {
  font-size:0.9rem;
  font-weight:400;
  letter-spacing:0;
}
.epsilon {
  text-transform:uppercase;
  font-size:1.0rem;
}
.zeta {
  font-size: 0.70rem;
}
/* adjust H1 for small screens only */
@media screen and (max-width:639px) {
  h1 { line-height: 1.1; margin-bottom:1rem; }
}

ul, ol, dl {
    line-height: 1.4;
    list-style-position: outside;
}

/*
**  top identifier bar
*/
.id-wrap {
  display:table;
  table-layout:fixed;
  height:48px; /* was 48px */
  width:100%;  /* i.e., 100% of containing columns */
}
.id-cell-for-image, .id-cell-for-text {
  display:table-cell;
  vertical-align: middle;
  width:100%;
}
.id-cell-for-image {
  padding-right:10px;
  width:58px;
}
.small-titling {
  color:#E4E3DD;
  font-size:12px;
  font-size:0.75rem; /* this is our menu item standard */
  font-weight:700;
  height:1;
  letter-spacing:0.04rem;
  margin-right:10px;
  text-transform: uppercase;
}
.small-titling a,
.small-titling a:link,
.small-titling a:visited {
  color:#E4E3DD;
}
.small-titling a:active,
.small-titling a:hover {
  color:#F4F3ED;
}
.small-titling-icons {
  font-size:16px;
  font-size:1rem; /* this is our menu item standard */
}

@media screen and (max-width:400px) {
  .hide-below-400 {
    display:none;
  }
}

/*
**  BING search box
*/
table { margin-bottom:0; }
table tbody td { padding:0 10px 0 0; }
table thead, table tbody, table tfoot {
    background-color: transparent;
    border: none;
}
[type="text"], [type="password"], [type="date"], [type="datetime"],
[type="datetime-local"], [type="month"], [type="week"], [type="email"],
[type="number"], [type="search"], [type="submit"], [type="tel"],
[type="time"], [type="url"], [type="color"], textarea {
  margin:0;
  color:#666;
}
[type="submit"] {
  font-size:0.9rem;
}
[type="text"] {
  color:#888;
  height:2rem;
  padding: 0.25rem 0.5rem;
}

/*
**  navigation
*/
.top-bar {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.top-bar ul {
  background-color:#FFF;
}
.title-bar {
  background-color:#FFF;
  color:#000;
}
.socialbar {
  text-align:right;
}
@media screen and (max-width:639px) {
  .socialbar {
    text-align:left;
  }
}



/* override foundation default paddding of 0.7rem 1rem; */

.menu > li > a,
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
  padding:0 1.7rem 0 0;
}

/* appearance of individual menu items */

ul.menu li a, ul.sub li a {
  color:#73738C;  /* was 4d4e50 */
  font-size:0.75rem;
  height:1rem;
  letter-spacing:0.03rem;
  line-height:1.4;
  text-transform:uppercase;
}
ul.menu li a:hover, ul.sub li a:hover {
  color:#15443F;  /* was 101030, then 876865, then 573A19 */
  text-decoration: underline;
}
/* override f6's default submenu width */
ul.sub {
  max-width:300px;
  padding:16px;
  white-space: nowrap;
}
ul.sub li a  {
  font-weight:600;
  letter-spacing:0.02rem;
  height:1.2rem;
  line-height: 1.4rem;
}
.is-dropdown-submenu {
    min-width: 300px;
}
/* hide the bright blue down arrow for elements with submenus */
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
  border:none;
}
[data-accordion-menu] a::after {
    border:none;
}

/* extra compression needed below these widths */
@media screen and (max-width:1015px) {
  ul.menu > li > a,
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    padding-right:0.9rem; /* down from 1.4 - cf line 107, above */
  }
  ul.menu li a {
    letter-spacing:0.03rem; /* down from 0.08 */
  }
}
@media screen and (max-width:639px) {
  ul.menu li a {
    letter-spacing:0.01rem; /* down from 0.06 */
  }

}

/*
**  not necessary; at this level we are using the menu toggle anyway
**
@media screen and (max-width:360px) {
  ul.menu li a {
    margin-right:0;
    letter-spacing:0.04em;
  }
}
*/
@media screen and (max-width:639px) {
  ul.menu li a {
    height:1.6rem;
    line-height: 1.4rem;
  }
}
/* allow us to break navbar into two lines */

@media screen and (max-width:39.9375em), (min-width: 55em) {
  .nav-break {
    display:none;
  }
}



/* size-based word and phrase adjustments */

@media screen and (min-width:955px) {
  span.hide-below-955 {
    display:inline;
  }
}
@media screen and (max-width:954px) {
  span.hide-below-955 {
    display:none;
  }
}
@media screen and ((min-width:640px) and (max-width:954px)) {
  span.show-below-955 {
    display:inline;
  }
}


/* list styling, if needed */

ul.highlights {
  list-style-type: square;
  margin-left:1.8rem;
}

ol li {
  margin-bottom:1.3rem;
}

/* images, other than LayerSlider */
section.primary-content img,
section.quicklinks img {
  border:1px solid #361024;
}

/* borders and such */
hr, .CPNrule {
  border:none 0;
  border-top:1px dotted #362813;
  height:2px;/*whatever the total height of the border-top and border-bottom equal*/
  width:70%;
  margin:20px 0;
} 

/* positioning utilities */

.padRight {
  padding-right:2rem;
}
.padLeft {
}
@media screen and (min-width:40em) {
  .padLeft { padding-left:2rem }
}
.padTop {
  padding-top:0.625rem;
}
.padBottom {
  padding-bottom:1.2rem;
}
.padTopMenu {
  padding-top:1.25rem;
}
.fullWidth {
  width:100%;
}


/* other utilities */
strong { font-weight:700; }



/* colors: backgrounds */
.tealBG {
  background-color:#304442;  /* was #15443F */
}
.espressoBG {
  background-color:#382E2A;
}
.shadowblueBG {
  background-color:#1C242E;
}
.shadowbrownBG {
  background-color:#2D2210;
}
.latteBG {
  background-color:#DECFB7;
}
.darkcreamBG {
  background-color: #CCA464;
}
.sandBG {
  background-color:#CEBB90;
}
.salmonBG {
  background-color:#D74B4B;
}
.salmonMutedBG {
  background-color: #BF6F60;  /* #B87D76; */
}
.pumpkinBG {
  background-color:#D8914B;  
}
.whiteBG {
  background-color:#FFF;
}


/* color: type */
.espresso {
  color:#382E2A;
}
.paleGrey {
  color:#E4E3DD;
}


/* colors: miscellaneous */
.debugBorder {
  border:1px solid Crimson;
}
section.pumpkinBG p, section.pumpkinBG ul { 
  color:#412c18;
}
section.salmonMutedBG h3, section.salmonMutedBG p {
  color:#180e0a;  
}
  div.on-espresso p { color:#FFF; }
  div.on-espresso a, 
  div.on-espresso a:link, 
  div.on-espresso a:visited { color:#D8914B }
  div.on-espresso p > a {border-bottom:1px dotted #D8914B; text-transform:uppercase;}
  .debugGold { border:1px solid gold;}
  .debugRed { border:1px solid FireBrick;}

.copyright {
  color:#666;
}


/* Link Treatments */

section.primary-content a,
section.primary-content a:link,
section.primary-content a:visited,
section.primary-content a:active,

section.quicklinks a,
section.quicklinks a:link,
section.quicklinks a:visited,
section.quicklinks a:active
 {
    color:#762A06;
    font-weight:700;
    padding-bottom:1px;
    border-bottom:1px dotted #762A06;
  }
section.primary-content a:hover,
section.quicklinks a:hover {
    color:#000;
    border-bottom:1px dotted #000;
  }
ul.section-directory {
  list-style-type:none;
  margin:0;
}
ul.section-directory li {
  font-size:0.85rem;
  line-height:1.3;
  margin:none;
  padding:0 0 14px 0;
}
ul.section-directory li a,
ul.section-directory li a:link,
ul.section-directory li a:visited,
ul.section-directory li a:active {
  color:#762A06;
  font-size:0.8rem;
  font-weight:700;
  padding-bottom:1px;
  border-bottom:1px dotted #762A06;
}
ul.section-directory li a:hover {
    color:#000;
    border-bottom:1px dotted #000;
}


/* Practitioner pages only */

div.practitioner {
  padding-top:10px;
}
div.practitioner a,
div.practitioner a:link,
div.practitioner a:visited,
div.practitioner a:active,
div.practitioner a:hover {
  /* font-weight:normal */
}

div.practitioner h3 {
  margin:0 0 15px 0;
  line-height:1.0
}



/* Footer SECTION */

  section.common-footer h3,
  section.common-footer p,
  section.common-footer li { color:#E4E3DD; }