/*
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
INIT
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
*/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }

html,
button,
input,
select,
textarea { color: #798499; }

html {
    font-size: 1em;
    line-height: 1.5;
    }

::-webkit-selection {
    background: #C5CAD4;
    text-shadow: none;
    }

::-moz-selection {
    background: #C5CAD4;
    text-shadow: none;
    }

img,
video { vertical-align: middle; }

html,
body { height: 100%; }

body {
    font-size: 100%;
    margin: 0;
    padding: 0;
    }

ul, li {
    margin:0;
    padding:0;
    }

nav ul, nav li,
form ul, form li {
    list-style: none;
    list-style-type: none;
    margin:0;
    padding:0;
    }

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #E1E5Eb;
    margin: 2em 0 2.5em 0;
    padding: 0;
}





/*
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
GLOBAL
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
*/


body {
	background-color:#ffffff;
	color:#324059;
	font-family:'DIN Next Slab W01', 'Lucida Bright', Georgia, serif;
	font-size:100%;
	font-size:16px;
	line-height:1.5em;
	font-weight:400;
	font-style:normal;
	min-width:320px;
	overflow-x: hidden;
	vertical-align:baseline;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}

.wrap, .masthead-wrap {
    display:block;
    margin: 0 auto;
    max-width:1180px;
    min-width:320px;
    padding:0 50px;
    }

p, ul {
    font-size:1.0em;
    line-height:1.5em;
    }

p {
    margin:0 0 1.5em 0;
    padding:0;
    }

a,
.btn {
    color:#2C5CB0;
    text-decoration: none;
    -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
	        transition: all 300ms ease;
    }

a:hover,
.btn:hover { color: #199972; }

i, cite { font-style:italic; }

h1, h2, h3, h4, .btn, button, .error > span, #masthead, footer {
    font-family:'DIN Next W01', 'Trebuchet MS', 'Lucida Grande', sans-serif;
    }

h1, h2, h3, .btn, button, .error > span, #masthead { font-weight:500; }

h1 {
    color: #FFF;
    font-size:2em;
    margin:0 0 0.75em 0;
    line-height:1.25em;
    padding:0;
    }

h2, h3 {
    color:#184899;
    margin:0 0 1em 0;
    line-height:1.25em;
    padding:0;
    }

h2 { font-size: 1.5em; }

h3 { font-size:1.125em; }

.btn {
    border: 2px solid rgba(44,92,176,0.5);
    border-radius: 2px;
    display: inline-block;
    font-size: 16px;
    margin:0;
    padding: 8px 12px 6px 12px;
    text-transform: uppercase;
    }

.btn:hover { border-color: #2CB088; }





/*
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
MASTHEAD
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
*/


#masthead {
    background: #FFF;
    margin:0;
    padding:0;
    text-align: justify;
    position: relative;
    }

#masthead:after,
#masthead:before {
    content: '';
    display: inline-block;
    width: 100%;
    height:0;
    }


#globalnav {
    margin:3px 0 0 0;
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
    position:relative;
    top:2px;
    }

#globalnav li a,
#toggle {
    font-size:0.938em;
    font-weight:500;
    color: #184899;
    white-space: nowrap;
    }

#globalnav li {
    margin: 0 0.75em 0 0;
    display: inline;
    position: relative;
    }

#globalnav li:last-child { margin:0; }

#globalnav li.pd li {
    display:block;
    margin:0 0 2px 0;
    }

#globalnav li a {
    text-transform:uppercase;
    padding: 0 0 21px 0;
    }

#globalnav li:not(.pd) a,
#globalnav li.pd > a { border-bottom: 4px solid rgba(25,153,114,0); }

#globalnav li.pd ul {
    border-top: 2px solid rgba(17,55,121,0.65);
    display:block;
    left: 0;
    opacity:0;
    padding: 0;
    position: absolute;
    top: 44px;
    visibility: hidden;
    z-index:2;
    -webkit-transition: opacity 300ms ease;
        -ms-transition: opacity 300ms ease;
	        transition: opacity 300ms ease;
    }

#globalnav li.pd:hover > ul {
    opacity:1;
    visibility: visible;
    }

#globalnav li.pd li a {
    border:0;
    background-color: rgba(17,55,121,0.3);
    color:#FFF;
    display:block;
    padding: 0.375em 0.875em 0.375em 0.875em;
    margin:0;
    text-transform:none;
    }

#globalnav li.pd:hover > a,
#globalnav li:not(.pd) a:not(.current):hover {
    color: #199972;
    border-color: rgba(25,153,114,1);
    }

#globalnav li a.current {
    color: #184899;
    border-color: #184899;
    }

#globalnav li.pd li a:not(.current):hover,
#globalnav li.pd li a.current {
    color: #FFF;
    background-color: rgba(17,55,121,0.8);
    }

#toggle { display:none; }

#globalnav li.closemenu { display:none; }





/*
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
LOGOS
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
*/


#logo {
    display: inline-block;
    height: 56px;
    vertical-align: middle;
    width: 140px;
    }

#logo object {
    height: 100%;
    width: 100%;
    }

.no-svg #logo img {
    height:56px;
    width:140px;
    overflow:hidden;
    opacity:1;
    }

#logomark {
    width:36px;
    height:42px;
    }

.no-svg #logomark {
    background: url('/img/logomark.png') no-repeat 0 0;
    background-size:72px 84px;
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
    transition:none;
    }

.no-svg #logomark:after{
    content:'';
    display:table;
    clear:both;
    }





/*
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
INTROS and BANNERS
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
*/


.intro-wrap {
    height: auto !important;
    margin:0;
    padding:0;
    }

.intro-wrap:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    }

.intro {
    display: inline-block;
    margin: 0;
    position: relative;
    }

.intro.down {
    padding: 13em 0 1.5em;
    vertical-align: bottom;
    }

.intro.mid {
    padding: 5em 0;
    vertical-align: middle;
    }

.intro p,
.intro a,
.intro btn { color: #FFF !important; }

.intro p {
    margin:0 auto;
    padding:0 0 2em 0;
    }

.intro .btn {
    background: rgba(17,55,121,0);
    border-color: rgba(255,255,255,0.75);
    }

.intro .btn:hover {
    color: #FFF;
    background: rgba(25,153,114,0.25);
    border-color: #50BF9E;
    }

#services .intro .btn { margin-right:2em; }

#services .intro .btn:last-child { margin-right:0; }

.banner              { background-color: #184899; }

#home > .banner      { background-image: url('../img/chess.jpg'); }

#about > .banner     { background-image: url('../img/columns.jpg'); }

#resources > .banner { background-image: url('../img/iStock_000023683225_Full-1.jpg'); }

#services > .banner  { background-image: url('../img/books.jpg'); }

#contact > .banner   { background-image: url('../img/map.jpg'); }

#ewitness > .banner  { background-image: url('../img/court.jpg'); }

#fiduciary > .banner { background-image: url('../img/books2.jpg'); }

.banner {
    background-image: inherit;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto !important;
    -ms-interpolation-mode: bilinear;
    max-width: 100%;
    }





/*
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
ARTICLES
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
*/



article ul {
    margin:0 0 1.5em 0;
    padding:0 1.5em 0 0;
    }

article li {
    padding:0;
    margin:0 0 0.75em 1em;
    }

article p, article ul {
    text-align: left;
    width:100%;
    }




/*
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
GRID
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
*/


section {
    padding: 2em 0;
    text-align: justify;
    }

section:after,
section:before {
    content: "";
    display: inline-block;
    width: 100%;
    height:100%;
    }

section > div,
section > article,
.col {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    }

.col {
    border:0px solid rgba(0,0,0,0);
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
    padding:0 0%;
    margin: 0 0%;
    }

.col1   { width: 3.75%;  }
.col2   { width: 17.5%;  }
.col3   { width: 31.25%; }
.col4   { width: 45.0%;  }
.col5   { width: 58.75%; }
.col6   { width: 72.5%;  }
.col7   { width: 86.25%; }
.col8   { width: 100%;   }

.col13  { width: 30.0%;  }
.col23  { width: 65.0%;  }





/*
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
FOOTER
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
*/

.footer-banner { background:#f0f2f5; }

footer {
    color:#507BBF;
    font-size:0.8125em;
    line-height:1.75em;
    text-align: justify;
	}

footer:first-child {
    padding: 1.25em 0;
    margin: 0;
	}

footer:last-child { border-top:1px solid rgba(80,123,191,0.25); }

footer:after,
footer:before {
    content: "";
    display: inline-block;
    width: 100%;
    height:0;
    }

footer a { color: #507BBF; }

footer a:hover { color: #199972; }

footer div,
footer nav,
footer ul,
footer:last-child li {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    }

footer div:before,
footer nav:before,
footer ul:before,
footer:last-child li:before {
    content:"";
    display: block;
    width:100%;
    }

footer:first-child > div { width:54%; }

footer:last-child > div { width:auto; }

footer:first-child ul,
footer:last-child li {
    margin: 0 1em 0 0;
    padding:0;
    }

footer:first-child ul:last-child,
footer:last-child li:last-child,
footer div,
footer nav,
footer p {
    margin:0;
    padding:0;
    }

footer:first-child > div a {
    white-space:nowrap;
    }

footer figure {
    float:left;
    width:36px;
    height:43px;
    margin: 0 1em 0 0;
    }

footer figure:after {
    content:"";
    display:block;
    clear:both;
    }