/*
Theme Name: Community Living Toronto
Theme URI: https://cltoronto.ca
Author: CLT Team
Author URI: https://cltoronto.ca
Description: Community Living Toronto corporate site theme.
Version: 1.0
*/

/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { background-color: #fff; margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #00857E; color: #fff; text-shadow: none; }
::selection { background: #00857E; color: #fff; text-shadow: none; }

a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

address { font-style: normal; }

/* ===== Primary Styles ========================================================
   Author: CLT Development Team
   ========================================================================== */

/**
 * Common
 *
 * @section common
 */

/* Headings */
h1 {
	margin: 14px 0;
}

h2 {
	margin: 12px 0;
}

h3 {
	margin: 10px 0;
}

p {
	margin: 12px 0;
}

article {
	overflow: hidden;
}

/* Forms */
input[type="text"], input[type="search"], input[type="email"], 
input[type="url"], input[type="tel"] {
	border-style: solid;
	border-width: 1px;
	padding: 4px;
}

input[type="image"] { vertical-align: middle; }

/**
 * Layout
 *
 * @section layout
 */
#wrap {
	width: 90%;
	padding-top: 2em;
	margin: 0 auto;
	min-width: 960px;
	max-width: 1400px;
	position: relative;
}

#sidebar {
	float: left;
	width: 18.75%;	/* 180px / 960px */
	margin: 20px 2.083333333333%;	/* 20px / 960px */
}

#wrap > div > header {
	float: left;
	width: 21.875%;	/* 210px / 960px */
	padding: 20px 0 20px 1.041666666667%;	/* 10px / 960px */
}

/* IE7 drop column fix */
.lt-ie8 #sidebar {
	width: 18.6%;
}

#main {
	width: 50.000000000001%;	/* 520px / 960px */
	float: left;
	padding: 0 2.083333333333% 20px;
	margin-top: 25px;
	background: url(img/main-bg.jpg) right top repeat-y;
}

#wrap > div > header,
#main, #sidebar {
	margin-bottom: -99999px;
	padding-bottom: 99999px;
}

/* IE7 layout fix */
.lt-ie8 #wrap > div > header,
.lt-ie8 #main, .lt-ie8 #sidebar {
	margin-bottom: 0;
	padding-bottom: 0;	
}

#wrap > div > header hgroup h1 {
	margin: 0 8.095238095238% 0 -1.428571428571%;	/* right: 17px / 210px, left: -3px / 210px */
	line-height: 0;
}

#main .main-logo {
	line-height: 0;
	margin: 0 0 40px;
}

#wrap > div > header hgroup h2,
#wrap .tagline {
	position: absolute;
	top: 0em;
	left: 0em;
	width: 100%;
	padding-top: 7px;
	margin: 0;
}

/* Pagination */
.pagination { margin: 1.5em 0 0; }

#wrap > footer {
	clear: both;
	padding-top: 28px;
	border-top-width: 7px;
	border-top-style: solid;
}

#wrap > footer address {
	width: 25%;
	float: left;
}

#wrap > footer .sponsors {
	width: 25%;
	float: left;
}


#wrap > footer .social {
	width: 25%;
	float: right;
}

#wrap > footer .lang {
	width: 25%;
	float: left;
	margin: 0 auto;
}

.lt-ie8 #wrap > footer .lang {
	width: 25%;
}

#wrap, #wrap > div, #sidebar,
#wrap > footer, #wrap > footer > div, 
#main {
	overflow: hidden;
}

#main img, #sidebar img {
	max-width: 100%;
	width: auto; /* IE8 scaling fix */
	height: auto;
}

#main img.attachment-list-feature {
	max-width: 100px;
	float: left;
	margin: .3em .8em .8em 0;
}

.float-left { float: left !important; }

.float-right { float: right !important; }

img.float-left { margin: 0 .8em .8em 0 !important; }

img.float-right { margin: 0 0 .8em .8em !important; }

/**
 * Typography
 *
 * @section typography
 */
@font-face {
    font-family: 'UbuntuRegular';
    src: url('fonts/Ubuntu-R-webfont.eot');
    src: url('fonts/Ubuntu-R-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Ubuntu-R-webfont.woff') format('woff'),
         url('fonts/Ubuntu-R-webfont.ttf') format('truetype'),
         url('fonts/Ubuntu-R-webfont.svg#UbuntuRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuBold';
    src: url('fonts/Ubuntu-B-webfont.eot');
    src: url('fonts/Ubuntu-B-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Ubuntu-B-webfont.woff') format('woff'),
         url('fonts/Ubuntu-B-webfont.ttf') format('truetype'),
         url('fonts/Ubuntu-B-webfont.svg#UbuntuBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

input[type="button"], input[type="submit"], input[type="reset"] {
	font: 1.23076923076923em/1.6em 'UbuntuBold', Arial, sans-serif;	/* 16px / 13px */
	text-transform: uppercase;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'UbuntuRegular', Arial, sans-serif;
}

#main h1 {
	font-size: 1.5em; /* 21px / 14px */
	line-height: 1.2em;
}

#main h2 {
	font-size: 1.21428571428571em; /* 17px / 14px */
	line-height: 1.1em;
}

h1 a, h2 a, h3 a, h4 a, h5 a,  h6 a {
	text-decoration: none;
}

#wrap > div > header {
	font: 1em/1.5em 'UbuntuRegular', Arial, sans-serif;	/* 16px */
}

#wrap > div > header hgroup h2,
#wrap .tagline {
	font: .875em/2em Georgia, "Times New Roman", Times, serif;	/* 14px / 16px */
	text-transform: uppercase;
	letter-spacing: .1em;
}

#wrap > div > header hgroup h2 i,
#wrap .tagline i {
	font-style: normal;
}

#wrap > div > header nav {
	font: .9375em/1.5em 'UbuntuRegular', Arial, sans-serif;	/* 15px / 16px */
}

#wrap > footer {
	font: .75em/1.5em 'UbuntuRegular', Arial, sans-serif;	/* 12px / 16px */
}

#main {
	font: .875em/1.5em Georgia, "Times New Roman", Times, serif;	/* 14px / 16px */
}

#sidebar {
	font: .75em/1.5em 'UbuntuRegular', Arial, sans-serif;	/* 12px / 16px */
}

#sidebar h3 {
	font: 1.46153846153846em/1.3em 'UbuntuBold', Arial, sans-serif;	/* 19px / 13px */
}

/**
 * Colour
 *
 * @section colour
 */
a { color: #00817B; }
a:visited { color: #00817B; }
a:hover { color: #00817B; }

h1 a, h2 a, h3 a, h4 a, h5 a,  h6 a,
h1 a:visited, h2 a:visited, h3 a:visited, 
h4 a:visited, h5 a:visited,  h6 a:visited {
	color: #000;
}

input[type="text"], input[type="search"], input[type="email"], 
input[type="url"], input[type="tel"] {
	border-color: #000;
}

#wrap > div > header {
	background: #f6921e;
}

#wrap > div > header nav a,
#wrap > div > header nav a:visited {
	color: #000;
}

#wrap > div > header,
#wrap > div > header nav ul li.current-menu-item > a,
#wrap > div > header nav ul li.current-menu-item > a:visited,
#wrap > div > header nav ul li.current-page-ancestor > a,
#wrap > div > header nav ul li.current-page-ancestor > a:visited,
#wrap > div > header nav ul li a:hover {
	color: #fff;
}
#wrap > div > header hgroup h2,
#wrap .tagline {
	background: #3eac48;
}

#wrap > div > header hgroup h2 i,
#wrap .tagline i {
	background: #00817a;
}

#wrap > div > header nav ul li.current-menu-item > a,
#wrap > div > header nav ul li.current-menu-item > a:visited,
#wrap > div > header nav ul li.current-page-ancestor > a,
#wrap > div > header nav ul li.current-page-ancestor > a:visited,
#wrap > div > header nav ul li a:hover {
	background-color: #CF4B04;
}

#wrap > div > header nav ul li ul li.current-menu-item > a,
#wrap > div > header nav ul li ul li.current-menu-item > a:visited,
#wrap > div > header nav ul li ul li a:hover
{
	background-color: #d8771a !important;
}

#wrap > div > header nav ul li ul {
	background-color: #e7b440;
}

article + article {
	border-top-color: #000;
}

#sidebar aside {
	border-top-color: #000;
}

#sidebar h1, #sidebar h2, #sidebar h3, 
#sidebar h4, #sidebar h5, #sidebar h6,
#sidebar h1 a, #sidebar h2 a, #sidebar h3 a, 
#sidebar h4 a, #sidebar h5 a, #sidebar h6 a,
#sidebar h1 a:visited, #sidebar h2 a:visited, #sidebar h3 a:visited, 
#sidebar h4 a:visited, #sidebar h5 a:visited, #sidebar h6 a:visited {
	color: #318530;
}

#searchform .submit {
	color: #F6921E;
	border: none;
	background: none;
}

#wrap > footer {
	border-top-color: #3eac48;
	background: #00817A;
}

#wrap > footer > div {
	background: #fff;
}

/**
 * Wrap
 *
 * @section wrap
 */
#wrap {
	
}

/**
 * Header
 *
 * @section header
 */
#wrap > div > header {
	
}

#wrap > div > header, #wrap > div > header a, #wrap > div > header a:visited,
#wrap > div > header a:hover, #wrap > div > header a:active {
	text-decoration: none;
}

#wrap > div > header hgroup h1 {
	line-height: 0;
}

#wrap > div > header hgroup h2,
#wrap .tagline {
	text-align: center;
}

#wrap > div > header hgroup h2 i,
#wrap .tagline i {
	display: block;
}

/**
 * Primary Navigation
 *
 * @section primary-nav
 */
#wrap > div > header nav {
	zoom: 1;
}

#wrap > div > header nav a,
#wrap > div > header nav a:visited {
	display: block;
	background: url(img/nav-arrow-right-black.png) 8px .5em no-repeat;
	padding: 2px 10px 2px 20px;
}

#wrap > div > header nav a:hover {
	background-image: url(img/nav-arrow-right.png);
}

/* Use nav to pre-load hover graphic */
#wrap > div > header nav {
	background-position: -9999px -9999px;
	background-repeat: no-repeat;
	margin-bottom: 25px;
}

#wrap > div > header nav > ul > li.single > a,
#wrap > div > header nav > ul > li.single > a:visited,
#wrap > div > header nav > ul > li.single > a:hover {
	background-image: none !important;
}

#wrap > div > header nav > ul > li.current-menu-item > a,
#wrap > div > header nav > ul > li.current-menu-item > a:visited,
#wrap > div > header nav > ul > li.current-page-ancestor > a,
#wrap > div > header nav > ul > li.current-page-ancestor > a:visited {
	background-image: url(img/nav-arrow-down.png);
	padding-left: 20px;
}

#wrap > div > header nav ul li ul li a,
#wrap > div > header nav ul li ul li a:visited {
	background: url(img/nav-dash-black.png) 20px .9em no-repeat;
	padding-left: 28px;
}

#wrap > div > header nav ul li ul li.current-menu-item a,
#wrap > div > header nav ul li ul li.current-menu-item a:visited,
#wrap > div > header nav ul li ul li a:hover {
	background-image: url(img/nav-dash.png);
}

#wrap > div > header nav ul li ul {
	display: none;
}

#wrap > div > header nav ul li.current-menu-item ul,
#wrap > div > header nav ul li.current-page-ancestor ul {
	display: block;
}

#wrap > div > header nav + p {
	position: relative;
}

#wrap > div > header .donate-btn {
	display: block;
	width: 100%;
	height: 54px;
	background: url(img/donateButton.png) 0px 0px no-repeat;
	text-indent: -9000px;
	position: absolute;
	left: 9px;
	top: 0px;
}

.lt-ie9 #wrap > div > header .donate-btn {
	left: 0px;
}

.multiplebgs #wrap > div > header .donate-btn {
	background: url(img/donateButtonBorder.png) right top no-repeat,
	            url(img/donateButton.png) -9px 0px no-repeat;
}

#wrap > div > header .donate-btn:hover {
	background: url(img/donateButtonBorder.png) right -54px no-repeat,
	            url(img/donateButton.png) -9px -54px no-repeat;
}

#wrap > div > header .member-btn {
	display: block;
	width: 100%;
	height: 54px;
	background: url(img/memberButton.png) 0px 0px no-repeat;
	text-indent: -9000px;
	margin-left: 9px;
	margin-top: 90px;
}

.lt-ie9 #wrap > div > header .member-btn {
	left: 0px;
	top:40px;
}

.multiplebgs #wrap > div > header .member-btn {
	background: url(img/donateButtonBorder.png) right top no-repeat,
	            url(img/memberButton.png) -9px 0px no-repeat;
}

#wrap > div > header .member-btn:hover {
	background: url(img/donateButtonBorder.png) right -54px no-repeat,
	            url(img/memberButton.png) -9px -54px no-repeat;
}


#wrap > div > header .renew-btn {
	display: block;
	width: 100%;
	height: 54px;
	background: url(img/renewButton.png) 0px 0px no-repeat;
	text-indent: -9000px;	
	margin-left: 9px;
	top: 0px;
}

.lt-ie9 #wrap > div > header .renew-btn {
	left: 0px;
	top:40px;
}

.multiplebgs #wrap > div > header .renew-btn {
	background: url(img/donateButtonBorder.png) right top no-repeat,
	            url(img/renewButton.png) -9px 0px no-repeat;
}

#wrap > div > header .renew-btn:hover {
	background: url(img/donateButtonBorder.png) right -54px no-repeat,
	            url(img/renewButton.png) -9px -54px no-repeat;
}



/**
 * Footer
 *
 * @section footer
 */
#wrap > footer > div {
	padding: 20px;
}

#wrap > footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#wrap > footer ul li {
	display: inline;
	margin-left: 5px;
}

#wrap > footer ul li:first-child {
	margin-left: 0;
}

#wrap > footer h4 {
	margin: 0 0 4px;
	font-size: 1em;
	font-weight: normal;
}

#wrap > footer .social {
	text-align: right;
}

/**
 * Main Content
 *
 * @section main
 */
#main {
	
}

#banner {
	margin-bottom: 5px;
	overflow: hidden;
}

#banner, #banner div {
	max-width: 100% !important;
	background-color: transparent !important;
}

#banner img {
	margin: 0 !important;
}

article + article {
	border-top-style: solid;
	border-top-width: 1px;
}

#main > article:first-child > header h1 {
	margin-top: 0;
}

/**
 * Sidebar
 *
 * @section sidebar
 */
#sidebar {
	
}

#sidebar aside {
	border-top-style: solid;
	border-top-width: 1px;
	margin-top: 14px;
	padding-top: 14px;
}

#sidebar aside:first-child {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}

#sidebar h3 {
	margin-top: 0;
}

#searchform {
	white-space: nowrap;
}

#searchform #s {
	width: 70%;
}

#sidebar aside > ul {
	padding-left: 0;
}

#sidebar ul.tweets {
	list-style: none;
}

#sidebar ul.tweets li {
	margin-bottom: 15px;
}

/* =============================================================================
   Wordpress Styles
   ========================================================================== */

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* 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: 100%;
	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 */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1em;
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 100%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
#main .gallery {
	margin: 0 auto 1.625em;
}
#main .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
#main .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#main .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/* Password Protected Posts */
.post-password-required .entry-header .comments-link {
	margin: 1.625em 0 0;
}
.post-password-required input[type=password] {
	margin: 0.8125em 0;
}
.post-password-required input[type=password]:focus {
	background: #f7f7f7;
}

/* =Gallery
----------------------------------------------- */

.format-gallery .gallery-thumb {
	float: left;
	display: block;
	margin: .375em 1.625em 0 0;
}

/* =Entry 
----------------------------------------------- */
.entry-content {
	overflow: hidden;
}

.entry-content p:first-child {
	margin-top: 0;
}

/* =============================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
	* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	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; }
	
	#wrap > div > header nav, #sidebar,
	#wrap > footer .social, #wrap > footer .lang,
	#wrap > div > header hgroup h2, #wrap .tagline, 
	.edit-link {
		display: none;
	}
	
	#main {
		width: 100%;
		padding: 0;
		margin: 0;
	}
  
  	#wrap > div > header {
		float: none;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	
	#wrap > footer {
		border-top: 1px solid #000;
		margin-top: 20px;
	}
	
	#wrap > footer > div {
		padding: 0;
	}
	
	#wrap > footer address {
		float: none;
		width: auto;
	}
	
	#wrap > div > header a[href]:after,
	#footer a[href]:after,
	h1 a[href]:after, h2 a[href]:after, h3 a[href]:after,
	h4 a[href]:after, h5 a[href]:after, h6 a[href]:after,
	#main article > header a[href]:after,
	#main a.read-more[href]:after {
		content: "";
	}
	
	#wrap > div > header hgroup h1 {
		margin: 0 0 20px;
	}
	
	#wrap > div > header hgroup h2,
	#wrap .tagline {
		position: static;
		padding: 0;
	}
	
	#main img.attachment-list-feature {
		float: none;
	}
}

menu-social-media {
	margin-top:-50px;
}
