@charset "utf-8";
/* CSS Document */

/* ---------- ENTYPO ---------- */
/* ---------- http://weloveiconfonts.com/ ---------- */

@import url(http://weloveiconfonts.com/api/?family=entypo);

[class*="entypo-"]:before {
    font-family: 'entypo', sans-serif;
}



/* ---------- Social Sidebar ---------- */

#social-sidebar {
    left: 0;
    margin-top: -75px; /* (li * a:width) / -2 */
    position: fixed;
    top: 45%;
    z-index: 999999999;
}

#social-sidebar li:first-child a { border-radius: 0 5px 0 0; }
#social-sidebar li:last-child a { border-radius: 0  0 5px 0 ; }
#social-sidebar li> a { margin-bottom:2px; }
#social-sidebar a {
        background-color:  rgb(139, 107, 67);
    color: #fff;
    display: block;
    height: 30px;
    font-size: 16px;
    line-height: 35px;
    position: relative;
    text-align: center;
    width: 30px;
    z-index: 999999999;
}

#social-sidebar a:hover span {
    left: 130%;
    opacity: 1;
    z-index: 999999999;
}

#social-sidebar a span {
    border-radius: 3px;
    line-height: 24px;
    left: -100%;
    margin-top: -16px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    padding: 4px 8px;
    position: absolute;
    -webkit-transition: opacity .3s, right .4s;
    -moz-transition: opacity .3s, right .4s;
    -ms-transition: opacity .3s, right .4s;
    -o-transition: opacity .3s, right .4s;
    transition: opacity .3s, right .4s;
    top: 50%;
  white-space: nowrap;
    z-index: 999999999;
}

#social-sidebar a span:before {
    content: "";
    display: block;
    height: 5px;
    right: -4px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 5px;
    z-index: 999999999;
}

#social-sidebar a[class*="flickr"]:hover,
#social-sidebar a[class*="flickr"] span,
#social-sidebar a[class*="flickr"] span:before { background: #00aced; }

#social-sidebar a[class*="vimeo"]:hover,
#social-sidebar a[class*="vimeo"] span,
#social-sidebar a[class*="vimeo"] span:before { background: #d34836; }

#social-sidebar a[class*="facebook"]:hover,
#social-sidebar a[class*="facebook"] span,
#social-sidebar a[class*="facebook"] span:before { background: #3b5998; }

#social-sidebar a[class*="linkedin"]:hover,
#social-sidebar a[class*="linkedin"] span,
#social-sidebar a[class*="linkedin"] span:before { background: #0077B5; }

#social-sidebar a[class*="mobile"]:hover,
#social-sidebar a[class*="mobile"] span,
#social-sidebar a[class*="mobile"] span:before { background: green; }
 .share_box{
    position:fixed;
    
    top:45%;
    right:0%;
    
 
 
        z-index:1000;

}

.share_box a:hover{
text-decoration:none;
}







html {
  font-family: "source sans pro";
  font-weight: 400;
  color: #fdfdfd;
}

h1, h2, h3 {
  font-family: lato;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1px;
}

a {
  text-decoration: none;
  color: #FFC74E;
  transition: color 200ms ease-in-out;
}
a:hover, a:focus {
  color: #C84EFF;
}

hr {
  border: #555 1px solid;
}

.post {
  font-size: 1.125rem;
}

.content {
 font-size: 16px;
 margin: 2%;
 padding-top:1%;
   /* margin: 0 auto;*/
  color: #fff;
}

.post-header-inner {
  display: flex;
  flex-flow: column nowrap;
 
  padding: 0.5rem 1.5rem;
  text-shadow: 0.5px 2px 2px rgba(1, 1, 1, 0.4);
}
.post-header-inner h1 {
  font-size: 2rem;
  color: #333;
}
.post-header-inner .post-date {
  color: #B28B36;
}
.post-header-inner .post-meta {
  width: 100%;
  margin-top: auto;
  color: #FFF;
  text-shadow: 1px 1.5px 4px rgba(1, 1, 1, 0.8);
}
.post-header-inner .author-name {
  font-size: 1.3rem;
  font-weight: 400;
}

.post-content {
 background-color: rgba(139, 107, 67,.7);
    padding: -1rem 1.5rem;
}

.note {
  color: #D3D3D3;
  border: 3px solid red;
  padding: 0.625rem;
}
.note span {
  font-weight: bold;
  color: red;
}

footer {

}
.actmg
{
  width:260px;
   height:189px;
  margin-right: 10px;

}
@media (min-width:320px) and (max-width:340px)
{
  .actmg
{
  margin-right: 11px;

}
}

@media (min-width:341px) and (max-width:380px)
{
  .actmg
{
  margin-right: 55px;

}

.actmg
{
width: 214px;

height: 189px;

margin-right: 10px;
}
.actvtyimg
{    margin: 5px 5px 50px;
    border: 4px solid #000000;
    padding-bottom: 25px;
  }

  @media (min-width: 320px) and (max-width:2100px)
                {

.content {
    font-size: 16px;
    margin: 12px auto;
    color: #fff;
                }