/*
 Theme Name:   MoD APK
 Theme URI:    https://codewp.in
 Description:  Modern & Responsive Tech Blog Design
 Author:       CodeWP
 Author URI:   https://indibloghub.com/@harvansh-chaudhary
 Template:     generatepress
 Version:      1.0
*/

h2 {
  font-size: 30px;
  background-image: linear-gradient(to right, #ff0056 0%, #a97ad8 70%);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

 .wp-block-rank-math-toc-block h2 {
            cursor: pointer;
            background-color: #f1f1f1;
            padding: 10px;            
            margin-bottom: 10px !important;
        }
		.wp-block-rank-math-toc-block{
			border: 1px solid #F43676;
            border-radius: 5px;
	    	margin-bottom: 2em;
		}
        .wp-block-rank-math-toc-block nav {
            display: none;
            margin-top: 10px;                   
            background-color: #fff;
        }

        .wp-block-rank-math-toc-block h2::after {
            content: "\25BC"; /* Down arrow */
            float: right;
            margin-left: 10px;
            transform: rotate(0deg);
            transition: transform 0.3s ease;
            color: #F43676;
        }

        .wp-block-rank-math-toc-block.toggled h2::after {
            transform: rotate(180deg);
        }


.rank-math-question {
    cursor: pointer;
    position: relative;
    display: block;
    padding: .6em;
    margin-right: 1em;
 		border:1px solid #ddd;
    margin-top: 10px;
		background: #f7f7f7;
		width:100%;
		border-radius:10px;
	font-size: 21px;
}

.rank-math-question:after {
    position: absolute;
    right: 10px;
    content: "\2715";
    transform: rotate(-45deg);
    transition: all 150ms ease-in-out;
	font-size: 15px;
	color:#F43676;
	
}

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

.rank-math-question:hover {
    opacity: 0.8;
}

.rank-math-answer{
	padding:5px;
}
.rank-math-question{
	border: 1px solid #F43676;}



.gb-button {
    border-radius: 5px;
}


button.menu-toggle {
    background-image: none !important;
}

/*After Post social-sharing-buttons CSS Starts Here*/

.geekdroid-social-wrapper {

    font-size: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 10px;

}

.after-post-social {
    border-top: 3px solid #f0f0f0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    margin-top: 20px;

}

.geekdroid-text {
    padding: 10px;
    margin-right: 5px;
    border-radius: 50px;
    color: #000;
}

.geekdroid-social-sharing {
    padding: 8px;
    margin-right: 5px;
    border-radius: 50px;
    transition: transform 0.3s ease;
    box-shadow: rgba(100, 100, 111, .5) 0px 3px 9px 0px;

}

@media only screen and (max-width:768px) {
    .geekdroid-social-sharing {
        display: inline-block;
    }

    .after-post-social {
        justify-content: space-between;
    }
}

.geekdroid-social-sharing svg {
    position: relative;
    display: inline-block;
}

.geekdroid-social-facebook {
    fill: #fff;
    background-color: rgba(59, 89, 152, 1);
}

.geekdroid-social-twitter {
    fill: #fff;
    background-color: rgba(29, 161, 242, 1);
}

.geekdroid-social-whatsapp {
    fill: #fff;
    background-color: rgba(37, 211, 102, 1);
}

.geekdroid-social-telegram {
    fill: #fff;
    background-color: rgb(2, 126, 189);
}

.geekdroid-social-reddit {
    fill: #fff;
    background-color: #000;
}

/* Hover Animations */
.geekdroid-social-sharing:hover {
    transform: translateY(-5px);
    cursor: pointer;
}

/*After Post social-sharing-buttons CSS Ends Here*/

.home-cat {
    text-decoration: underline;
    color: var(--accent);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.home-cat:hover {
    text-decoration: none;
}

.main-navigation {
    border-bottom: 3px solid var(--accent) !important;
}

.gp-icon.icon-search {
    background: var(--accent);
    border-radius: 50%;
    color: #fff;
    padding: 8px;
}

a.generate-back-to-top {
    color: #fff;
    border-radius: 50%;
}

.gb-grid-wrapper-22f03981 {
    row-gap: 20px !important;
}

.paging-navigation {
    padding-left: 0px !important;
    padding-right: 0px !important;

}

.widget-area .widget {
    padding: 0px !important;
}

.wave-button,
.submit {
    background-image: linear-gradient(45deg, #F43676 25%, #F43676 25%, #ff6a9c 50%, #ff6197 50%, #F43676 75%, #f32369 75%) !important;
    background-size: 200% 200% !important;
    color: white;
    cursor: pointer;
    outline: none;
    transition: background 300ms, transform 300ms;
    position: relative;
}

@keyframes wave-animation {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 400% 0;
    }
}

.wave-button:hover,
.submit:hover {
    animation: wave-animation 2s linear infinite;
    transform: scale(1.1);
}


/* Custom Homepage Two Slashes heading CSS starts Here */


.widget-title {
    position: relative;
    font-weight: 600;
}

.widget-title:after {
    position: absolute;
    bottom: -8px;
    left: 0;
    height: 3px;
    width: 50px;
    background-color: var(--accent);
    display: block;
    content: '';
}



@media (max-width: 768px) {

    .related-img,
    .archive-img img {
        height: 220px !important;
    }
}



/* Image radius CSS starts here */

.wp-block-image img {
    border-radius: 5px;
    margin-bottom: 5px;
}

.featured-image img {
    border-radius: 5px;
}

.img {
    border-radius: 5px;
}

/* Image radius CSS Ends here */







/* GeneratePress Site CSS */
.nav-align-center .inside-navigation {
    justify-content: space-between;
}

button:not(.menu-toggle),
html input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.wp-block-button .wp-block-button__link {
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;

}

button {
    padding: 7px 12px;
    border-radius: 5px;
}

.footer-2 {
    box-shadow: 0px 0px 5px 1px rgb(213 213 213 / 31%);
}

.rank-math-breadcrumb {
    font-size: 13px;
    color: var(--contrast-2);
}



.icon-search svg {
    top: 0 !important;
}

footer.entry-meta {
    display: none;
}


/* Sidebar */
.sidebar {
    margin-left: 0;
}

@media(min-width: 768px) {
    .sidebar {
        margin-top: 0;
    }

}


/* Search modal */
.gp-modal__container {
    overflow-y: auto;
}

.gp-search-modal .gp-modal__overlay {
    padding-top: 15vh;
}


@media(max-width: 767px) {
    .hide-date-mobile .entry-date {
        display: none;
    }

    .hide-date-mobile .gb-icon {
        display: none;
    }

    .hide-excerpt-mobile {
        display: none !important;
    }

    .menu-socials {
        display: none !important;
    }
}



.comment-form #url {

    display: none;
}

.wp-block-search__inside-wrapper,
.wp-block-search__button,
input,
.wp-block-search__input {
    border-radius: 5px !important;
}

.wp-block-search__label {
    display: none;
}


#comment {
    border-radius: 5px;
}

blockquote {
    background: rgb(255 241 241 / 68%);
    border: 1px dashed rgba(255, 0, 0, 0.68) !important;
    margin-top: 10px;
    padding: 15px;
    font-style: inherit;
    font-size: 18px;
    margin: 0 0 1.5em;
    border-radius: 5px;
}



/* Site General Styling CSS Ends Here  */


.geekdroid-author-box {
    display: flex;
    align-items: center;
    padding: 20px;
    border-radius: 5px;
    margin-top: 20px;
    border: 1px solid #ffd9e5;
    background: #fff7fa;
    margin-bottom: 30px;
    margin-left: 10px;
    margin-right: 10px;
}

.geekdroid-author-avatar img {
    border-radius: 50%;
    width: 5em;
    height: 5em;
    object-fit: cover;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}


.geekdroid-author-name {
    font-size: 1.5em;
    margin: 0;
    font-weight: bold;
}

.geekdroid-author-title {
    font-size: 1.2em;
    margin: 5px 0;
    color: #ffc63b;
}

.geekdroid-author-bio {
    font-size: 15px;
    margin: 10px 0;
}

.geekdroid-social-icon {
    text-decoration: none;
    color: #1981ff;
    font-size: 1.5em;
    margin-right: 10px;
    transition: transform 0.2s;
}

.geekdroid-social-icon:hover {
    transform: scale(1.2);
}

/* Media query for mobile devices */
@media screen and (max-width: 768px) {
    .geekdroid-author-box {
        flex-direction: column;
        padding: 20px;
        margin-top: 50px;
    }

    .geekdroid-author-avatar img {
        width: 80px;
        height: 80px;
        margin-top: -50px;
    }

    .geekdroid-author-info {
        margin-left: 0;
        margin-top: 10px;
        text-align: justify;
    }

    .geekdroid-author-name {
        font-size: 1.2em;
    }

    .geekdroid-author-title {
        font-size: 1em;
    }

    .geekdroid-author-bio {
        font-size: 1em;
    }

    .geekdroid-social-icon {
        font-size: 1.3em;
        margin-right: 8px;
    }

    .upper {
        margin-top: 35px;

    }

    .upper-right {
        margin-top: -40px;
    }
}

.upper {
    display: flex;
    flex-direction: row;

}

.upper-right {
    display: flex;
    flex-direction: column;
}

.geekdroid-author-box {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.geekdroid-author-avatar {
    margin-right: 20px;
}

.geekdroid-author-info {
    display: flex;
    flex-direction: column;
}

.geekdroid-author-name {
    margin-bottom: 2px !important;
}


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

    .geek-cat2 {
        display: none !important;
    }
}

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

    .hide-date-mobile {
        display: none !important;
    }

    .comment-reply-title {
        margin-top: -35px;
    }
}