html, body {
	height: 100%;
	margin: 0;
	background: #31342c;
}
#wrapper {
	min-height: 100%;
	margin-bottom: -100px;
}
#content-body, #content-footer, #header-top {
	margin: 0 auto;
	position: relative;
	max-width: 980px;
	width: 95%;
    
}
/*  Workaround for weird IE 11 issue with 3 column pages  */
/*  https://stackoverflow.com/questions/28417056/how-to-target-only-ie-any-version-within-a-stylesheet  */
/*  https://www.interfacett.com/blogs/how-to-launch-internet-explorer-11-in-windows-10/  */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
    #content-body {
        border: 1px solid #31342c;
        width: 90%;
    }
}


footer {
	color: #d8d4b9;
	height: 100px;
	background: #231c0e;
}
header, footer, section, #header-image, #header-image-home {
	clear: both;
	width: 100%;
	position: relative;
}
header {
	background: #232112;	
}

/******************************  HEADER TOP  ******************************/

#header-top-container {
    height: auto;
    background: #dcdbcf;
}
#header-top {
	height: auto;
	position: relative;
}
.header-top-logo {
	padding: 25px 0 25px 0;
	width: 50%;
    
    pointer-events: none;
}
/*
#header-top a {
    display: inline-block;
}
*/

.header-top-tagline {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.25em;
}
.color-red {
	color: #a91d22;  /*  RED  */
}
.color-gray {
    color: #999;
}
@media (max-width: 980px) {
    .header-top-tagline {
        font-size: 2vw;  /*  https://stackoverflow.com/questions/15649244/responsive-font-size  */
    }
}
@media (max-width: 640px) {
	.header-top-tagline {
		display: none;	
	}
	.header-top-logo {
		width: 75%;
	}
}

.header-top-tagline, .header-top-hamburger {
	position: absolute;
	right: 0%;
	top: 50%;
	transform: translate(0%, -50%);
}

/******************************  HEADER IMAGE  ******************************/

#header-image, #header-image-home {
    margin: 0 auto;
    display: table;
    max-width: 1180px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#header-image {
    height: 250px;
}
#header-image-home {
    height: 400px;
}

@media (max-width: 768px) {
    #header-image {
        height: 175px;
    }
    #header-image-home {
        height: 275px;
    }
}
@media (max-width: 640px) {
    #header-image, #header-image-home {
        /*display: none;*/
    }
    #header-image {
        height: 120px;
    }
}
#header-image span, #header-image-home span {    
    display: table-cell;
    vertical-align: middle;
}
#header-image h1, #header-image-home h1, #header-image-home h4 {
    display: block;
    margin: 0 auto;
    max-width: 880px;
	width: 80%;
}

#header-image h1, #header-image-home h1 {
    font-family: 'Spectral SC', serif;
    font-size: 2.175em;
    line-height: 1.25em;
    letter-spacing: -.05em;
    font-weight: 300;
    color: #ffd302;
    text-shadow: 0 0 2px #232112;
	
}
.vrs-40-container {
	float: right;
}
.vrs-40-container object {
	width: 160px;
	height: auto;
}

#header-image-home h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: .95em;
    font-weight: 300;
    line-height: 1.4em;
    color: #fff;
    padding: 1.5vw 0 0 0;
}
@media (max-width: 768px) {
	#header-image h1, #header-image-home h1 {
		font-size: 1.5em;
    	line-height: 1.25em;	
	}
    #header-image-home h4 {
        font-size: .65em;
        line-height: 1.3em;
        padding: .5vw 0 0 0;
    }
	.vrs-40-container object {
		width: 120px;
	}
}
@media (max-width: 640px) {
    #header-image h1 {
		font-size: 1.25em;
    	line-height: 1.125em;	
	}
	.vrs-40-container object {
		width: 90px;
	}
}

/******************************  404  ******************************/

.fourohfour h1, .fourohfour h2 {
    text-align: center;
}
.fourohfour h1 {
    font-size: 2em;
    line-height: 1.125em;
    color: #fff;
}
.fourohfour h2 {
    font-size: 1.125em;
    color: #fff;
    margin: 1em auto 0 auto;
}
.fourohfour h2 a {
    color: #fbb016 !important;
    text-decoration: underline;
}

/******************************  MENU  ******************************/

.menu-container {
    text-align: center;
    background: #81857f;
    width: 100%;
}
.menu li {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    display: inline-block;
    padding: 1.135vw .9vw 1.135vw .9vw;
}
.menu a {
    color: #111;
    text-transform: uppercase;
    text-decoration: none;
}
#menu a {
    font-size: .95em;
}
#menu li.active a {
    color: #fff;
}
#menu li.current-menu-item a, .current-page-ancestor a, 
#menu li.current-menu-ancestor a, .current_page_item a, .current_page_parent a,
#hamburger-menu li.current-menu-item a, #hamburger-menu li.current-menu-ancestor a {
    color: #fff;  /* !important; */
}
#menu a:link {
    
}
#menu a:hover {
    color: #fff;
}
@media (max-width: 980px) {
    #menu a {
        font-size: 1.4vw;
    }
}
@media (max-width: 640px) {
    .menu-container ul {
        display: none;
    }
}

/******************************  SUB MENU(S)  ******************************/

.sub-menu {
    display: none;
    float: left;
    margin: 1.125vw 0 0 0;
    position: absolute;
    z-index: 999;
    height: auto;
    width: 25vw;
    background-color:rgba(204, 204, 204, 0.9);
}
.sub-menu-attorneys:hover .sub-menu,  /*  https://www.w3schools.com/howto/howto_css_dropdown.asp  */
.sub-menu-services:hover .sub-menu,
.sub-menu-publications:hover .sub-menu,
.sub-menu-transactions_testimonials:hover .sub-menu {
    display: block;
}
.sub-menu li {
    display: block;
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
    padding: .8vw .8vw .8vw .8vw !important;
    font-size: .725em;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #ddd;
    border-left: 0;
}
/*
.sub-menu-attorneys {
    display: none;
}
*/
.sub-menu li a {
    color: #444 !important;
}
/*
.sub-menu li.current-menu-item a, .sub-menu li.current-page-ancestor a {
    color: #81857f !important;
}
.sub-menu li.menu-item-object-attorneys, .sub-menu li.menu-item-object-attorneys a {
    color: #81857f !important;
}
*/

/******************************  HAMBURGER MENU  ******************************/

/*  https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_menu_icon_js  */
.header-top-hamburger {
	display: inline-block;
    cursor: pointer;
	display: none;
}
.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
}
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}
.change .bar2 {opacity: 0;}
.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}

#hamburger-menu {
	position: absolute;
	z-index: 999;
	width: 100%;
	height: auto;
	background-color:rgba(129, 133, 127, 0.9);
}
#hamburger-menu li {
    display: block;
    width: 100%;
    text-align: center;
    padding: 20px 0 20px 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #999;
    border-left: 0;
}
#hamburger-menu a {
    font-size: 1.25em;
}
@media (max-width: 640px) {
	.header-top-hamburger {
		display: block;
	}
}

/******************************  SIDE BAR  ******************************/

.sidebar {
    background: #c0c0c0; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(77,80,73,1),rgba(77,80,73,0)); /*Safari 5.1-6*/
    background: -o-linear-gradient(rgba(77,80,73,1),rgba(77,80,73,0)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(rgba(77,80,73,1),rgba(77,80,73,0)); /*Fx 3.6-15*/
    background: linear-gradient(rgba(77,80,73,1), rgba(77,80,73,0)); /*Standard*/
}
/*
.sidebar-solid {
    background: #4d5049;
}
*/
.sidebar-solid-piece {
    background: #4d5049;
}
.sidebar, .sidebar-solid-piece {
    margin: 0 0 1em 0;
}

.bodycopy, .sidebarcopy {
    font-family: 'Open Sans', sans-serif;
    font-size: .875em;
}
.bodycopy p, .bodycopy li,
.sidebarcopy p, .sidebarcopy li {
    line-height: 1.5em;
}
.bodycopy h2, .bodycopy p, .bodycopy li,
.sidebarcopy h2, .sidebarcopy p, .sidebarcopy li {
	padding: 0 0 1em 0;
}
.bodycopy h2,
.sidebarcopy h2 {
    line-height: 1.5em;
}
.bodycopy p, .bodycopy ul, .bodycopy ol,
.sidebarcopy p, .sidebarcopy ul {
    color: #d8d4b9;
}
.bodycopy a:link, .bodycopy a:visited, .bodycopy a:active,
.sidebarcopy a:link, .sidebarcopy a:visited, .sidebarcopy a:active {
    color: #d8d4b9;
}
.bodycopy a:hover,
.sidebarcopy a:hover {
    color: #fff;
}

.bodycopy a,
.sidebarcopy a {
    text-decoration: none;
}

.bodycopy p a {  /*  Underline body copy (in Publications)  */
	text-decoration: underline;
}

.bodycopy h2, .sidebarcopy h2, .attorneyname {
	color: #fbb016;
}

.selecteditem, .bodycopy ul li {
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAOUlEQVQoU2Ncxcj4n4GBgSHs/39GEI0LMMIUwhTg0oChEJcGnArRNRBUCNNAPYUwz5HvGYLBQyjAAV3nI2FyqhhHAAAAAElFTkSuQmCC");  /*  https://stackoverflow.com/questions/5306640/how-to-set-bullet-colors-in-ul-li-html-lists-via-css-without-using-any-images-or  |  http://www.patternify.com/  */
}
.bodycopy li {
    margin: 0 0 0 1.25em;
}
.selecteditem a:link, .selecteditem a:visited, .selecteditem a:active, .selecteditem a:hover {
    color: #fff;
}

/******************************  ATTORNEY  ******************************/

.attorneycontainer {
    width: 100%;
    display: table;
    margin: 0 0 1.25em 0;
    border-top: 3px solid #fbb016;
    border-right: 0;
    border-bottom: 3px solid #fbb016;
    border-left: 0;
}
.attorneyphoto {
    display: table-cell;
    width: auto;
}

.attorneycontainer h2, .attorneycontainer h3 {
    text-align: center;
    line-height: 1.25em;
    padding: 0;
}
.attorneycontainer h2 {
    color: #fff;
    font-size: 1.5em;
    font-family: 'Spectral SC', serif;
    font-weight: 300;
}
.attorneycontainer h3 {
    color: #d8d4b9;
    font-size: 1.15em;
    padding: 0;
    margin: 0;
}
.attorneycontainer-title {    
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

@media (max-width: 640px) {
    .attorneycontainer {
        font-size: 90%;
    }
    .attorneyphoto {
        width: 140px;
    }
}
@media (max-width: 480px) {
    .attorneyphoto {
        width: 100px;
    }
}

/******************************  SERVICES  ******************************/

.servicescopy a {
	text-decoration: underline;	
}

/******************************  CONTACT  ******************************/

input, textarea, .button {
    width: 100%;
    padding: 1em;
    margin: 0 0 1em 0;
    background-color: #ededed;
}
.button {
	font-size: 1em;
	cursor: pointer;
	background-color: #81857f;
	color: #fff;
}
/*
.googlemap {
    width: 100%;
    max-width: 300px;
    
}
.googlemap:before{
    content: "";
    display: block;
    padding-top: 100%;
}
*/


/******************************  FOOTER  ******************************/

#content-footer {
    text-align: center;
    padding: 1.75em 0 0 0;
}
#content-footer p {
    font-family: 'Open Sans', sans-serif;
    font-size: .775em;
}
#content-footer a {
    color: #fff;
    text-decoration: underline;
}

/******************************  VRS  ******************************/

h5 {
    font-family: 'Spectral SC', serif;
    margin: 0 0 .75em 0;
    font-size: 1.25em !important;
    font-weight: 300;
    color: #fff;
}