/******* Do not edit this file *******/
/*
My Custom CSS - by Salvatore Noschese
aka L'AltroWeb - https://laltroweb.it/
/*
Saved: Aug 29 2018 | 07:45:47 (pm)
/*
/******* Do not edit this file *******/

#activity-widget #the-comment-list .avatar {
  width: 57px;
}
.bio-inner {
  color: black !important;
}
.anything img {
  width: 100%;
}
.resourcez p {
  margin-top: -8px !important;
}
.aligncenter {
  display: block;
  margin: 0 auto;
}
/********************* media kit *******************/

.alignleft.wp-image-8507 {
  margin-right: 15px;
  width: 531px;
}
@media only screen and (min-width:541px) and (max-width: 1157px) {
.resourcez img {
  margin-right: 15px;
  width: 47%;
}
  .alignleft.wp-image-8507 {
  
  width:47%;
}
}
#slider-a,#secondSwiper {
  clear: both;
}
#firstSwiper {
  margin-bottom: 30px;
}
#slider-a > div:nth-child(2) {
  margin-bottom: 30px;
}


/********************* Android & IOS *******************/

#slider-a > div:nth-child(5) {
  margin-right: 12px !important;
width: 62% !important;
}
#slider-a > div:nth-child(5) .swiper-thumb {
  margin-right: 21px !important;
width: 141px !important;
}
#slider-a > div:nth-child(5) .swiper-thumb:nth-child(4), #slider-a > div:nth-child(5) .swiper-thumb:nth-child(8) {
  margin-right: 0 !important;
}
#slider-a > div:nth-child(5) .swiper-thumb img {
  height: 250px !important;
}
#secondSwiper {
  width: 350px !important;
}
@media only screen and (max-width:580px){
#secondSwiper {
  width: 100% !important;
}
  
 #slider-a span{
  background-color: #fff!important;
  
  font-size: 12px!important;
  
  padding: 7px!important;
}
}

@media only screen and (min-width:800px) and (max-width: 1080px) {
  #slider-a > div:nth-child(5) {
  margin-right: 0 !important;
  width: 220px !important;
}
  .swiper-thumb {
  background: none !important;
}
  #slider-a > div:nth-child(5) .swiper-thumb {
  margin-right: 0 !important;
  width: 90px !important;
}
  #slider-a > div:nth-child(5) .swiper-thumb img {
  height: 115px !important;
}
}

@media only screen and (min-width:1081px) and (max-width: 1155px) {
#slider-a > div:nth-child(5) {
  margin-right: 12px !important;
  width: 58% !important;
     padding: 0 !important;
}
#slider-a > div:nth-child(5) .swiper-thumb {
  margin-right: 10px !important;
  width: 130px !important;
    
}
  
}

/********************* Desktop & Toggl Button *******************/

#slider-a > div:last-child img {
  margin-bottom: 6px;
}

#slider-a > div:last-child div:nth-child(6) img {
  margin-bottom: 16px;
}
#thirdSwiper .swiper-slide > img {
  height: 415px;
  height: auto;
}
#slider-a > div:last-child img {
  /*height: 95px;*/
width: 100% !important;
}

#slider-a > div:last-child .swiper-thumb {
  margin-bottom: 12px;
  margin-right: 4%;
  width: 146px;
}
#slider-a > div:last-child {
  margin-right: 9px;
  padding: 0 18px;
  width: calc(37% - 46px);
}
@media only screen and (min-width:780px){
        
#slider-a > div:nth-child(2) {
  margin-right: 0 !important;
  width: calc(38% - 46px)!important;
}
  #slider-a > div:nth-child(2) .swiper-thumb {
  margin-bottom: 13.8px !important;
  margin-right: 4% !important;
  width: 46% !important;
}
  
}


@media only screen and (min-width:800px) and (max-width: 1080px) {
#slider-a > div:last-child {
  /*width: 215px;*/
}
  #slider-a > div:last-child .swiper-thumb {
  width: 45%;
}
  
}

@media only screen and (min-width:1081px) and (max-width: 1155px) {
#slider-a > div:last-child {
 /* width: 308px;*/
}
#slider-a > div:last-child .swiper-thumb {
  width: 45%;
}
}
@media only screen and (max-width:800px){
  #thirdSwiper .swiper-slide > img {
  height: auto;
}
}


/***************************************** Author Bio ************************************/

@media only screen and (min-width:200px) and (max-width: 380px) {

.author .bio .bio-inner {
  font-size: 11px !important;
  line-height: 12px!important;
  padding-left: 16px!important;
  padding-right: 16px!important;
  text-align: justify!important;
    vertical-align: middle !important;
    padding-top: 12px!important;
    padding-bottom: 12px!important;
}
  .bio-inner > h2 {
  font-size: 13px;
  margin: 0;
}
  
  .author .bio {
  height: auto !important;
}
/*  .author .bio::before {
  top: 102px !important;
}*/
  .list-post.author {
  max-height: 265px;
}
}

@media only screen and (min-width:381px) and (max-width: 479px) {
.author .bio .bio-inner {
   font-size: 12px!important;
    line-height: 17px!important;
    vertical-align: middle !important;
    padding-top: 12px!important;
     padding-bottom: 12px!important;
}
  .bio-inner > h2 {
  font-size: 13px!important;
  margin: 2px 0!important;
}
 
  .author .bio {
  height: auto !important;
}
 /* .author .bio::before {
  top: 102px !important;
}*/
  .list-post.author {
  max-height: 265px;
}

}

@media only screen and (min-width:480px) and (max-width: 540px){
.author .bio .bio-inner {
   font-size: 13px!important;
line-height: 22px!important;
    vertical-align: middle !important;
    padding-top: 12px!important;
    padding-bottom: 12px!important;
}
  .bio-inner > h2 {
  font-size: 17px!important;
margin: 12px 0!important;
}

  .author .bio {
  height: auto !important;
}
  .author .bio::before {
  top: 102px !important;
}
  .list-post.author {
  max-height: 265px;
}
  
      
}

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

.list-post.author {
  max-height: 242px;
}
  
      
}


/****************** social floating ********************/

.cresta-share-icon.second_style i, .cresta-share-icon .sbutton.crestaShadow a i::after {
  background: none repeat scroll 0 0 #f8f8f8!important;
    z-index: -1!important;
  
}
.cresta-share-icon i.c-icon-cresta-facebook, .cresta-share-icon i.c-icon-cresta-twitter, .cresta-share-icon i.c-icon-cresta-gplus,
.cresta-share-icon i.c-icon-cresta-linkedin, .cresta-share-icon i.c-icon-cresta-pinterest, .cresta-share-icon i.c-icon-cresta-print {
  
  border: medium none !important;
  color: #3b5998;
  background: none repeat scroll 0 0 #f8f8f8!important;
}
.cresta-share-icon i.c-icon-cresta-facebook:hover, .cresta-share-icon i.c-icon-cresta-twitter:hover,
.cresta-share-icon i.c-icon-cresta-gplus:hover, .cresta-share-icon i.c-icon-cresta-linkedin:hover,
.cresta-share-icon i.c-icon-cresta-pinterest:hover, .cresta-share-icon i.c-icon-cresta-print:hover {
  
border: medium none !important;
background: none repeat scroll 0 0 #f8f8f8!important;
  }

.cresta-share-icon.second_style .cresta-the-count {
  font-size: 9px !important;
font-weight: normal !important;
height: 20px !important;
left: 24px !important;
line-height: 0.9 !important;
top: 24px !important;
width: 20px !important;
}
.cresta-share-icon a {
  display: block !important;
}
.cresta-share-icon i.c-icon-cresta-gplus {
  color: #d34836 !important;
}
.cresta-share-icon i.c-icon-cresta-twitter, .cresta-share-icon i.c-icon-cresta-linkedin {
  color: #4099ff !important;
}

#crestashareicon div:nth-child(2), #crestashareicon div:nth-child(4) {
  top: -57px !important;
}
#crestashareicon div:nth-child(1), #crestashareicon div:nth-child(3) {
  bottom: -57px !important;
}

/*
@media only screen and (min-width: 1680px){
#crestashareicon {
  left: 260px !important;
}
}

@media only screen and (min-width: 1480px){
#crestashareicon {
  left: 180px !important;
}
}
@media only screen and (min-width: 768px)and (max-width: 1280px){
#crestashareicon {
  left:0 !important;
  
}
}

@media only screen and (min-width: 768px){

#crestashareicon {
  position: fixed !important;
    top: 410px !important;
}
}

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

#crestashareicon {
  position: absolute !important;
    left: -9px;
}
}
*/

/***************************  comments  *************************/

.comment-notes > span, .comment-form-url {
  display: none;
}

.comment-form-author > label {
  clear: both !important;
  display: block;
}




.comment .edit-link, .comment .reply {
  display: none !important;
}

#comments ol {
  list-style: outside none none !important;
}
.comment .avatar, .grav-hashed.grav-hijack, .form-allowed-tags, .comment-form-comment > label, .comment-author span {
  display: none;
}
time {
  color: #9889a6;
  font-size: 12px;
  font-weight: 400;
}
.comment-meta .url, .comment b {
  color: #494949!important;
  font-size: 14px!important;
  font-style: normal!important;
}
#comment-author-admin, .bypostauthor, .byadmin {background-color: #f8f8f8!important;
margin-bottom: 10px!important;
padding: 10px 20px!important;}
#respond {
  background: #fff none repeat scroll 0 0 !important;
  margin: 0!important;
}
.comment-reply-title {
  margin-top: 0 !important;
}
#comments ol {
  margin-bottom: 0 !important;
}
.comment-form {
  margin: 0 auto !important;
  width: 66% !important;
}

.commentlist .children {
  padding-left: 0 !important;
}

.byadmin .comment-meta .fn::before,
.bypostauthor .comment-meta .fn::before {
  content: url("https://blog.toggl.com/wp-content/uploads/2015/06/favicon-16x16.png") !important;
  margin-left: -20px !important;
  margin-top: 6px !important;
  padding-right: 5px;
  position: absolute;
}

#comments h2 {
  margin-top: 0 !important;
}
.comment-respond {
  padding-bottom: 30px;
}



.comment {
  border-bottom: none;
}
.comment-content {
  border-bottom: 1px solid #f2f2f2;
}
.byadmin header, .bypostauthor header {
  margin-left: 18px;
}
.byadmin .comment-content, .bypostauthor .comment-content {
  border-bottom: medium none;
}
  .commentlist article {
  padding-top: 12px;
}



.sharez, #crestashareiconincontent{display:none}

@media only screen and (max-width: 482px){
  
  #crestashareicon {
  display: none !important;
}

#crestashareiconincontent {
  position: relative !important;
  z-index: 2147483647 !important;
    display: block;
}

.sharez{
color: #f30c16;
display: block;
float: left;
font-family: "DIN Next",sans-serif;
font-size: 24px;
font-weight: 500 !important;
line-height: 60px;
padding: 0 16px;
text-transform: uppercase;
}

#crestashareiconincontent div:nth-child(2), #crestashareiconincontent div:nth-child(4) {
  left: -50px;
}
  
#crestashareiconincontent div:nth-child(1), #crestashareiconincontent div:nth-child(3) {
  left: 50px;
}
}



/***************************  related posts  *************************/





@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3){
.comments-inner {
  width: 100% !important;
}
}


.comments-area {
  width: 100% !important;
}


/****************** blog search ********************/
.blog-search.cf {
    padding: 0 0 20px;
    display: flex;
    justify-content: space-between;
}

.blog-search .searchfield {
    margin-top: 20px;
    max-width: 282px;
}

.blog-search .buttons {
    margin-top: 10px;
}

.blog-search .btn {
    margin-top: 10px;
}

@media screen and (max-width: 800px) {
    .blog-search.cf {
        padding: 0 0 20px
    }
}