/*
Theme Name: Evo Holdings
Author: Big Fish Creative
*/

/* ----------------------------------------------------------------
    RESET
-----------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section { display: block; }

audio,
canvas,
video { display: inline-block; max-width: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background: #fff; }

strong,
b { font-weight: 700; }

em,
i { font-style: italic; }

blockquote { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; color: #767676; font-size: 19px; font-style: italic; font-weight: 300; margin-bottom: 24px; }
blockquote:before,
blockquote:after { content: ""; content: none; }
blockquote cite,
blockquote small { color: #2b2b2b; font-size: 16px; font-weight: 400; line-height: 1.5; }
blockquote em,
blockquote i,
blockquote cite { font-style: normal; }
blockquote strong,
blockquote b { font-weight: 400; }

small { font-size: 14px; }

ul,
ol { list-style: none; margin: 0 0 24px 20px; }
ul { list-style: disc; }
ol { list-style: decimal; }
li > ul,
li > ol { margin: 0 0 0 20px; }

img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; }

legend { white-space: normal; }

button,
input,
select,
textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; }
button,
input { line-height: normal; }
input,
textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */ }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled],
input[disabled] { cursor: default; }
input[type="checkbox"],
input[type="radio"] { padding: 0; }
input[type="search"] { -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
form p { margin-bottom: 12px; }
fieldset { border: 1px solid #c2c2c2; padding: 20px; width: auto; background: #ebebeb; }
label { display: inline-block; font-size: 15px; line-height: 22px; font-weight: 500; color: #333; margin-bottom: 5px; cursor: pointer; }
label span, small span { color: red; font-size: 16px; }
input[type="text"], input[type="email"], input[type="password"], select, textarea { font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; display: block; background: #FFF; padding: 8px;  margin: 0 0 15px; border: 1px solid #c2c2c2; outline: 0; font-size: 15px; color: #333; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-appearance: none; }
input[type="text"], input[type="email"], input[type="password"], textarea { width: 100%; }
input#contact-captcha { width: 70px; }
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, textarea:focus { color: #0069aa; -webkit-box-shadow: 0 0 5px rgba(0, 108, 179, 1); -moz-box-shadow: 0 0 5px rgba(0, 108, 179, 1); box-shadow: 0 0 5px rgba(0, 108, 179, 1); border: 1px solid #006cb3; background: #ebf7ff; font-weight: 400; }
div.wpcf7-response-output { margin: 2em 0 1em 0 !important; padding: 10px 15px !important; border-width: 1px !important; background: #fffef0 !important; font-size: 0.9em !important; color: #656565 !important; line-height: 20px; font-weight: 400; }
input[type="submit"] { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: transparent; }
div.wpcf7-validation-errors { border: 1px solid #ff0000 !important; background: #ffe7e7 !important; color: red !important; text-shadow: none; }
span.wpcf7-not-valid-tip { font-size: 14px !important; font-style: italic; width: 180px !important; padding: 3px 8px; color: red !important; text-shadow: none; }
div.wpcf7-mail-sent-ok { background: #f1ffeb !important; color: #398F14 !important; }

table,
th,
td { border: 1px solid rgba(0, 0, 0, 0.1); }
table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 24px; width: 100%; border-color: #c2c2c2; }
th,
td { font-weight: normal; text-align: left; border-color: #c2c2c2; padding: 5px 8px; }
th { border-width: 0 1px 1px 0; font-weight: 500; color: #fff; background: #139938; }
td { border-width: 0 1px 1px 0; }
tr.alt td { background: #fbfaf5; }

hr { background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin: 20px 0; }

/* Support a widely-adopted but non-standard selector for text selection styles */

::selection { background: #0069aa; color: #fff; text-shadow: none; }
::-moz-selection { background: #0069aa; color: #fff; text-shadow: none; }

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder { color: #939393; }
:-moz-placeholder {	color: #939393; }
::-moz-placeholder { color: #939393; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */}
:-ms-input-placeholder { color: #939393; }

/* Responsive images. Fluid images for posts, comments, and widgets */

#main-content-wrapper img,
.wp-caption { max-width: 100%; }

/* Make sure images with WordPress-added height and width attributes are scaled correctly */

#main-content img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] { height: auto; }

img { height: auto; max-width: 100%; max-height: 100%; }

/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object,
video { margin-bottom: 24px; max-width: 100%; }

p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object { margin-bottom: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block; *zoom:1;}
* html .clearfix { height: 1%;} /* Hides from IE-mac \*/
.clearfix { display: block;}

/* ----------------------------------------------------------------
    STRUCTURE
-----------------------------------------------------------------*/

#wrapper { width: 100%; margin: 0 auto; position: relative; }
.container { width: 960px; margin: 0 auto; position: relative; }
.bottommargin { margin-bottom: 60px !important;}
.nobottommargin { margin-bottom: 0 !important;}
.norightborder { border-right: none !important; }
.inset { padding: 0 25px; }
.align-left { float: left; }
.align-right { float: right; }
.list-reset { margin: 0; padding: 0; list-style: none; }

.col-full { width: 100%; }
.col-half { width: 48%; }
.col-one-third { width: 30.63%; }
.col-two-third { width: 65.33%; }
.col-one-fourth { width: 22%; }
.col-three-fourth { width: 74%; }
.col-one-fifth { width: 16.8%; }
.col-two-fifth { width: 37.6%; }
.col-three-fifth { width: 58.4%; }
.col-four-fifth { width: 79.2%; }
.col-one-sixth { width: 13.33%; }
.col-five-sixth { width: 82.67%; }

.col-full,
.col-half,
.col-one-third,
.col-two-third,
.col-three-fourth,
.col-one-fourth,
.col-one-fifth,
.col-two-fifth,
.col-three-fifth,
.col-four-fifth,
.col-one-sixth,
.col-five-sixth { display: block; position: relative; margin-right: 4%; margin-bottom: 50px; float: left; }

.col-full { clear: both; float: none; margin-right: 0; }
.col-last { margin-right: 0 !important; clear: right; }

/* ----------------------------------------------------------------
    REPEATABLE PATTERNS
-----------------------------------------------------------------*/

.shaded { background: #ebebeb; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; }

/* BUTTONS */

.button { color: #0069aa; padding: 8px 15px; display: inline-block; margin-top: 15px; text-transform: uppercase; border: 1px solid #0069aa; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.button:hover { color: #fff; background: #0069aa; }
.button.inverse { color: #fff; border-color: #fff; }
.button.inverse:hover { background: #fff; color: #0069aa; }

/* IMAGES */

.entry-content img, .comment-content img, .widget img { max-width: 97.5%; /* Fluid images for posts, comments, and widgets */ }
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }
img.size-full, img.size-large { max-width: 97.5%; width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */ height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }
.alignleft, .alignright, .aligncenter { margin-bottom: 10px; }
.alignleft, .alignright { display: inline; }
.alignleft { margin-right: 15px; float: left; }
.alignright { margin-left: 15px; float: right; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; }
p img, .wp-caption { margin-top: 0.4em; }
.wp-caption { background: #eee; max-width: 96%; padding: 8px; border: 1px solid #dbdbdb; }
.wp-caption img { display: block; margin: 0 auto; width: 100%; }
.wp-caption .wp-caption-text, .gallery-caption { color: #666; font-size: 12px; line-height: 16px; }
.wp-caption .wp-caption-text { padding: 10px 0 2px 6px; position: relative; margin-bottom: 0; }

/* ----------------------------------------------------------------
    TYPOGRAPHY
-----------------------------------------------------------------*/

body { font-family: 'Source Sans Pro', sans-serif; color: #959595; font-size: 18px; line-height: 26px; font-weight: 300; -webkit-text-size-adjust:100%; }

p { margin-bottom: 20px; }

.padded-kicker { padding: 8px 0; border-left: 25px solid #19232d; color: #fff; margin-bottom: 20px; }
.padded-kicker p { background-color: #19232d; padding: 10px 0; color: #fff; display: inline; margin: 0; font-size: 25px; line-height: 36px; }
.padded-kicker p strong { position: relative; left: -10px; font-weight: 300; padding-right: 10px; }

.upper { text-transform: uppercase; }
.centered { text-align: center; }

/* HEADINGS */

h1,h2,h3,h4,h5,h6 { font-weight: 400; color: #0069aa; margin-bottom: 15px; }
h1 { font-size: 32px; line-height: 36px; }
h1#page-title { display: none; }
h2 { font-size: 26px; line-height: 38px; }
h2.section-heading { background: #010101; color: #fff; padding: 5px 15px; font-weight: 300; }
h3 { font-size: 20px; line-height: 26px; }
h4 { font-size: 18px; line-height: 24px; }
h5 { font-size: 16px; line-height: 20px; margin-bottom: 5px; }

/* LINKS */

a { color: #0069aa; text-decoration: none; }
a:focus { outline: thin dotted; }
a:hover,
a:active { outline: 0; }
a:active,
a:hover { color: #006cb3; }

/* ----------------------------------------------------------------
    MASTHEAD
-----------------------------------------------------------------*/

#masthead-wrapper { background: transparent url(gfx/transparency-white.png) repeat 0 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; border-bottom: 1px solid #2d3a43; }
	
	/* LOGO */
	
	#logo { margin-bottom: 0; }
	#logo a { display: block; }
	#logo img { padding: 19px 0 16px 30px; }
	#logo .retina-logo { display: none; }
	
	/* STRAPLINE */
	
	h2#strapline { font-size: 23px; line-height: 30px; margin: 32px 0 0 0;  }
	
	/* MAIN MENU */
	
	#main-nav { width: 100%; clear: both; background: #19232d url(gfx/bg-main-nav.gif) repeat-x bottom left; margin-bottom: 20px; }
	#menu-main-nav { text-transform: uppercase; text-align: left; display: inline-block; /* for IE6/7: */ display: inline; zoom: 1; list-style: none; padding: 0; margin: 0; }
	#menu-main-nav li { float: left; position: relative; cursor: pointer; border-bottom: 5px solid transparent; }
	#menu-main-nav a { color: #fff; display: block; font-size: 17px; line-height: 24px; text-decoration: none; padding: 11px 25px; font-weight: 300; }
	#menu-main-nav li:hover, #menu-main-nav li.current-menu-item, #menu-main-nav li.current-menu-parent, #menu-main-nav li.current-page-ancestor, .single-evo_development li#menu-item-19 { border-bottom: 5px solid #0069aa; }
	#menu-main-nav li.current-menu-item, #menu-main-nav li.current-menu-parent, #menu-main-nav li.current-page-ancestor { font-weight: 400; }
	#menu-main-nav ul { display: none; float: left; margin: 0; position: absolute; top: 30px; left: -60px; width: 198px; z-index: 99999; padding: 5px 0 0 0; }
	#menu-main-nav ul li { padding: 0; background: #0c8341; padding: 0 10px; }
	#menu-main-nav ul li#menu-item-43 { padding-bottom: 5px; }
	#menu-main-nav ul li#menu-item-46 { padding-top: 5px; }
	#menu-main-nav ul a { color: #fff; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4em; padding: 10px 0; width: 178px; text-transform: none; display: block; border-bottom: 1px solid #fff; }
	#menu-main-nav ul li#menu-item-43 a { border-bottom: none; }
	#menu-main-nav li:hover .sub-menu a { color: #fff; }
	#menu-main-nav .sub-menu li.current-menu-item a { font-weight: 700; text-decoration: underline; }
	#menu-main-nav ul a:hover { text-decoration: underline; color: #fff; }
	#menu-main-nav li:hover > ul { display: block; }
	.slicknav_menu { display:none; position: relative; z-index: 10000; }
	
	/* RESPONSIVE MENU */
	
	.slicknav_menu { display:none; }	
	.slicknav_btn { position: relative; display: block; overflow: hidden; padding: 10px 17px; cursor: pointer; margin: 15px 0 0 0; text-decoration:none; background: #010101; }
	.slicknav_btn.slicknav_collapsed { margin-bottom: 0; }
	.slicknav_menu { background: transparent; *zoom: 1; margin-bottom: 25px; }
	.slicknav_menu .slicknav_menutxt { display: block; float: left; color: #FFF; font-size: 17px; letter-spacing: 1px; font-weight: 400; }
	.slicknav_menu .slicknav_icon { float: left; margin: 4px 0 0 10px; }
	.slicknav_menu .slicknav_no-text { margin: 0 }
	.slicknav_menu .slicknav_icon-bar { background-color: #f5f5f5; display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
	.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
	.slicknav_nav { clear: both; margin: 0; padding: 0; font-size: 18px; background: #ebebeb; border: 1px solid #d7d7d7; border-bottom: none; }
	.slicknav_nav { list-style: none; overflow: hidden; width: 100%; margin-top: 15px; }
	.slicknav_nav li { display: block; margin-bottom: 0; border-bottom: 1px solid #d7d7d7; }
	.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
	.slicknav_nav .slicknav_item { display: block; cursor: pointer; padding: 10px 15px; }
	.slicknav_nav a { display: block; padding: 10px 15px; text-decoration:none; color:#010101; }
	.slicknav_nav .slicknav_item a { display: inline; padding:0; margin:0; }
	.slicknav_nav li:hover a,
	.slicknav_nav a:hover,
	.slicknav_nav .slicknav_arrow:hover,
	.slicknav_nav .slicknav_item:hover,
	.slicknav_nav .slicknav_item:active,
	.slicknav_nav li.current-menu-item a,
	.slicknav_nav li.current-menu-parent a,
	.single-evo_development .slicknav_nav li.menu-item-19 a { background: #e5f0f6; color: #0069aa; }
	.slicknav_nav .slicknav_txtnode { margin-left:15px; }
	.slicknav_menu:before,
	.slicknav_menu:after { content: " "; display: table; }
	.slicknav_menu:after { clear: both }
	.slicknav_nav li.slicknav_open { border-bottom: none; }

/* ----------------------------------------------------------------
    HEADER IMAGE / SLIDER
-----------------------------------------------------------------*/
	
#hero-header { padding: 20px 0; }
	
	#gallery li { border-bottom: 10px solid #959595; }
	#gallery li span { position: absolute; top: 0; left: 0; color: #fff; background: url(gfx/transparency-black.png) repeat 0 0; padding: 5px 10px; font-size: 16px; }
	.bx-pager { position: absolute; bottom: 20px; }
	.bx-pager div { float: left; }
	.bx-controls-direction { position: absolute; top: 165px; width: 100%; }
	.bx-controls-direction a { position: absolute; display: block; width: 45px; height: 45px; text-indent: -3000px; }
	.bx-controls-direction a:hover { background-position: 0 -45px; }
	.bx-prev { left: 20px; background: url(gfx/sprite-slide-prev.jpg) no-repeat 0 0; }
	.bx-next { right: 20px; background: url(gfx/sprite-slide-next.jpg) no-repeat 0 0; }
	
	 .header-image { border-bottom: 10px solid #959595; }
	
/* ----------------------------------------------------------------
    MAIN CONTENT
-----------------------------------------------------------------*/

#main-content { padding: 40px 0; }
	
	#content article { padding-right: 40px; }
	#content ul { margin-left: 25px; }
	#content ul li { list-style-image: url(gfx/icon-tick.gif); font-size: 16px; padding-left: 8px; margin-bottom: 5px; }
	
	/* CURRENT DEVELOPMENTS */
	
	#current-developments { padding: 20px 0; }
	
	.development { background: #f4f4f4; min-height: 435px; }
	.development h3 { margin-bottom: 5px; }
	.development h3 a:hover { color: #010101; }
	.development p { font-size: 16px; line-height: 22px; }
	.development .button { margin-top: 0; }
	
	.teaser-text { padding: 10px 15px 15px 15px; }
	
	/* CONTACT */
	
	.page-id-11 article h3 { margin-bottom: 5px; }

/* ----------------------------------------------------------------
    SIDEBAR RIGHT
-----------------------------------------------------------------*/
	
	#related h2 { margin-bottom: 0; }
	#related-docs li { border-bottom: 1px solid #010101; }
	#related-docs a { display: block; padding: 8px; }
	#related-docs a:hover { background: #e5f0f6; }
	#related-docs a span { display: none }
	#related-docs a:hover span { display: block; float: right; }
	
	.sidebar-development { border-bottom: 1px solid #010101; overflow: hidden; padding-bottom: 15px; margin-bottom: 15px; }
	.sidebar-development div { margin-bottom: 0 !important; }
	.sidebar-development p { font-size: 14px; line-height: 20px; margin-bottom: 5px; }
	.sidebar-development a { font-size: 16px; font-weight: 400; }

/* ----------------------------------------------------------------
    FOOTER
-----------------------------------------------------------------*/

#footer-wrapper { padding: 20px 0; }
	
	#global-footer { color: #19232d; }
		
		#menu-footer-nav { list-style: none; padding: 0; margin: 0; font-size: 14px; overflow: hidden; }
		#menu-footer-nav li { display: inline; display: inline-block; text-align: right; }
		#menu-footer-nav li::after { content: "//" }
		#menu-footer-nav a { color: #19232d; padding: 3px 12px; }
		#menu-footer-nav li#menu-item-25 a { padding-left: 0; }
		#menu-footer-nav li#menu-item-45 a { padding-right: 0; }
		#menu-footer-nav a:hover, #menu-footer-nav li.current-menu-item a, #menu-footer-nav li.current-menu-parent a, #menu-footer-nav li.current-page-ancestor a { color: #0069aa; }
		#menu-footer-nav li.current-menu-item a, #menu-footer-nav li.current-menu-parent a, #menu-footer-nav li.current-page-ancestor a { font-weight: 400; }
		
		#footer-contact-wrapper { background: #010101; position: relative; top: -69px; }
			#footer-contact { padding: 15px; overflow: hidden; }
			#footer-contact h4 { border-bottom: 1px solid #0069aa; margin-bottom: 10px; padding-bottom: 8px; font-size: 26px; font-weight: 300; color: #fff; }
			#footer-contact span { font-size: 18px; line-height: 24px; color: #fff; }
			#footer-contact span a:hover { color: #ebebeb; }
			#footer-contact a.button { margin-top: 3px; }

	
/* ----------------------------------------------------------------
    BACK TO TOP
-----------------------------------------------------------------*/

#back-to-top { display: none; z-index: 999; position: fixed; width: 40px; height: 40px; top: auto; left: auto; right: 30px; bottom: 30px; cursor: pointer; background: url(gfx/btn-btt.gif) no-repeat 0 0; opacity: 0.6; }
#back-to-top:hover,
#back-to-top:active { opacity: 1; }
#back-to-top span { display: block; text-indent: -10000px; }