/* CSS Document */

body, html { font-family: 'Oxygen', sans-serif; background: url('/images/display/footer-pattern2.jpg'); background-repeat: repeat; font-size: 12px; }
body { padding: 79px 0 0 0; }

/* Header **************************/
/***********************************/

div.header { background-color: #000; background: url('/images/display/header-bg.jpg'); background-repeat: repeat; margin: 0; padding: 0; position: fixed; top: 0; left: 0; width: 100%; max-height: 79px; z-index: 99999; }
div.header-shadow { background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); padding: 12px 0 0 0; }

div.header-left { padding-bottom: 10px; }
div.header-left img { max-width: 100%; height: auto; }

div.header-nav-secondary { }
div.header-nav-secondary ul { display: block; padding: 0; margin: 0; text-align: right; }
div.header-nav-secondary ul li { display: inline-block; margin: 0 0 0 24px; padding: 0; }
div.header-nav-secondary ul li:first-child { margin: 0; }
div.header-nav-secondary ul li a { font-family: 'Oxygen', sans-serif; font-size: 11px; color: #888888; text-decoration: none; text-transform: lowercase; }
div.header-nav-secondary ul li a:hover { color: #98b54e; }
div.header-nav-secondary ul li a.active { color: #98b54e; }

div.header-nav-primary { }
div.header-nav-primary ul { display: block; padding: 0; margin: 0; text-align: right; }
div.header-nav-primary ul li { display: inline-block; margin: 0 0 0 24px; position: relative; }
div.header-nav-primary ul li:first-child { margin: 0; }
div.header-nav-primary ul li a { display: block; font-family: 'Numans', sans-serif; font-size: 14px; color: #888888; text-decoration: none; text-transform: uppercase; padding: 12px 0; }
div.header-nav-primary ul li a:hover { color: #98b54e; }
div.header-nav-primary ul li a.active { color: #98b54e; }

div.header-nav-primary ul li ul { display: none; position: absolute; left: -8px; background-color: #000; padding: 0; margin: 0; list-style: none; text-align: left; min-width: 200px; -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 1); box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 1); border: 1px solid #000; z-index: 99; }
div.header-nav-primary ul li ul li { display: block; margin: 0; padding: 0; }
div.header-nav-primary ul li ul li a { display: block; padding: 5px 8px; color: #888; text-transform: capitalize; font-size: 11px; }
div.header-nav-primary ul li ul li a:hover { background-color: #98b54e; color: #fff; }
div.header-nav-primary ul li ul li a.active { background-color: #98b54e; color: #fff; }

div.header-mobile { text-align: right; padding: 10px 0; }
div.mobile { display: none; }
ul.mobile-nav { display: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }
ul.mobile-nav { width: 90%; position: absolute; left: 5%; top: 5vw; background-color: #333; padding: 0px; margin: 0; z-index: 102; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
ul.mobile-nav li { display: block; padding: 0; margin: 0; }
ul.mobile-nav li a { font-family: 'Muli', sans-serif; display: block; text-align: center; color: #fff; text-decoration: none; font-size: 18px; line-height: 18px; padding: 18px 0px; border-bottom: 1px solid rgba(255,255,255,0.3); font-weight: 300; }
ul.mobile-nav li a:hover { color: #fff; background-color: rgba(255,255,255,0.15); }
ul.mobile-nav li:last-child a { background-color: rgba(255,255,255,0.25); }
ul.mobile-nav li:last-child a:hover { color: #fff; background-color: rgba(255,255,255,0.4); }

div.page { -o-transition:.2s; 	-ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s; }
.content { background-color: #fff; }
.blur { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); filter: blur(5px); }
div.mobile-screen { display: none; background-color: rgba(255,255,255,0.25); position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; cursor: pointer; z-index: 101; }


/* hamburger */
a.hamburger { width: 32px; height: 32px; display: inline-block; padding: 0; margin: 0; }
    div.bun { width: 100%; height: 4px; }
    div.patty { width: 100%; height: 4px; margin-top: 4px; margin-bottom: 4px; }
    div.bun, div.patty { background-color: #98b54e; border-radius:3px; }


/* Content and Junk ***/

div#images { padding: 0 0 18px 0; margin: 0; }

div.featured-content { background-image: url('/images/display/parallax-bg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; margin: 0; padding: 40px 0; }
div.featured-content h1 { font-size: 45px; font-weight: 300; line-height: 50px; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.2); }
div.featured-content h1 span { color: #a3cb3d; }
div.featured-content div.content-text { font-size: 18px; color: #efefef; line-height: 26px; font-weight: 300; text-shadow: 0 -1px 0 rgba(0,0,0,0.2); font-weight: 300; display: block; margin: 0; padding: 0; }
div.featured-content a { color: #a3cb3d; text-decoration: none; }

div.content { margin: 0; padding: 30px 0; line-height: 25px; }
div.content img { max-width: 80%; height: auto; margin: 0 auto; display: inline-block; }
div.content a img { width: 100%; height: auto; }
div.content a { font-weight: 700; color: #98b54e; text-decoration: none; }
div.content a:hover { color: #000 ; }
div.content h1 { font-family: 'Oxygen', sans-serif; font-weight: 300; font-size: 36px; color: #4c4c4c; margin: 0 0 0 0; line-height: 42px; }
div.content h1 span { color: #98b54e; font-weight: 700; }
div.content h2 { font-family: 'Numans', sans-serif; font-weight: 300; font-size: 18px; color: #4c4c4c; margin: 12px 0 30px 0; padding: 0 0 10px 0; border-bottom: 1px solid #ccc; }

/* sidenav ***/
div.sidenav ul { display: block; margin: 0; padding: 0; list-style: none; }
div.sidenav ul li { display: block; margin: 0 0 10px 0; padding: 0; }
div.sidenav ul li a { display: block; text-decoration: none; background-color: #efefef; padding: 5px 10px; max-width: 188px; text-transform: uppercase; color: #4c4c4c; border-left: 10px solid #4c4c4c; }
div.sidenav ul li:first-child a { text-transform: uppercase; font-weight: 700; }
div.sidenav ul li a:hover { background-color: #4c4c4c; color: #fff; border-left: 10px solid #98b54e; }
div.sidenav ul li a.active { border-left: 10px solid #98b54e; font-weight: 700; }



/* Services Row ********************/
/***********************************/

div.services { background: url('/images/display/footer-pattern.jpg'); background-repeat: repeat; margin: 0; padding: 0 0 20px 0; }

div.service-entry { width: 25%; float: left; margin: 20px 0 0 0; padding: 0; }
div.service-entry div.pad { padding: 0 20px; }
div.service-icon { float: left; width: 25%; display: table; padding-left: 5%; }
div.service-icon img { max-width: 100%; border: none; }
div.service-text { width: 65%; float: right; }
div.service-text h4 { font-size: 18px; text-transform: uppercase; margin: 0; padding: 0; line-height: 24px; font-weight: 400; }
div.service-text a { display: block; color: #4c4c4c; text-decoration: none; font-size: 12px; line-height: 24px; }
div.service-text a:hover { text-decoration: underline; }



/* Footer **************************/
/***********************************/

div.footer { margin:0; padding: 20px 0 40px 0; }
div.footer h4 { font-family: 'Numans', sans-serif; font-size: 18px; line-height: 30px; margin: 0; font-weight: 400; }
div.footer h5 { font-family: 'Numans', sans-serif; font-size: 48px; line-height: 48px; margin: 0 0 14px 0; font-weight: 400; }
div.footer h5 a { text-decoration: none; color: #4c4c4c; }
div.footer h5 a:hover { color: #98b54e; }
div.footer a.footer-quote { display: inline-block; background-color: #262422; position: relative; padding: 45px 66px; text-decoration: none; font-size: 20px; text-transform: uppercase; color: #98b54e; margin: 0 0 52px 0; font-weight: 300; letter-spacing: 1px; }
div.footer a.footer-quote:hover { -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 1); box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 1); color: #fff; }
div.footer a.footer-quote span { display: block; width: 52px; height: 50px; position: absolute; right: 0; bottom: -50px; background: url('/images/display/quote-tail.png'); background-repeat: no-repeat; }

div.footer div.links dt {text-transform:uppercase; margin-bottom:10px; font-weight:700;}
div.footer div.links dd {color:#4c4c4c;}
div.footer div.links dd.space {margin-bottom:10px;}
div.footer div.links a { display: block; color: #4c4c4c; text-decoration: none; font-size: 12px; line-height:20px !important;}
div.footer div.links a:hover {text-decoration:underline}