/*
Theme Name:		 qChild
Description:	 Child theme of Quadsimia qCore CSS
Author:			 Rob Perry, Creative Director / Senior Web Developer, Quadsimia
Author URI:		 http://www.quadsimia.com/
Version:		    1.0.0
-------------------------------------------------------------- */

/* Nav Menu - side social menu -------------------------------- */
.socialbar.social-header{
  position: fixed;
  display: block;
  top: 280px;
  right: 10px;
  margin: 0;
  padding: 0.35em 0;
  width: 50px;
  background: #fff;
  border-radius: 2em;
  -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
  z-index: 9999;}
.socialbar.social-header ul{
  margin:0;
  padding:0;}
.socialbar.social-header ul li{
  display:block;
  margin:0;
  padding:0;
  width:100%;
  text-align:center;}
.socialbar.social-header ul li a{
  margin:0.1em auto;
  padding:0.25em 0 0 0;
  width:40px;
  height:40px;
  font-size:1.65em !important;
  font-weight:normal;
  color:#fff;
  text-align:center;
  vertical-align:middle;
  background:#808184;
  background:var(--atl-clr-social);
  border-radius:2em !important;
  /*border:2px solid #808184;
  border:2px solid var(--atl-clr-social);*/
  border:0;
  transition:all 0.4s ease;}
.socialbar.social-header ul li a:hover{
  color:#fff;
  background:#0085CA;
  /*border-color:#0085CA;*/
  background: color-mix(in srgb, var(--atl-clr-social), white 35%);
  filter:brightness(135%);}

@media screen and (max-width: 990px){
  .socialbar.social-header{
    display: none;}
}