/*
Theme Name: Malago
Theme URI: http://www.malago.co.uk
Author: Malago Ltd.
Author URI: http://www.malago.co.uk
Description: Malago Ltd
Version: 2
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0; padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143em; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {margin: 24px 0; margin: 1.714285714rem 0; ( 24 / $rembase ) }

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
body {line-height: 1.714285714  !important;  background:url('images/bgHeader.jpg') repeat-x;  font-family: 'Source Sans Pro', Ariel, Lucida Grande, Verdana, sans-serif !important; color: #525e66; font-weight:300;}
ol, ul {list-style: none; }
blockquote, q {quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0; }
caption, th, td {font-weight: normal; text-align: left;  font-family: 'Source Sans Pro', Ariel, Lucida Grande, Verdana, sans-serif !important; color: #525e66;  font-weight:300;}
h1, h2, h3, h4, h5, h6 {}
html {overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
a:focus {outline: thin dotted; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; }
audio, canvas, video {display: inline-block; }
audio:not([controls]) {display: none; }
del {color: #333; }
ins {background: #fff9c0; text-decoration: none; }
hr {background-color: #ccc; border: 0; height: 1px; margin: 24px; margin-bottom: 1.714285714em; }
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup {top: -0.5em; }
sub {bottom: -0.25em; }
small {font-size: smaller; }
img {border: 0; -ms-interpolation-mode: bicubic; }

/* Clearing floats */
.clear:after, .wrapper:after, .format-status .entry-header:after {clear: both; }
.clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after {display: table; content: ""; }


/* =Repeatable patterns
-------------------------------------------------------------- */

A:link, A:visited  {color: #262d32; font-weight:normal; text-decoration:underline; }
A:hover {color: #cc0000; }

.clearDiv {clear:both; width:100%; height:0px;}
.clearLeft {clear:left; height:0px;}
img.aside {position:relative; right:-300px; float: right; margin-left: -300px; margin-top:-23px;}
div.aside {position:relative; right:-220px; float: right; margin-left: -220px;  width:180px; margin-top:-30px; text-align: left;}
.aside hr {clear: both; border-bottom: 1px #cccccc solid;}


/* Form fields, general styles first */
input { line-height: normal; border: 1px solid #ccc; border-radius: 3px; font-family: inherit; padding: 6px; padding: 0.428571429em; }

/* Reset non-text input types */
input[type="checkbox"], input[type="radio"], input[type="file"], input[type="hidden"], input[type="image"], input[type="color"] {border: 0; border-radius: 0; padding: 0; }

/* Buttons */
.menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit], li.bypostauthor cite span {padding: 6px 10px; padding: 0.428571429rem 0.714285714em; font-size: 11px; font-size: 0.785714286em; line-height: 1.428571429; font-weight: normal; color: #7c7c7c; background-color: #e6e6e6; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: linear-gradient(top, #f4f4f4, #e6e6e6); border: 1px solid #d2d2d2; border-radius: 3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); }
.menu-toggle, button, input[type="submit"], input[type="button"], input[type="reset"] {cursor: pointer; }
.menu-toggle:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type=submit]:hover {color: #5e5e5e; background-color: #ebebeb; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); background-image: linear-gradient(top, #f9f9f9, #ebebeb); }
.menu-toggle:active, .menu-toggle.toggled-on, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {color: #757575; background-color: #e1e1e1; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1); background-image: linear-gradient(top, #ebebeb, #e1e1e1); box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4; border: none; }

/* Responsive images */
.entry-content img, .comment-content img, .widget img {max-width: 100%; /* Fluid images for posts, comments, and widgets */ height: auto;}
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, img.header-image, img.wp-post-image {max-width: 100%; height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }

/* Make sure videos and embeds fit their containers */
embed, iframe, object, video {max-width: 100%; }
.entry-content .twitter-tweet-rendered {max-width: 100% !important; /* Override the Twitter embed fixed width */ }

/* Images */
.alignleft {float: left; }
.alignright {float: right; }
.aligncenter {display: block; margin-left: auto; margin-right: auto; }
.entry-content img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */	 }

/* Navigation */
.site-content nav {clear: both; line-height: 2; overflow: hidden; }

/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html {font-size: 87.5%; }
body {font-size: 14px; font-size: 1em; text-rendering: optimizeLegibility; color: #444; }
body.custom-font-enabled {}

.wrapper {	background-color: #fff;}

/* Assistive text */
.assistive-text, .site .screen-reader-text {position: absolute !important; clip: rect(1px, 1px, 1px, 1px); }
.main-navigation .assistive-text:hover, .main-navigation .assistive-text:active, .main-navigation .assistive-text:focus {background: #fff; border: 2px solid #333; border-radius: 3px; clip: auto !important; color: #000; display: block; font-size: 12px; padding: 12px; position: absolute; top: 5px; left: 5px; z-index: 100000; /* Above WP toolbar */ }

/* Page structure */
.site {margin: 0px ; }
.site-content {margin: 24px 0 0; margin: 1.714285714rem 0 0; }

.clearDiv {clear:both; width:100%; height:0px;}
.clearLeft {clear:left; height:0px;}
img.aside {position:relative; right:-350px; float: right; margin-left: -330px; margin-top:-23px; border-radius: 0px; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);}
.accordion img {border-radius: 0px; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);}
div.aside {position:relative; right:-220px; float: right; margin-left: -220px;  width:180px; margin-top:-30px; text-align: left;}
.aside hr {clear: both; border-bottom: 1px #cccccc solid;}


/* Header */
.site-header {height: 202px; }

/* Navigation Menu */
.main-navigation { display: block; margin-top: 17px;}
.single .main-navigation { margin-top: 10px;}
.main-navigation li {list-style-type: none; display: inline-block; float:left; margin-right: 5px; }
.main-navigation a {color:#525e66; text-decoration:none; padding:8px 20px; background:url('images/bgMenu.jpg') repeat-x; }
.main-navigation a:hover {color: #525e66; }
.main-navigation .current_page_item a {background:url('images/bgMenuOn.jpg') repeat-x;}
.home .main-navigation .current_page_item a {background:url('images/bgMenuOnHome.gif') repeat-x; color: #fff;}
.main-navigation ul .current_page_item ul a {background-image: none;}
.main-navigation ul.nav-menu.toggled-on, .menu-toggle {display: inline-block; }
/*turns nav off for sp	*/	.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {display: none; }

 /* LEFT HAND COL */
#LhsDiv {width:640px;}
.LhsPadding {padding:40px 0px 20px 0px;}
.alignright {float:right; margin:10px 0 10px 10px;}
.alignleft {float:left; margin:10px 10px 10px 0px;}

 /* RIGHT HAND COL */
#RhsDiv {width:280px; float:right; margin-left: 10px;}
.RhsPadding {padding:20px 25px 20px 25px; background-color: #262d31; color: #fff; }
#RhsDiv .RhsPadding ul, #RhsDiv .RhsPadding ol {margin-left:20px; }
#RhsDiv H2 { color: #fff;}
#RhsDiv .RhsPadding A:link, #RhsDiv .RhsPadding A:visited  {color: #fff; font-weight:normal; text-decoration:underline;  padding:0 2px; line-height: 1.6em; }
#RhsDiv .RhsPadding A:hover {color: #fcd70b; }

/*whatIdidDiv*/
.whatIdidDiv {padding:20px 25px 20px 25px; }
#RhsDiv .whatIdidDiv  H2 { color: #262d32;}
.whatIdidDivul { padding:0px; margin: 0px;}
.whatIdidDiv li {list-style-type: none; color: #525e66; padding:0px; margin: 0px;}
.whatIdidDiv li img {vertical-align: middle; margin-right: 8px;}


/* homeFeature */
.homeFeature {background-color: #efefef; -webkit-box-shadow: 6px 6px 0px 0px rgba(204,204,204,1);
-moz-box-shadow: 6px 6px 0px 0px rgba(204,204,204,1);
box-shadow: 6px 6px 0px 0px rgba(204,204,204,1); padding: 10px; float:left; margin: 0 1% 20px 1%; width: 48%; height:140px; overflow: hidden;  line-height:1.5em;}
.homeFeature h2 {margin:2px 0;}
.homeFeature a {text-decoration: none;}
.homeFeature img {}
.homeFeature .thumbNail { float:left; height:auto; max-height: 110px; overflow: hidden; border: solid #cccccc 1px; display: block; margin:0 15px 0 0; float:left; }

.clientFeature {border-top: 2px #cccccc solid; padding: 10px; float:left; margin: 0 20px 20px 0; background:url('images/bgFooter.jpg') repeat-x; width: 650px; }
.clientFeature h2 {margin-bottom:2px;}
.clientFeature img {margin:0 15px 0 0; border: solid #cccccc 1px; float:left;}
.clientFeature .thumbNail { float:left;}

.home .LhsPadding {font-size: 130%;}
.big {font-size: 120%;}

h1  { color: #262d32; font-size:18pt; font-weight: normal; letter-spacing:0.01em;margin-bottom:8px; line-height:1.2em; }
h2  { color: #262d32; font-size:12pt; font-weight: normal; line-height:1.2em; margin-bottom:8px; margin-top:16px;}
h3  { color: #262d32; font-size:10pt; font-weight: normal; line-height:1.2em; margin-bottom:10px;}
h4  { color: #000; font-size:9pt; font-weight: normal; line-height:1.4em; margin-bottom:4px;}
hr {border-bottom: 1px #6d6f5f dashed; border-top: none; border-left: none; border-right: none; margin:10px 0; color:#ffffff;}
p { padding-bottom:12px; }
#primary p {font-size: 1.2em;}
b, strong {color:#000; font-weight: normal;}
em {color: #000;}

.home #RhsDiv strong {color: #fff; font-weight: 700;}

blockquote {font-family: 'Handlee', cursive; font-size: 1.1em; color: #666; letter-spacing: 0.07em;  background:url('images/quote.gif') no-repeat left top; padding-left: 70px; line-height: 1.3em;}
blockquote em {color:#78a5ca; font-weight: normal; position: relative; top: -5px;}

#mainDiv ul, #mainDiv ol, .clientFeature ul {margin:0 0 20px 20px; }
#mainDiv .whatIdidDiv ul {margin:0; }

.padding10 {padding: 10px;}
.callOut {background-color: #efefef; border: solid 1px #ccc;}
.callOut .padding10 {padding: 0 10px 10px 20px;}

/* Footer */
#footer {color: #a1a1a1; font-size:7.5pt; background:url('images/bgFooter.jpg') repeat-x; width: 100%;}
#footer  a {color: #686868; }
#footer  a:hover {color: #21759b; }

#footerMenuDiv {max-width: 68.5714em; text-align: right; padding:6px 12px 0 0; height:95px; }
#footerDiv A:link, #footerDiv A:visited  {color: #a1a1a1; font-weight:normal; text-decoration:underline;  padding:0 2px;}
#footerDiv A:hover {color: #000; }



/* =Main content and comment content
-------------------------------------------------------------- */

.entry-meta {clear: both; }
.entry-header {margin-bottom: 24px; margin-bottom: 1.714285714em; }
.entry-header .entry-title {font-size: 20px; font-size: 1.428571429em; font-weight: normal; }
	.entry-content h1, .comment-content h1, .entry-content h2, .comment-content h2, .entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4, .entry-content h5, .comment-content h5, .entry-content h6, .comment-content h6 {margin: 24px 0; margin: 1.714285714rem 0; line-height: 1.714285714; }
	.entry-content h1, .comment-content h1 {font-size: 21px; font-size: 1.5em; line-height: 1.5; }
	.entry-content h2, .comment-content h2, .mu_register h2 {font-size: 18px; font-size: 1.285714286em; line-height: 1.6; }
	.entry-content h3, .comment-content h3 {font-size: 16px; font-size: 1.142857143em; line-height: 1.846153846; }
	.entry-content h4, .comment-content h4 {font-size: 14px; font-size: 1em; line-height: 1.846153846; }
	.entry-content h5, .comment-content h5 {font-size: 13px; font-size: 0.928571429em; line-height: 1.846153846; }
	.entry-content h6, .comment-content h6 {font-size: 12px; font-size: 0.857142857em; line-height: 1.846153846; }
.entry-content ul {list-style: disc outside; }
.entry-content ol {list-style: decimal outside; }
.entry-content li {margin: 0 0 0 36px; margin: 0 0 0 2.571428571em; }
.entry-content blockquote {margin-bottom: 24px; margin-bottom: 1.714285714em; padding: 24px; padding: 1.714285714em; font-style: italic; }
.entry-content blockquote p:last-child {margin-bottom: 0; }
img.alignleft {margin: 12px 24px 12px 0; margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; }
img.alignright {/*margin: 12px 0 12px 24px; margin: 0.857142857rem 0 0.857142857rem 1.714285714em; */}
.entry-content dl {margin: 0 24px; margin: 0 1.714285714em; }
.entry-content dt {font-weight: bold; line-height: 1.714285714; }
.entry-content dd{line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714em; }
.site-content article {margin-bottom: 72px; margin-bottom: 5.142857143em; word-wrap: break-word; max-width:620px;}
footer.entry-meta {margin-top: 24px; margin-top: 1.714285714em; font-size: 13px; font-size: 0.928571429em; line-height: 1.846153846; color: #757575; }


/*ACORDION*/

* {margin:0; padding:0}

#accordion {}
.accordion h2 {margin:0;  font-size:12pt; }
.accordion dt {padding:1px 0 1px 20px; cursor:pointer; margin: 4px 0; background:url('images/arrows01.gif') no-repeat 0 8px; font-weight: normal; line-height:1.2em; }
.accordion dt:hover {background:url('images/arrows03.gif') no-repeat 3px 8px #efefef;}
.accordion dd {}
.accordion span {display:block; border:2px solid #9ac1c9; border-top:none; padding:15px}

.gravitySection div {position: relative;}
.gravitySection h2 {font-size: 90px; font-weight: 100; color: #fff; width: 100%; text-align: center; position: absolute;   top: 25%;  -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

/* =Media queries
-------------------------------------------------------------- */

/* Desktops: min width of 600 pixels. */
@media screen and (min-width: 600px) {
	.site {	margin: 0 auto; 	max-width: 960px; 	max-width: 68.571428571em;}
	.main-navigation ul.nav-menu, 	.main-navigation div.nav-menu > ul {display: inline-block !important; 	text-align: left; 	width: 100%; }
	.main-navigation ul {	margin: 0; 	text-indent: 0; }
	.main-navigation li a, 	.main-navigation li {	display: inline-block; 	text-decoration: none; }
	.main-navigation li a { }
	.main-navigation li a:hover {}
	.main-navigation li {	position: relative; }
/*DROPDOWN*/
	.main-navigation li ul {	display: none; 	margin: 0; 	padding: 0 0 12px 0; 	position: absolute; 	top: 100%; z-index: 1; background: #333; border-radius: 6px;}
	.main-navigation li ul ul {	top: 0; 	left: 100%; }
	.main-navigation ul li:hover > ul {	border-left: 0; 	display: block; }
	.main-navigation li ul li a {	background-image: none; display: block; 	line-height: 2.181818182; 	padding: 8px 10px; 	padding: 0.571428571rem 0.714285714em; 	width: 180px; 	width: 200px; 	white-space: normal;  color: #fff; }
	.main-navigation li ul li a:hover {	background-image: none; 	color: #fcd70b; }
	.main-navigation .current-menu-item > a, 	.main-navigation .current-menu-ancestor > a, 	.main-navigation .current_page_item > a, 	.main-navigation .current_page_ancestor > a {	}
/*turns menu off*/	.menu-toggle {	display: none; }
	.entry-header .entry-title {	font-size: 22px; 	font-size: 1.571428571em; }
	}

/*===================*/


@media only screen and (device-width: 768px) {
	  /* For general iPad layouts */
  #main {margin: 0 10px;}
	#LhsDiv {margin: 0 10px; width: 100%; }
	img.aside {    float: right;    margin-left: 0;    margin-top: 0;    position: relative;    right: 0;}
	.homeFeature {width: 40%;}
	.main-navigation ul li:hover > ul {	border-left: 0; 	display: none; }
	.clientFeature {width: 65% ;}
	}

@media only screen and (max-width: 640px) {
	  /* For smartphones */

.gravitySection {display: none !important;}

	  #logoDiv img {width: 100% ; max-width: 407px;}
	  .RhsPadding {display: none;}
	  .site-header {    height: auto;}
	  #main {padding: 0 10px;}
	#LhsDiv {margin: 0 ; width: 100%; }
	.LhsPadding {padding: 20px 0;}
	#RhsDiv {clear: both; width: 100%; margin: 0;}
	.whatIdidDiv  {padding: 0 0 20px 0;}
	img.aside {    float: right;    margin-left: 0;    margin-top: 0;    position: relative;    right: 0;}
	.homeFeature {width: 92%;}
	.clientFeature {width: 92% ;}
/* Navigation Menu */
.menu-main-nav-container {background: #333333; padding-left: 20px;}
.main-navigation { display: block; margin-top:0px;}
.main-navigation li {list-style-type: none; display:block; float:none; margin-right: 5px; }
.main-navigation a {color:#999999; text-decoration:none; padding:0px; background:none; text-transform: capitalize;}
.main-navigation a:hover {color: #ffffff; }
.main-navigation ul.nav-menu.toggled-on, .menu-toggle {display: inline-block; }
	.main-navigation ul li > ul {display: none; text-indent: 50px;}
	.main-navigation ul li:hover > ul {	border-left: 0; 	display: block; }
.main-navigation .current_page_item a {background-image: none;}
div.aside { clear: both; width: 100%; margin: 0; right:0;}
div.aside img {float: left; border-radius: 0; box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
}




/* SaveTheWorld */
#SaveTheWorld {background-image: none; text-align: center; font-size: 2em;line-height: 1.3em !important;}
#SaveTheWorld .entry-title, #SaveTheWorld  #footer {display: none;}