/*
Theme Name: Element Boilerplate
Theme URI: http://aarontgrogg.com/boilerplate/
Description: A merger created by Aaron T. Grogg (http://aarontgrogg.com/) of the HTML5 Boilerplate (http://html5boilerplate.com/) and the Starkers theme (http://starkerstheme.com/), Boilerplate: Starkers provides developers with an ideal, bleeding-edge, clean-start theme. Mark-up is minimal (thanks Elliott) and the most edge-case web technology is baked right in (thanks Paul, Divya and a large cast of supporting characters)! Boilerplate themes are designed to serve as a Parent theme to whatever Child (http://codex.wordpress.org/Child_Themes) you care to add, but you could just as easily use this as a starting point and alter the PHP as your design needs. More about this theme can be found at http://aarontgrogg.com/boilerplate/.
Author: Aaron T. Grogg, based on the work of Paul Irish, Divya Manian, and Elliot Jay Stocks
Author URI: http://aarontgrogg.com/
Version: 4.3.2
Tags: custom-menu, editor-style, theme-options, threaded-comments, sticky-post, microformats, rtl-language-support, translation-ready
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
This CSS file is a concatenation of style.css from HTML5 Boilerplate and style.css from Starkers.
Comment blocks indicate where each begins and ends, like this, for example...
*/
/** START HTML5 Boilerplate CSS **/
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
/**
* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
* Known issue: no IE 6 support.
*/
[hidden] {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/**
* 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
* `em` units.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-size: 100%; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Address `font-family` inconsistency between `textarea` and other form
* elements.
*/
html,
button,
input,
select,
textarea {
font-family: sans-serif;
}
/**
* Address margins handled incorrectly in IE 6/7.
*/
body {
margin: 0;
}
/* ==========================================================================
Links
========================================================================== */
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/**
* Address font sizes and margins set differently in IE 6/7.
* Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
* and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.67em;
margin: 2.33em 0;
}
/**
* Address styling not present in IE 7/8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
/**
* Address styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address differences between Firefox and other browsers.
* Known issue: no IE 6/7 normalization.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Address styling not present in IE 6/7/8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address margins set differently in IE 6/7.
*/
p,
pre {
margin: 1em 0;
}
/**
* Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
/**
* Improve readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/**
* Address CSS quotes not supported in IE 6/7.
*/
q {
quotes: none;
}
/**
* Address `quotes` property not supported in Safari 4.
*/
q:before,
q:after {
content: '';
content: none;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Lists
========================================================================== */
/**
* Address margins set differently in IE 6/7.
*/
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
/**
* Address paddings set differently in IE 6/7.
*/
menu,
ol,
ul {
padding: 0 0 0 40px;
}
/**
* Correct list images handled incorrectly in IE 7.
*/
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/* ==========================================================================
Embedded content
========================================================================== */
/**
* 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improve image quality when scaled in IE 7.
*/
img {
border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */
}
/**
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/**
* Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/**
* Correct margin displayed oddly in IE 6/7.
*/
form {
margin: 0;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct color not being inherited in IE 6/7/8/9.
* 2. Correct text not wrapping in Firefox 3.
* 3. Correct alignment displayed oddly in IE 6/7.
*/
legend {
border: 0; /* 1 */
padding: 0;
white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */
}
/**
* 1. Correct font size not being inherited in all browsers.
* 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
* and Chrome.
* 3. Improve appearance and consistency in all browsers.
*/
button,
input,
select,
textarea {
font-size: 100%; /* 1 */
margin: 0; /* 2 */
vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */
}
/**
* Address Firefox 3+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE 6.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
*overflow: visible; /* 4 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* 1. Address box sizing set to content-box in IE 8/9.
* 2. Remove excess padding in IE 8/9.
* 3. Remove excess padding in IE 7.
* Known issue: excess padding remains in IE 6.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
*height: 13px; /* 3 */
*width: 13px; /* 3 */
}
/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Remove inner padding and border in Firefox 3+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* 1. Remove default vertical scrollbar in IE 6/7/8/9.
* 2. Improve readability and alignment in all browsers.
*/
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
/*! main.css */
/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
body {
font-size: 1em;
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
/**
/*
Font Style
*/
h1{font-size:15px; font-weight:bold; margin:0; padding:0; color:#000; line-height:1.4em; font-family:'Roboto';}
h2{font-size:32px; font-weight:300; margin:0; padding:0; color:#3f5708; font-family: 'Roboto', sans-serif;}
h2 strong{color:#2c8fbd; font-weight:400; font-family: 'Roboto', sans-serif; font-style:italic;}
h3{font-size:12px; font-weight:normal; margin:0; padding:0; color:#00abe5; font-family: 'Roboto', sans-serif;}
p{margin:0 0 10px 0; padding:0; line-height:1.6em; font-size:14px; color:#808080; font-family: 'Roboto', sans-serif;}
p strong{color:#2c8fbd;}
a{color:#217aad;}
a:hover{color:#1c6a97;}
/*Main Styles*/
html, body{background:#ccc; }
body{min-width:320px;}
#wrapper{position:relative; width:100%; height:100%; z-index:1; margin:0; padding:0;}
#page-wrapper{position:relative;}
/*Header Styles*/
#wrapper-all{width:100%; max-width:1500px; margin:0 auto; position:relative; height:100%; overflow:hidden; box-shadow:0px 0px 35px #000; background:#fff;}
#wrapper-header{background:#292929; width:100%; position:relative; z-index:999;}
#wrapper-logo{width:100%; max-width:970px; margin:0 auto; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#logo{padding:30px 0; margin:0 auto; max-width:480px; width:100%; height:auto;}
#logo a{display:block;}
#logo img{width:100%; height:auto;}
#mobile-menu-button{width:40px; height:auto; cursor:pointer; position:absolute; top:10px; right:10px; display:none;}
#mobile-menu-button img{width:100%; height:auto;}
/*Main Menu*/
#wrapper-main-menu{background:#000; width:100%; padding:0; margin:0; z-index:999; position:relative; float:left;}
#main-menu{width:100%; max-width:935px; margin:0 auto; padding:1px 20px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
div.dropdown-horizontal-container{border:none;}
#main-menu table{margin:0 auto; width:100%;}
#wrapper-main-menu #main-menu ul{list-style:none; margin:0 auto; padding:0; z-index:999; display:table;}
#wrapper-main-menu #main-menu ul li{list-style:none; float:left; display:inline; width:auto; margin:0 0 0 -1px; padding:10px 0 10px 0;}
#wrapper-main-menu #main-menu ul li a{text-decoration:none; text-transform:uppercase; margin:0; line-height:1.0em; display:block; padding:0px 20px; color:#7f7f7f; font-size:16px; font-family:'Roboto', sans-serif; font-weight:normal; outline:none;}
#wrapper-main-menu #main-menu ul li:hover, #wrapper-main-menu #main-menu ul li.current-menu-item{background:;}
#wrapper-main-menu #main-menu ul li:hover a, #wrapper-main-menu #main-menu ul li.current-menu-item a{color:#f9a93a;}
#wrapper-main-menu #main-menu ul li ul{padding:0 0 10px; border-radius:0 0 5px 5px;}
/*Mobile Menu*/
#wrapper-panel{width:100%; height:100%; color:#000; position:absolute; top:0; right:-100%; z-index:999; overflow:hidden;}
#panel{background:url("/assets/images/bg-panel.jpg") repeat-y left top; height:100%; width:250px; right:-250px; position:fixed; padding:50px 10px 0 30px; z-index:999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#panel h1{color:#292929; font-weight:bold; font-size:20px; text-align:center; text-transform:uppercase; font-family:'Roboto';}
#panel ul{list-style:none; margin:0; padding:0;}
#panel ul li{list-style:none; margin:0; padding:0; }
#panel ul li a{text-shadow:0px; color:#292929; text-decoration:none; font-weight:normal; margin:0; padding:3px 0; font-size:15px; display:block; font-weight:bold; border-bottom:1px solid #292929;}
#panel ul li ul.sub-menu{padding-left:20px;}
#panel-overlay{width:100%; height:100%; position:absolute; opacity:0.4; z-index:998; position:absolute; right:-100%; cursor:pointer;}
/*Main Content*/
#banner{position:relative;}
#banner img{width:100%; height:auto;}
#banner-text{position:absolute; top:10%; right:20%; width:100%; }
#banner h1{float:right; font-size:100px; color:#fff; font-weight:bold; font-family:'Roboto', sans-serif; line-height:0.7em; margin:0; padding:0; width:auto; max-width:970px; text-shadow:5px 5px 15px #000;}
#banner h1 span{font-size:70px;}
#wrapper-main{background:#fff; width:100%;}
#main{width:100%; max-width:970px; margin:0 auto; padding:30px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#main h2{margin:0 0 20px 0;}
div.sections{max-width:970px; width:100%; margin:0 auto;}
/*Section 1 - Home*/
.section-wrap{width:100%; position:relative;}
.section1{width:100%; max-width:620px; margin:0 auto; padding:50px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.section1 p{font-size:18px; text-align:center; font-weight:500; color:#000;}
.section1 p strong{font-size:25px; color:#f9a937; font-weight:bold; font-family:'Roboto Condensed', sans-serif;}
.orange-section-top{background:url("/assets/images/orange-top.jpg") no-repeat center; width:100%; height:18px;}
.orange-section-bottom{background:url("/assets/images/orange-bottom.jpg") no-repeat center; width:100%; height:41px;}
/*Section 2 - Results*/
.wrap-section2{background:url("/assets/images/bg-results.jpg") no-repeat bottom center #f9a937; padding-top:50px;}
.section2{position:relative; max-width:1000px; margin:0 auto;}
.wrap-section2 .section2 img.bg{opacity:0.001;}
.results-header{position:absolute; width:100%; top:0px;}
.results-header h2{color:#000000; line-height:1.0em;font-size:40px; font-family:'Roboto Condensed', sans-serif; font-weight:bold; text-align:center; width:100%;}
.results h3{font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-size:25px; color:#fff; text-align:center;}
.results p{font-family:'Roboto', sans-serif; font-weight:500; font-size:15px; color:#fff; text-align:center;}
.results{position:absolute; text-align:center; height:auto; overflow:visible;}
.results img{position:absolute; top:100%; z-index:999;}
.results-1{top:10%; right:17%; width:225px;}
.results-1 img{left:20%;}
.results-2{top:13%; left:5%; width:265px;}
.results-2 img{right:20%;}
.results-3{top:32%; right:0%; width:185px;}
.results-3 img{right:50%;}
.results-4{top:57%; left:0%; width:225px;}
.results-4 img{left:50%;}
body.desktop .results-1, body.desktop .results-2, body.desktop .results-3, body.desktop .results-4{opacity:0.001;}
body.mobile .results{display:block!important; opacity:1.0!important; background:none; width:90%; float:left; border:none; padding:20px 5% 20px 5%; border-radius:0; position:relative; left:0; right:auto; top:auto;}
body.mobile .results img{display:none;}
/*Section 3 - Process*/
.wrap-section3{background:#333;}
.process-wrap{background:url('/assets/images/bg-process.jpg'); height:auto;}
body.desktop .process-parts{position:relative; height:3350px; width:100%;}
body.mobile .process-parts{position:relative; height:auto; width:100%;}
.process{width:100%; margin:0 auto; text-align:center; padding:50px 0; z-index:99; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.process h2{color:#fff; font-size:25px; font-weight:bold; width:100%; text-align:center;}
.process img{max-width:100%; width:auto; height:auto; margin:0 auto; padding:0; }
.image-part{width:100%; text-align:center; left:0;}
.text-part{width:100%; position:relative; z-index:999;}
.text-inner{ max-width:570px; margin:0 auto; background:#2e2e2e; border:1px solid #fff; padding:70px 5%; margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.text-inner p{font-family:'Roboto', sans-serif; font-weight:500; font-size:15px; text-align:center; color:#fff; max-width:250px; width:auto; height:auto; margin:0 auto;}
.text-inner h3{font-family:'Myriad Pro', sans-serif; font-weight:bold; font-size:25px; text-align:center; color:#fff; max-width:250px; width:auto; height:auto; margin:0 auto;}
/*desktop size*/
body.desktop #process-header{position:absolute; top:70px; left:0; text-align:center; width:100%;}
body.desktop #r1 {position:absolute; top:70px; display:block; width:100%; height:1px;}
body.desktop .image-part1{position:fixed; top:7%; display:none;}
body.desktop .image-part2{position:fixed; top:7%; display:none;}
body.desktop .image-part3{position:fixed; top:7%; display:none;}
body.desktop .image-part4{position:fixed; top:7%; display:none;}
body.desktop .image-part5{position:fixed; top:7%; display:none;}
body.desktop #r2 {position:absolute; top:2840px; display:block; width:100%; height:1px;}
/*
body.desktop .image-part5{transition:transform 0.5s ease-in-out;transform:scale(0.5,0.5)}
body.desktop .image-part5.fadein{transform:scale(1,1)}
*/
body.desktop .text-part1{position:absolute; top:500px;}
body.desktop .text-part2{position:absolute; top:1000px;}
body.desktop .text-part3{position:absolute; top:1500px;}
body.desktop .text-part4{position:absolute; top:2000px;}
body.desktop .text-part5{position:absolute; top:2500px; background:#333333;}
body.desktop #process-footer{position:absolute; top:3100px; text-align:center; width:100%;}
/*mobile size*/
body.mobile #process-header{position:relative; margin:0 auto 20px auto; text-align:center; width:90%;}
body.mobile .image-part1{position:relative!important; display:block; opacity:1.0!important;}
body.mobile .image-part2{position:relative!important; display:block; opacity:1.0!important;}
body.mobile .image-part3{position:relative!important; display:block; opacity:1.0!important;}
body.mobile .image-part4{position:relative!important; display:block; opacity:1.0!important;}
body.mobile .image-part5{position:relative!important; display:block; opacity:1.0!important;}
body.mobile .text-part1{position:relative; display:block; opacity:1.0!important;}
body.mobile .text-part2{position:relative; display:block; opacity:1.0!important;}
body.mobile .text-part3{position:relative; display:block; opacity:1.0!important;}
body.mobile .text-part4{position:relative; display:block; opacity:1.0!important;}
body.mobile .text-part5{position:relative; display:block; background:#333333; padding-bottom:10px;}
body.mobile #process-footer{position:relative; text-align:center; width:90%; margin:0 auto;}
/*Section 4 - Contact*/
.wrap-section4{background:url("/assets/images/bg-contact.jpg") no-repeat top center; padding:95px 0 161px; position:relative;}
.section4{width:100%; max-width:945px; margin:0 auto; padding:40px 20px 50px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.contact-footer{background:url("/assets/images/bg-contact-footer.png") no-repeat center bottom; width:100%; height:auto; position:absolute; bottom:0; text-align:center;}
.contact-footer img{opacity:0.001;}
.wrap-section4 img.contact-footer{width:100%; max-width:1525px; height:auto;}
.contact-section-top h2{width:100%; text-align:center; text-decoration:uppercase; color:#292929; font-weight:bold; font-family:'Roboto Condensed', sans-serif; }
.contact-section-top p{width:100%; text-align:center; color:#292929; font-size:18px; font-weight:500; font-family:'Roboto', sans-serif; }
div.wpcf7-validation-errors{background:#292929; color:#fff;}
span.wpcf7-not-valid-tip{position:absolute; top:0; right:20px;}
form table{width:100%;}
form table tr td{vertical-align:top; width:50%; }
form input{background:#292929; width:90%; border:none; outline:none; color:#fff; padding:12px; font-size:13px; font-family:'Roboto Condensed', sans-serif; -webkit-appearance: none; -moz-appearance:none; appearance:none;}
form textarea{background:#292929; width:90%; border:none; outline:none; color:#fff; padding:12px; font-size:13px; font-family:'Roboto Condensed', sans-serif; -webkit-appearance: none; -moz-appearance:none; appearance:none;}
form table tr td.submit input.wpcf7-submit{max-width:125px; color:#292929; font-size:25px; text-transform:uppercase; background:none; border:1px solid #292929; font-family:'Roboto Condensed', sans-serif;}
form table tr td.submit p{text-align:center; margin-top:20px;}
::-webkit-input-placeholder{/* WebKit browsers */
color:#fff !important;opacity:1;}
:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
color:#fff !important;opacity:1;}
::-moz-placeholder{/* Mozilla Firefox 19+ */
color:#fff !important;opacity:1;}
:-ms-input-placeholder{/* Internet Explorer 10+ */
color:#fff !important;opacity:1;}
/*Footer*/
#wrapper-footer{background:url("/assets/images/bg-footer.png") repeat-x top #292929; width:100%;}
#footer{max-width:970px; width:100%; margin:0 auto; padding:25px 20px; color:#6c6c6c; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#footer-left{width:50%; float:left; text-align:left;}
#footer-left a{color:#6c6c6c; font-size:12px; text-decoration:none;}
#footer-left p{color:#6c6c6c; font-size:12px;}
#footer-left p img{padding:5px 0 5px 10px;}
#footer-right{width:50%; float:right; text-align:right; }
#footer-bottom{width:100%; background:#000;}
#copy{max-width:970px; width:100%; margin:0 auto; padding:9px 20px 17px; text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#copy p{margin:0; padding:0; line-height:1.0em; color:#6c6c6c; font-size:8px;}
/*Blog*/
/*#wrapper-main.blog{background:#e7e7e7; overflow:hidden;}
div.sections.sections-home{margin:40px auto 0;}
div.wpb_wrapper article{margin:0 0 20px; padding:0 0 20px 0; border-bottom:1px solid #ccc;}
div.wpb_wrapper article:last-child{border:none; margin:0;}
div.sections div.vc_span4 div.wpb_wrapper div.wpb_text_column div.wpb_wrapper ul.xoxo li.widget-container{list-style:none;}
div.sections div.vc_span4 div.wpb_wrapper div.wpb_text_column div.wpb_wrapper ul.xoxo li.widget-container ul{margin:10px 0;}
div.sections div.vc_span4 div.wpb_wrapper div.wpb_text_column div.wpb_wrapper ul.xoxo li.widget-container ul li{list-style:disc;}
#blog-section{width:60%; float:left; margin-top:30px;}
#blog-section h1{color:#3f5708; font-size:24px; font-style:italic; font-weight:300; text-decoration:none;background:#fff; padding:10px 30px; margin-bottom:30px;}
#blog-section h1 a{color:#3f5708; font-size:24px; font-style:italic; font-weight:300; text-decoration:none;}
#sidebar-wrapper{width:40%; float:right; margin-top:30px; margin-bottom:30px;}
#sidebar{margin-left:30px; background:#2c8fbd;}
article{background:#fff; position:relative; margin-bottom:30px;}
article.search{background:#fff; position:relative; margin-bottom:0;}
article.search .article-content{padding:0 30px 30px;}
article.search .article-content p{text-decoration:none; font-size:14px; margin:0 10px 0 0; padding:0;}
article.search .article-content p.entry-title a{font-size:16px; color:#3f5708; font-weight:bold;}
#blog-section article p a.readmore{font-size:14px; font-weight:bold; color:#3f5708; text-decoration:none;}
#search{padding:30px 0; background:#fff;}
article img.article{width:100%; height:auto; float:none; display:block;}
#main article h2.entry-title{padding:0; margin:0;}
article h2, article h2 a{color:#2c8fbd; font-size:24px; font-style:italic; font-weight:600; text-decoration:none;}
.article-content{padding:30px;}
article .entry-meta{margin:0 0 10px 0;}
article .entry-meta a{color:#5c6e34; text-decoration:none; font-size:12px;}
article p{font-size:14px;}
#sidebar ul li h3{ padding:0 15px 0 0; color:#fff; font-size:22px; font-weight:600; font-style:italic; background:#2c8fbd; display:table;}
#sidebar ul.xoxo{padding:0 0 0 10%;}
#sidebar ul.xoxo li{list-style:none; background:url("/assets/images/sidebarbg.png") repeat-x top;}
#sidebar ul.xoxo li ul li{background:none;}
#sidebar ul.xoxo li ul li a{text-decoration:none; font-size:14px; color:#3f5708;}
#sidebar ul.xoxo li ul{padding:0;}
nav#nav-below{padding:10px 0;}
.nav-previous{float:left; width:50%; text-align:left;}
.nav-next{float:right; width:50%; text-align:right;}
nav#nav-below a{color:#5c6e34; text-decoration:none; font-size:12px; font-weight:bold;}
*/
/*Media Query*/
@media only screen and (max-width:1700px){
#banner-text{right:12%;}
}
@media only screen and (max-width:1300px){
#banner-text{right:2%;}
}
@media only screen and (max-width:1024px){
}
@media only screen and (max-width:1000px){
}
@media only screen and (max-width:950px){
.results{background:#f9a937; border:1px solid #fff; padding:5px 10px; border-radius:10px;}
}
@media only screen and (max-width:850px){
}
@media only screen and (max-width:768px){
#mobile-menu-button{display:block;}
#main-menu{display:none;}
#logo.full{display:block; width:75%; max-width:970px; padding:35px 0; margin:0 0 0 20px; text-align:left;}
#wrapper-main-menu{height:10px; background:#000;}
#wrapper-main-menu #main-menu ul.menu li.menu-item a{padding:5px 15px;}
#wrapper-top-menu{display:none;}
#main .cattle div.vc_col-sm-6:first-child{width:100%;}
#main .cattle div.vc_col-sm-6:last-child{width:100%;}
#main .cattle div.vc_col-sm-6:last-child img{width:auto; max-width:100%; min-width:inherit; margin-left:0;}
#sidebar-wrapper, #blog-section{width:100%;}
#sidebar{margin:0;}
#sidebar-wrapper{margin:0 0 30px;}
#banner-text{width:100%; right:0;}
#banner h1{float:none; font-size:70px; text-align:center;}
#banner h1 span{font-size:40px;}
#banner h1 span.spacing{display:none;}
.results-header{position:relative; padding-bottom:20px; }
.wrap-section2{background-size:100% auto; padding-bottom:25%;}
.results{background:none; width:90%; float:left; border:none; padding:20px 5% 20px 5%; border-radius:0; position:relative; left:0; right:auto; top:auto;}
.results img{display:none;}
.wrap-section2 .section2 img.bg{display:none;}
.text-inner{padding:30px 5%;}
.wrap-section4{padding:110px 0 100px;}
.image-part{padding:30px 0;}
}
@media only screen and (max-width:720px){
form table tr td{vertical-align:top; width:100%; display:block; }
}
@media only screen and (max-width:600px){
#footer-menu{display:none;}
#footer-left{width:100%; text-align:center;}
#footer-left img{margin:0 0 10px 0;}
#footer-right{width:100%; text-align:center;}
#footer-right p span{display:block; color:#2c8fbd; font-size:0; line-height:0.0em;}
}
@media only screen and (max-width:480px){
#logo.mobile{width:50%;}
#logo.mobile img{width:100%; height:auto;}
#banner-text{top:25%;}
#banner h1{float:none; font-size:40px; text-align:center; line-height:0.5em;}
#banner h1 span{font-size:20px;}
.image-part{width:90%; margin:0 auto; text-align:center; left:0;}
.text-part{width:90%; margin:0 auto; position:relative; z-index:999;}
.process .image-part img{max-width:100px;}
.text-inner h3{font-size:18px;}
.text-inner p{font-size:12px;}
.process h2{font-size:18px;}
}
@media only screen and (max-width:320px){
}
/* ==========================================================================
Clearfix
========================================================================== */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/*
#wrapper-main-menu{height:52px!important;}
#wrapper-main-menu #main-menu{display:none;}
#footer-right{display:none;}
#footer-right-home-wrapper{width:75%; float:right; text-align:left; padding:20px 0 0 0;}
#footer-right-home{float:right;}
#footer-right-home p a,
#footer-right-home p{color:#fff; font-size:12px; text-decoration:none; margin:0; padding:0 0 5px;}
#main div.vc_row div.wpb_column div.wpb_wrapper div.vc_row div.wpb_column div.wpb_wrapper div.wpb_text_column div.wpb_wrapper{padding:0 20px;}
@media only screen and (max-width:768px){
div.ls-slide h1,
div.ls-slide p.hide{display:none;}
div.ls-slide p.ls-l{width:168px!important; height:33px!important; padding:20px 0 0 0!important; font-size:16px!important; top:25px!important;}
div.ls-slide p.ls-l a{font-size:16px!important;}
#mobile-menu-button{display:none!important;}
#footer-left{text-align:center; width:100%;}
#footer-right-home-wrapper{width:100%;}
#footer-right-home p a, #footer-right-home p{text-align:center;}
#footer-right-home{width:100%;}
}
@media only screen and (max-width:500px){
div.ls-slide p.ls-l{left:initial!important; right:20px!important;}
#footer-right-home p{padding:0;}
#footer-right-home p span{color:#2c8fbd; display:block; line-height:0;}
}
*/
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
body{width:1000px;}
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: "";
}
abbr[title]:after {
content: "";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/** END HTML5 Boilerplate CSS **/
/** START Starkers CSS **/
/* LAYOUT */
/* ----------------------------------------- */
/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
*/
/* TYPOGRAPHY */
/* ----------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.
/* Font stack options
The following represents a list of font stacks, as recommended by Nathan Ford in
http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/
I've added inverted commas around the relevant family names to ensure compatibility.
p = balanced for paragraphs or body copy
t = balanced for headlines or titles
- - - -
Arial, "Helvetica Neue", Helvetica, sans-serif - p, t
Baskerville, "Times New Roman", Times, serif - p
Baskerville, "Times, Times New Roman", serif - t
Cambria, Georgia, Times, "Times New Roman", serif - p, t
"Century Gothic", "Apple Gothic", sans-serif - p, t
Consolas, "Lucida Console", Monaco, monospace - p, t
"Copperplate Light", "Copperplate Gothic Light", serif - p, t
"Courier New", Courier, monospace - p, t
"Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif - p, t
Futura, "Century Gothic", "Apple Gothic", sans-serif - p, t
Garamond, "Hoefler Text", "Times New Roman", Times, serif - p
Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif - t
Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif - p
Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - t
Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif - p
Georgia, Times, "Times New Roman", serif - t
GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t
"Helvetica Neue", Arial, Helvetica, sans-serif - p
Helvetica, "Helvetica Neue", Arial, sans-serif - t
Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif - p, t
"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - p, t
Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p
Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t
Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t
Times, "Times New Roman", Georgia, serif - p, t
Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t
Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t
*/
/** END Starkers CSS **/
/** START WordPress-Defined CSS Classes **/
.wp-caption-text{}
.gallery-caption{}
.bypostauthor{}
.sticky{}
/** Keep drop-downs working **/
#access li {
float: left;
position: relative;
}
#access ul ul {
display: none;
float: left;
position: absolute;
top: 3.333em;
left: 0;
z-index: 99999;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul li:hover > ul {
display: block;
}
/** END WordPress-Defined CSS Classes **/