/*
Theme Name: SEO Mag
Theme URI: https://www.wprank.net
Description: The ultimate theme to optimize performance, SEO and UX for WordPress and WooCommerce. Nothing has been neglected in order to offer Google a perfect and high-performance site structure!
Version: 999.1.1.27
Author: CreaNico / WP Rank
Author URI: https://www.creanico.fr
Text Domain: seomag
Domain Path: /langs
*/

#header .site-navigation .inner .brand a img,
#header .site-navigation .inner .brand span img {
  max-width: 270px;
}

body.category main.loop .loop-header,
body.tag main.loop .loop-header {
  padding: 10px 0;
}


body.category main.loop .loop-header .header,
body.tag main.loop .loop-header .header {
  align-items: flex-start;
}

main.entry.page .entry-header.no-bc,
main.entry.single .entry-header.no-bc {
  margin-top: 20px;
}

main.entry.page .entry-layout,
main.entry.single .entry-layout {
  margin-top: 20px;
}

.details .title h2 {
  font-size: 22px;
}

.no-padding {
  padding: 0 !important;
}

.entry-layout .metas {
    margin-top: 30px;
    font-size: 22px;
}

.entry-header .title {
  margin-top: 10px;
}

/* Responsive Page Titles | h1 & h2 */
body h1 {
  font-size: clamp(25px,4.9vw,37px);
}
body h2 {
  font-size: clamp(22px,4.8vw,27px);
}

@media screen and (max-width:800px) {
  header .site-navigation .menu {
    pointer-events: all !important;
    top: 50px;
    height: calc(100vh - 50px);
  }

  body.light #header .site-navigation .inner .menu nav ul:not(.sub-menu)>li.menu-item-has-children>ul.sub-menu {
    width: 100%;
    opacity: 1;
    overflow: hidden;
    pointer-events: all;
    background-color: white;
    left: 0;
    position: relative;
    height: 0;
    padding: 0;
  }

  #header .site-navigation .inner .menu nav>ul>li.menu-item-has-children>a::after {
    top: 50%;
    bottom: unset;
    margin: 0;
    padding: 0px;
    width: 9px;
    height: 9px;
    transform: rotate(315deg) translateY(-50%);
    transition: 0.2s;
  }
  #header .site-navigation .inner .menu nav>ul>li.menu-item-has-children.mobile-menu-toggle>a::after {
    transform: rotate(45deg) translateY(-76%);
    transition: 0.2s;
  }
}

.author_block{
  margin-top: 10px;
  border:1px solid lightgray;
  padding: 10px 10px;
}
.author_name_avatar{
  margin: 0 5px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.author_name{
  font-size: 20px;
}
.author_name a{
  text-decoration: none;
}
.author_name_avatar img{
  width: 50px;
  height: 50px;
  border-radius: 50% ;
  object-fit: cover;
}
.author_description{
  padding: 10px;
}

.author_social_links{
  display: flex;
  gap: 5px;
  list-style: none;
  margin: 0;
}

.author_social_links li:hover{
  cursor: pointer;
}

.social-author-page{
  background: #a38113;
  padding: 7px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  display: grid;
  place-content: center;
  text-decoration:none !important;
}

.social-author-page i{
  color:#fff;
}
.header-social-links{
  display: flex;
  gap: 15px;
  margin-top: 10px;
}
.header-bio{
  background: #a38113;
  padding: 10px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  place-content: center;
  display: grid;
  text-decoration: none;
}
.header-bio i{
  color: #FFFFFF;
  font-size: 20px;
}
.articles-count{
  margin-top: 10px;
  margin-bottom: 10px;
}

body.light.author main.loop .loop-description .header img {
  border-radius: 50%;
  margin-top: 10%;
  width: 150px;
  height: 150px;
  border: solid 2px gold;
  object-fit: cover;
}