/*
Theme Name: Inklings Theme
Theme URI: http://inklings-studies.org
Author: Jeremy Paavola
Author URI: https://dyaxium.com
Description: Theme for the Journal of Inklings Studies
Version: 0.0.1
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: inklings
Tags:
*/

/*--------------------------------------------------------------
>>> T A B L E   O F   C O N T E N T S:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Header Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Home 
	10.2 Posts and pages
	10.3 Asides
	10.4 Comments
	10.5 Footer
	10.6 Shortcodes Ultimate
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
13.0 Social Media
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: 'adobe-jenson-pro', 'garamond-premier-pro', georgia, serif;
	font-size: 100%;
	font-weight: 300;
	text-align: justify;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'soleil', georgia, serif;
	font-weight: 100;
}

h1 {
	font-size: 2em;
}

	h1.site-title {
		font-family: 'garamond-premier-pro', georgia, serif;
		font-size: 2.5em;
		line-height: 1;
	}

	.page h1.entry-title {
		bottom: 240px;
		color: #fff;
		font-size: 3.75em;
		position: relative;
		text-transform: uppercase;
		;
	}

	@media all and ( max-width: 400px ) {

		.page h1.entry-title {
			bottom: 90px;
			font-size: 1.5em;
		}
	}

	.post h1.entry-title {
		font-family: 'adobe-jenson-pro';
		font-size: 2em;
	}

	@media all and ( max-width: 767px ) {

		h1.site-title {
			text-align: center;
		}
	}

h2 {
	font-size: 1.5em;
	margin: 0 0 20px;
}

	h2.site-description,
	h2.collaborators {
		font-family: 'soleil';
		font-size: 1.125em;
		font-weight: 100;
		letter-spacing: 0.125em;
		line-height: 1;
		margin: 0 0 30px;
		text-align: center;
		text-transform: uppercase;
	}

	#collab h2.site-description {
		color: #fff;
	}

	h2.collaborators {
		color: #fff;
		font-size: 1em;
		line-height: 1.5;
	}

h3 {
	font-size: 24px;
	font-size: 2.4rem;
}

	h3.journal {
		font-size: .75em;
		margin: -25px 0 30px;
		text-align: center;
	}

h4 {
	font-size: 22px;
	font-size: 2.2rem;
}

h5 {
	font-size: 18px;
	font-size: 1.8rem;
}

h6 {
	font-size: 16px;
	font-size: 1.6rem;
}

p {
	margin-bottom: 1.5em;
}

b,
strong {
	font-weight: bold;
}

#current-issue strong {
	font-size: 1em;
	font-variant: small-caps;
	letter-spacing: .12rem;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 1.5rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

.small {
	font-size: .75em;
}

.big {
	font-size: 1.3125em;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

.widget ul {
	list-style: none;
	margin: 0;
}

.social-icons ul {
	margin: 0;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: bold;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

/*--------------------------------------------------------------
5.0 Header and Navigation
--------------------------------------------------------------*/

.cookie-notice-container {
	font-size: 14px;
	font-size: 1.4rem;
}

#cookie-notice .button.wp-default {
	background: #fff;
	border-radius: 0;
	border: none;
	color: #404040;
	font-family: 'soleil';
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 100;
	padding: 5px 10px;
}

.site-header {
	background: #fff;
	padding: 20px 0;
}

.small-12 .columns {
	float: none;
}

/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: royalblue;
	text-decoration: none;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

h1.site-title a {
	color: #404040;
	border: none;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

.main-navigation .ubermenu {
	margin-top: 23px;
}

.ubermenu-nav {
	float: right;
}

@media screen and (max-width: 650px) {
	.ubermenu-nav {
		float: none;
	}
}


.ubermenu a.ubermenu-target {
	padding: 15px 10px;
}

.ubermenu .ubermenu-target-text {
    font-family: 'soleil';
    text-transform: uppercase;
}

.ubermenu .ubermenu-item .ubermenu-submenu-drop {
	background: #3d4349;
	/*padding: 10px 0;*/
}

.ubermenu-submenu a.ubermenu-target {
	padding: 10px 20px;
}

.main-navigation {
	clear: both;
	display: block;
	float: left;
	line-height: 1;
	margin: 0;
	text-align: right;
	width: 100%;
}

.main-navigation ul li ul {
	background: #000;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	display: inline-block;
	position: relative;
}

.main-navigation a {
	color: #404040;
	font-family: 'soleil';
	font-size: .875em;
	font-weight: 100;
	letter-spacing: 0.125rem;
	margin: 0 0 0 15px;
	text-decoration: none;
	text-transform: uppercase;
}

@media screen and (max-width: 650px) {

	.main-navigation a {
		margin: 20px 0 0;
		text-align: center;
	}
}


.main-navigation ul ul {
	background: #3d4349;
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	text-align: left;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	color: #fff;
	font-size: .75em;
	padding: 5px 0;
	text-transform: none;
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a {
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Small menu */
.menu-toggle,
.ubermenu-responsive-toggle {
	display: none;
}

@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu,
	.ubermenu-responsive-toggle {
		display: block;
	}

}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	background: #eee;
	margin: 0 0 1.5em;
	padding: 20px;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
10.1 Home
--------------------------------------------------------------*/

#hero {	
	background: #f7f7f7;
	background: url('../../uploads/2015/01/Rivendell.jpg') no-repeat center;
	background-size: cover;
	border-bottom: 1px solid rgba(0,0,0,0.03);
	border-top: 1px solid rgba(0,0,0,0.03);
	font-size: 1.125em;
	padding: 80px 0;
    	text-align: center;
}

#hero p {
	background: rgba(205, 205, 193, .9);
	margin-bottom: 0;
	margin: 0 0 0;
	padding: 20px;
}

#hero img {
	height: auto;
	max-width: 60px;
}

#collab {
	background: #3d4349;
	display: block;
	padding: 60px 0;
	text-align: center;
}

#collab a {
	color: #fff;
}

a.subscribe,
a.archive {
	border: 1px solid #ddd;
	border-radius: 80px;
	color: #404040;
	display: inline-block;
	font-family: 'soleil';
	font-size: .75em;
	font-weight: 100;
	letter-spacing: 0.125rem;
	padding: 10px 40px;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
}

a.subscribe:hover {
	background: #fff;
}

a.archive {
	margin: 20px 0 80px;
}

a.archive:hover {
	background: #f7f7f7;
}

#current-issue {
	font-size: 1.125em;
	overflow: hidden;
	padding: 80px 0 0;
}

#current-issue .left,
#current-issue .right {
	float: none;
	width: 45%;
}

#current-issue ul,
#current-issue li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#current-issue ul {
	margin: 20px 0;
}

#current-issue li {
	margin: 0 0 10px;
	padding: 20px;
}

.center {
	display: block;
	text-align: center;
}

/*--------------------------------------------------------------
10.2 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

	.blog .hentry {
		margin: 2em 0 4em;
	}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	font-size: 1.125em;
	margin: 1.5em 0 0;
}

.entry-meta {
	border-top: 1px solid #eee;
	clear: both;
	font-family: 'soleil';
	font-size: .75em;
	margin: 40px 0 0;
	padding: 20px 0 0;
}

	.blog .entry-meta {
		margin: 0;
	}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.page .entry-header {
	display: block;
	height: 20px;
	position: relative;
	text-align: center;
	width: 100%;
}

.page-featured {
	display: block;
	margin: 0px;
	position: relative;
}

.page-featured img {
	display: block;
	height: auto;
	margin: 0 auto;
	width: 100%;
}

/*--------------------------------------------------------------
10.3 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.4 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
10.5 Footer
--------------------------------------------------------------*/

.site-footer {
	background: #2b2e33;
	color: rgba(255,255,255,0.75);
	font-size: 1.125em;
	margin: 0 auto;
	padding: 60px 0 40px;
	text-align: center;
}

	.home .site-footer {
		margin: 0 auto;
	}

.cookies {
	font-size: 1em;
	margin: 10px auto 0;
	max-width: 80%;
}

/*--------------------------------------------------------------
10.6 Shortcodes Ultimate
--------------------------------------------------------------*/

#content [class*="su-column"] + [class*="su-column"]:last-child {
	float: left;
}

#content .su-spoiler-title {
	font-family: 'garamond-premier-pro';
	font-size: 1em;
	font-weight: 100;
	padding-left: 0;
}

#content .su-spoiler-content {
	border-top: 2px solid #ddd;
	font-family: 'Soleil';
	font-size: .875em;
	margin: 1em 0 1em 2px;
	padding: 1px 0 0;
	text-align: justify;
}



/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
13.0 Social Media
--------------------------------------------------------------*/

.social-icons {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.social-icons li {
	display: inline-block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.social-icons li a {
	border-radius: 16px;
	background: #f4f4f4;
	background: rgba(255,255,255,0.75);
	display: block;
	height: 32px;
	line-height: 34px;
	min-width: 32px;
	margin: 0 0 4px;
	padding: 0px;
	text-align: center;
	text-decoration: none;
	transition: all .25s;
	-webkit-transition: all .25s; /* Safari 6 */
}
.social-icons li:last-child a {
	margin-right: 0px;
}
#page .social-icons li a {
	color: #999999;
	color: rgba(0, 0, 0, .4);
}
.social-icons li a:hover {
	background: #de6540;
}
#page .social-icons li a:hover {
	color: #ffffff;
}
.social-icons li a::before {
	font-family: 'FontAwesome';
	font-size: 16px;
	font-weight: normal;
	content: '\f0c1';
}
.social-icons li a span {
	display: none;
}

/* Behance */
.social-icons .behance a:hover {
	background: #1769ff;
}
.social-icons .behance a::before { 
	content: '\f1b4'; 
}

/* Deviantart */
.social-icons .deviantart a:hover {
	background: #4e6252;
}
.social-icons .deviantart a::before { 
	content: '\f1bd'; 
}

/* Dribbble */
.social-icons .dribbble a:hover {
	background: #444444;
}
.social-icons .dribbble a::before { 
	content: '\f17d'; 
}

/* Facebook */	
.social-icons .facebook a:hover {
	background: #3b5998;
}
.social-icons .facebook a::before { 
	content: '\f09a'; 
}

/* Feed */
.social-icons .feed a:hover {
	background: #FF6600;
}
.social-icons .feed a::before { 
	content: '\f09e'; 
}

/* Flickr */
.social-icons .flickr a:hover {
	background: #0063dc;
}
.social-icons .flickr a::before { 
	content: '\f16e'; 
}

/* FourSquare */
.social-icons .foursquare a:hover {
	background: #f94877;
}	
.social-icons .foursquare a::before { 
	content: '\f180'; 
}

/* Github */
.social-icons .github a:hover {
	background: #000;
}
.social-icons .github a::before { 
	content: '\f113'; 
}

/* Google Plus */
.social-icons .google a:hover {
	background: #dd4b39;
}
.social-icons .google a::before { 
	content: '\f0d5'; 
}

/* Instagram */
.social-icons .instagram a:hover {
	background: #3f729b;
}
.social-icons .instagram a::before { 
	content: '\f16d'; 
}

/* LinkedIn */
.social-icons .linkedin a:hover {
	background: #0976b4;
}
.social-icons .linkedin a::before { 
	content: '\f0e1'; 
}

/* Email */
.social-icons .mailto a::before { 
	content: '\f0e0'; 
}

/* Pinterest */
.social-icons .pinterest a:hover {
	background: #cc2127;
}
.social-icons .pinterest a::before { 
	content: '\f0d2'; 
}

/* Skype */
.social-icons .skype a:hover {
	background: #00aff0;
}
.social-icons .skype a::before { 
	content: '\f17e'; 
}

/* Soundcloud */
.social-icons .soundcloud a:hover {
	background: #f80;
}
.social-icons .soundcloud a::before { 
	content: '\f1be'; 
}

/* Stackexchange */
.social-icons .stackexchange a:hover {
	background: #205296;
}
.social-icons .stackexchange a::before { 
	content: '\f18d'; 
}	

/* Tumblr */
.social-icons .tumblr a:hover {
	background: #35465c;
}
.social-icons .tumblr a::before { 
	content: '\f173'; 
}

/* Twitch */
.social-icons .twitch a:hover {
	background: #6441a5;
}
.social-icons .twitch a::before { 
	content: '\f1e8'; 
}

/* Twitter */
.social-icons .twitter a:hover {
	background: #55acee;
}
.social-icons .twitter a::before { 
	content: '\f099'; 
}

/* Weibo */
.social-icons .weibo a:hover {
	background: #d52b2a;
}
.social-icons .weibo a::before { 
	content: '\f18a'; 
}

/* WordPress */
.social-icons .wordpress a:hover {
	background: #1e8cbe;
}
.social-icons .wordpress a::before { 
	content: '\f19a'; 
}

/* YouTube */
.social-icons .youtube a:hover {
	background: #e52d27;
}
.social-icons .youtube a::before { 
	content: '\f16a'; 
}

/* Vine */
.social-icons .vine a:hover {
	background: #00b488;
}	
.social-icons .vine a::before { 
	content: '\f1ca'; 
}

/* VKontakte */
.social-icons .vk a:hover {
	background: #45668e;
}
.social-icons .vk a::before { 
	content: '\f189'; 
}