/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/*
Header
*/

.site-logo.mobile-header-logo {
    margin-bottom: -60px;
}
.site-logo.mobile-header-logo a {
    z-index: 999;
}
.main-navigation, .menu-toggle {
    /* margin-right: 80px; */
}
.mega-toggle-block.mega-menu-toggle-animated-block {
    margin-left: 60px !important;
}
.mega-menu-wrap {
    width:100% !important;
    margin-top: -60px;
}
.mega-menu-link:hover {
text-decoration: underline !important;
color:#00b4d8 !important;
}
.mobile-header-logo .menu-toggle {
    display: none !important;
}
/* 
Article
*/
.entry-content li {
    margin-bottom: 15px;
}
.entry-content h2, .entry-content h3 {
    margin-top:40px;
}
.entry-content .names {
    margin-left:20px;
}
.entry-content .names li, .liked-names-list li {
    background: url(../../uploads/2023/04/heart-bg-blue.png) no-repeat 0 5px;
    background-size: 21px 400px;
    list-style-type: none;
    padding-left: 35px;
}
.entry-content .names li:hover {
    background-position: 0 -187px;
    cursor: pointer;
    text-decoration: underline;
}
.entry-content .names li.liked {
    background-position: 0 -377px;
}
.entry-content .names li.liked strong {
    color: #00B4D8;
}
.rank-math-breadcrumb {
    color: #757575;
}
.rank-math-breadcrumb a{
    color: #757575;
    text-decoration: none;
}
.rank-math-breadcrumb a:hover {
    text-decoration: underline;
}

/* 
Generator
*/

#generator {
    padding: 5%;
    box-shadow: 0px 0px 20px 2px #eee;
    border-radius: 25px;
}
#generator .gender-toggle {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
#generator p {
    text-align: center;
    margin:0;
}
#generator .gender-toggle button {
  background: #eee;
  border: 1px solid #eee;
  font-size: 15px;
  color: #444;
  cursor: pointer;
  font-weight: 700;
  outline: none;
  padding: 8px 12px;
  text-decoration: none;
  width: 100px;
  transition: all .1s ease-in-out;
}

#generator .male-btn.active,
#generator .female-btn.active,
#generator .all-btn.active {
  background: #444;
  color: #fff;
}

#generator .male-btn:hover,
#generator .female-btn:hover,
#generator .all-btn:hover {
  background: #444;
  color: #fff;
}

#generator #generate-names {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 100%;
    background: #00B4D8;
    border: 1px solid #00B4D8;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-weight: 700;
    margin: 0 auto;
    margin-bottom: 20px;
    outline: none;
    padding: 14px;
    text-decoration: none;
    transition: all .1s ease-in-out;
}
#generator #name-list-container {
    border: 1px dashed #ccc;
    height: 77px;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 20px 20px 0;
    transition: all .3s;
}
#generator #name-list-container.expanded {
    height: auto;
}
#generator #name-list-container p {
    color: #757575;
    margin-bottom: 0;
    text-align: center;
}
#generator #name-list {
    margin-bottom: 0;
}
@media screen and (min-width: 960px) {
    #generator #name-list {
        column-count: 2;
    }
}

/* 
Likes
*/
.liked-names-list li:hover {
    cursor: pointer;
    text-decoration: underline;
}

.liked-names-list li {
    background-position: 0 -377px;
    color: #00B4D8;
}

#liked-names-count {
    position: fixed;
    top: 6px;
    right: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 10px;
    background: url(../../uploads/2023/04/heart-solo.png);
    background-repeat: no-repeat;
    background-size: 48px 46px;
    width: 48px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*
Rank math
*/

#rank-math-faq .rank-math-list-item {
    margin-bottom: 1em;
    margin-top: 1em;
    border-bottom: 1px solid #ddd;
}

.rank-math-question {
    cursor: pointer;
    position: relative;
    display: block;
    padding-right: 1em;
    margin-right: 1em;
    font-weight: 300;
    margin-top: 30px;
}

.rank-math-question:after {
    position: absolute;
    right: 5px;
    top: 0;
    content: "\2715";
    transform: rotate(-45deg);
    transition: all 150ms ease-in-out;
}

.rank-math-question.collapse:after {
    transform: rotate(0deg);
}

.rank-math-question:hover {
    opacity: 0.8;
}
/* Archive Grid Layout */
.archive .row {
    display: flex;
    flex-wrap: wrap;
}
.archive .grid-item {
  flex: 1 1 calc(16.66667% - 20px);
  box-sizing: border-box;
  padding: 10px;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.archive .entry-header {
  text-align: center;
}

.archive .entry-title {
  margin-top: 10px;
  font-size:18px;
}

@media screen and (max-width: 991px) {
 .archive .grid-item {
    flex-basis: calc(33.33333% - 20px);
  }
}

@media screen and (max-width: 767px) {
  .archive .grid-item {
    flex-basis: calc(50% - 20px);
  }
}

@media screen and (max-width: 480px) {
  .archive .grid-item {
    flex-basis: 100%;
  }
}