/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

.avia_hidden_link_text{display: none;}

.social_bookmarks {margin-bottom: 0;}
.social_bookmarks li{
height:100%;
float:left;
padding:0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: 	all 0.2s ease-in-out;
transition: 		all 0.2s ease-in-out;
border-right-style: solid;
border-right-width: 1px;
display: block;
width:30px;
}

.social_bookmarks li a{
float:left;
width:30px;
line-height:30px;
display: block;
margin:0px;
outline: none;
padding:0;
min-height:30px;
height:100%;
overflow: visible;
z-index: 2;
position: relative;
text-align: center;
}
.av-social-link-rss:hover	   	 a{color:#fff; background-color:#ffa133; }
.av-social-link-facebook:hover  a{color:#fff; background-color:#37589b; }
.av-social-link-twitter:hover   a{color:#fff; background-color:#46d4fe; }
.av-social-link-mail:hover      a{color:#fff; background-color:#9fae37; }
.av-social-link-flickr:hover    a{color:#fff; background-color:#ff0086; }
.av-social-link-vimeo:hover     a{color:#fff; background-color:#31baff; }
.av-social-link-youtube:hover   a{color:#fff; background-color:#a72b1d; }
.av-social-link-pinterest:hover a{color:#fff; background-color:#cb2027; }
.av-social-link-instagram:hover a{color:#fff; background-color:#a67658; }

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}