/*
Theme Name: Metrika
Theme URI: http://themeforest.net/user/InfoStyle/portfolio
Author: InfoStyle
Author URI: http://themeforest.net/user/InfoStyle/portfolio
Description: Metrika — a modern, dynamic, high-quality OnePage wordpress theme.
Version: 2.3.5
License: GNU General Public License
License URI: license.txt
Text Domain: Metrika
Domain Path: /languages/
Tags: white, two-columns, right-sidebar, custom-header, custom-menu, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 Metrika is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400&subset=latin,cyrillic);*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);

ul.social-bar-black li a, .social-bar2.black li a {
	border:none!important;
	margin-left: 15px;
}

.submenu ul {
	position:relative;
}

ul.social-bar-black, ul.social-bar-white, ul.social-bar2 {
	margin:10px 15px 0;
}

.social-bar-black i.fa:before {
	font-size:40px;
	color:#808080;
}

.white-icon:before {
	color:#fff!important;
}

.container h3 {
	margin-top:30px;
}

.tw-feed {
	color:#222;
}

.tw-feed p {
	top: 75px;
}

header {
	/*padding-top: 47px;*/
	padding-bottom: 45px;
}

.wp-caption-text {
	font-size: 11px;
	float: right;
}

img.alignright, .alignright {
	margin-left:30px!important;
	border-radius: 5px;
}
img.alignleft, .alignleft {
	margin-right:30px!important;
	border-radius: 5px;
}
@media screen and (min-width:767px) {
	div#contact-container {margin-top:78px;}
}

@media screen and (max-width:767px) {
	div.container img.alignright, 
	div.container img.alignleft,
	div.container div.alignright,
	div.container div.alignleft {
		display:none;
	}
	.soc-container {
		display:inline-block!important;
		padding:10px;
	}
	header {
		padding:0!important;
	}
	.logo img {
		max-width:80%!important;
		max-height:auto;
	}
	.logo {
		text-align:center;
		margin-top:15px;
		margin-bottom:0!important;
	}
	footer .container {
		text-align:center;
		padding:0 10px;
	}
	.container p, .container h3, .container h2 {
		margin:10px;
	}
	header h1 {
		margin-top:0;
	}
	.gridster li {
		border-radius:0!important;
	}
}

.og-grid > li > a img, li.og-expanded {
	border-radius:5px 5px 0 0;
}

.og-grid li a > .figcap {
	border-radius: 5px;
}

.page-navi a {
	width:50px;
	height:50px;
}

.social-bar-black i, .social-bar2.black i {
    color: rgb(255, 255, 255);
}

ul.social-bar-black li a, .social-bar2.black li a {
	border: 2px solid rgb(255, 255, 255);
	opacity:0.6;
}

.gridster li {
	border-radius:4px;
}

a.home-page {
	background-image: url('/wp-content/uploads/2015/02/tinylogo1.svg');
	background-repeat: no-repeat;
	background-size: 95% auto;
}
.gridster li .title {
      font-weight: 300;
}