/*
Theme Name:     Foxiz child
Template:      	foxiz
Theme URI:      https://foxiz.themeruby.com
Author:         Theme-Ruby
Author URI:     https://themeforest.net/user/theme-ruby/portfolio/
Description:    Make your modifications to Foxiz in this child theme.
Version:        1.0
Tags:           custom-background, custom-menu, featured-images, theme-options, custom-colors, translation-ready, threaded-comments, translation-ready
License:        Themeforest Licence
License URI:    https://themeforest.net/licenses/standard
*/

/* Your CSS code goes here
-------------------------------------- */

/*author and editor by label CSS*/
span.author-label{
	flex-direction: column;
    align-items: baseline;
}

.author-job{
	font-size: 12px;
    color: #64666a;
    font-weight: 400;
}

.author-editor-label {
    display: flex;
    flex-wrap: nowrap; 
    align-items: center;
    justify-content: space-between; 
    gap: 10em; 
}

.smeta-in {
    display: flex;
    align-items: center;
    gap: 8px; 
}

.meta-el.meta-avatar img {
    width: 60px; 
    height: 60px;
    border-radius: 50%;
}

.author-label {
    font-size: 14px; 
    white-space: nowrap;
}

/*For screens below 650px - Reduce sizes dynamically */
@media (max-width: 650px) {
     .menu-item-1217936 {
      width: 95px;
      
    }
    .menu-item-1217936 a {
      padding: 5px 0px 19px 8px !important; 
    }
    .author-editor-label {
        gap: 8em; 
    }

    .smeta-in {
        gap: 5px; 
    }

    .meta-el.meta-avatar img {
        width: 40px; 
        height: 40px;
    }

    .author-label {
        font-size: 12px; 
    }
	
	.author-job{
		font-size: 10px;
	}
}
@media (min-width: 705px){
   .menu-item-1217936 {
     width: 95px;
   }
}
@media (max-width: 705px) {
  .menu-item-1217936 {
      width: 95px;
    }
     .menu-item-1217936 a {
      padding: 5px 0px 19px 8px !important;
    }
}
/*For screens below 528px - Further reduce sizes */
@media (max-width: 528px) {
    .menu-item-1217936 {
      width: 95px;
      
    }
    .menu-item-1217936 a {
      padding: 5px 0px 19px 8px !important; 
    }
    .author-editor-label {
        gap: 6em;
    }

    .meta-el.meta-avatar img {
        width: 30px; 
        height: 30px;
    }

    .author-label {
        font-size: 10px;
    }
	
	.author-job{
		font-size: 9px;
	}
}

/*For screens below 400px - Further reduce sizes */
@media (max-width: 400px) {
    .menu-item-1217936 {
      width: 95px;
      
    }
    .menu-item-1217936 a {
      padding: 5px 0px 19px 8px !important; 
    }
    .author-editor-label {
        gap: 4em;
    }

    .meta-el.meta-avatar img {
        width: 25px; 
        height: 25px;
    }

    .author-label {
        font-size: 8px; 
    }
	
	.author-job{
		font-size: 7px;
	}
}

.menu-item-1217936 {
    background-color: #ef1615;
    border-radius: 5px;
    height: 39px;
    margin-top: 12px;
   /* clip-path: polygon(12% 40%, 100% 40%, 88% 100%, 0 100%);*/
}



 .menu-item-1217936 a {
    color: #fff !important;
   padding-bottom: 22px;
}