/*color guide
	brown: #7C6A55
	blue: #6D8778
	cream (background): #F9F8F7
	light-grey (lines, etc): #E0E0E0
*/

.top-bar { background-color: white; text-align: center; margin-bottom: 0px; padding-top: 15px; padding-bottom: 0px; /*background-color: wheat; border-top: 1px solid green;*/  } /* styles the larger screen main menu top bar. Giving this a height prevents it from pushing the content below it down */
.top-bar ul { background-color: white; display: inline-block; /*background-color: lightpink;*/ }

.title-bar { background-color: white; text-align: center; /*margin-top: 31px;*/ padding-top: 16px; padding-bottom: 20px; border-top: 1px solid #E0E0E0; /*border-bottom: 1px solid blue;*/ } /* styles the small screen screen main menu top bar */

#site-title-container { background-color: ; margin-top: 46px; }
#site-title-container h1#site-title-small-screens { margin-bottom: 50px; margin-bottom: 10px; font-size: 21px; }
#site-subtitle-container { background-color: ; margin-bottom: 32px; }

#medium-screen-menu-bar { border-top: 1px solid #E0E0E0; padding-bottom: 7px; background-color: white; }
#menu-bar-bottom-small-screens { border-bottom: 1px solid #E0E0E0; padding-top: 1px; background-color: #FFF;}

/*??????????*/.menu {background-color:; }

.menu-icon { width: 50px; color: #7C6A55; font-family: 'Cabin', sans-serif; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; }
.menu-icon::after { position:absolute; display:block; width:100%; height:2px; background:transparent; box-shadow:0 7px 0 transparent,0 14px 0 transparent}
.menu-icon:hover::after{background:transparent;box-shadow:0 7px 0 transparent,0 14px 0 transparent}

.menu li a { color: #7C6A55; font-size: 15px; font-size: 14px; margin-bottom: 20px; }
.menu li a:hover { color: #6D8778; }
.menu li a.active { color: #6D8778; }


h1 { color: #7C6A55; font-family: 'EB Garamond', serif; font-size: 29px; text-transform: uppercase; letter-spacing: 1.5px; line-height: 18px; }
h1.small-screens { font-size: 27px; line-height: 30px; letter-spacing: 1px; }
h2 { color: #7C6A55; font-family: 'Cabin', sans-serif; font-size: 17px; text-transform: uppercase; letter-spacing: .75px; }
.h2 { color: #7C6A55; font-family: 'Cabin', sans-serif; font-size: 17px; text-transform: uppercase; letter-spacing: .75px; }
h3 { color: #7C6A55; font-family: 'Cabin', sans-serif; font-size: 18px; text-transform: uppercase; font-weight: lighter; letter-spacing:; }
h4 { color: #7C6A55; font-family: 'Cabin', sans-serif; font-size: 14px; font-weight: bold; line-height: 23px; }
p { color: #7C6A55; font-family: 'Cabin', sans-serif; font-size: 14px; font-weight: 500; line-height: 23px; }
li { color: #7C6A55; font-family: 'Cabin', sans-serif; font-size: 14px; font-weight: 500; line-height: 23px; }
p a { color: #6D8778;}
a:active { color: #6D8778; }
a:hover { color: #6D8778; }
.italic { font-style: italic; }

/*ol, ul { padding: 0px; margin-left: 0px; }*/
ol ol, ol ul, ul ol, ul ul { margin-left: 0px; }
ul.cushycms { padding: 0px; }

.main-content-holder { background-color: #F9F8F7; padding-bottom: 26px; margin-bottom: 25px; }
#main-content-holder-contact { padding-bottom: 83px; }
#main-content-holder-services { padding-bottom: 68px; }
#main-content-holder-approach { padding-bottom: 68px; }


.page-title { margin-top: 84px; margin-bottom: 23px; }
.paragraph-title {margin-top: 47px; margin-bottom: 23px; }
p.remove-bottom-padding { margin-bottom: 0px; padding-bottom: 0px; }
p.introduction-to-list { margin: 0px; padding: 0px; }
/*ul.in-paragraph-list { margin-left: 16px; }*/
li span { margin-left: -6px; }

#homepage-image { margin-top: 6px; }

#about-headshot { padding-top: 92px; }
#about-headshot-small { padding-top: 95px; }
#approach-taxi { padding-top: 95px; }
#sevices-walk-signal { padding-top: 90px; padding-bottom: 90px; }
#services-small-screens { padding-bottom: 35px; }
#contact-map-medium-large-padding { padding-top: 90px; }
#contact-map-small-padding { padding-top: 16px; }
#space-above-image-home-small { padding-top: 30px; }

.image-credit p, p.image-credit { font-size: 12px; line-height: 15px; padding-top: 6px; word-wrap: break-word; }

#homepage-image-credit p { padding-top: 12px; }

#second-half-of-expertise-list { margin-top: 163px; }