/*
 Theme Name:   GeneratePress Child (RJK Custom)
 Theme URI:    https://generatepress.com
 Description:  GeneratePress Child Theme for Custom Quotes & Image Downloads
 Author:       RJK Bhai
 Template:     generatepress
 Version:      1.0.0
*/

/* --- Image Download Button --- */
.wp-block-image {
    text-align: center;
    margin-bottom: 30px;
}
.rjk-download-btn {
    display: inline-block;
    background-color: #02c974; /* Matching green from image */
    color: #ffffff !important;
    padding: 10px 30px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    margin-top: 15px;
    transition: background-color 0.3s ease;
}
.rjk-download-btn:hover {
    background-color: #02a861;
}

/* --- Quote Box Design --- */
.wp-block-quote {
    background-color: #f4fcfa; /* Light cyan/mint background */
    border: 1px dashed #02c974; /* Dashed green border */
    border-radius: 8px;
    padding: 25px 20px 20px;
    text-align: center;
    margin: 30px auto;
}
.wp-block-quote p {
    font-size: 18px;
    color: #333333;
    margin-bottom: 25px;
}

/* --- Share Buttons --- */
.rjk-quote-share-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}
.rjk-share-label {
    font-weight: 600;
    color: #777777;
    font-size: 14px;
    margin-right: 10px;
    letter-spacing: 0.5px;
}
.rjk-share-btn {
    border: none;
    border-radius: 6px;
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    min-width: 38px;
    padding: 0 15px;
    font-weight: 600;
    transition: opacity 0.2s ease;
}
.rjk-share-btn svg { 
    width: 18px; 
    height: 18px; 
    fill: currentColor; 
}
.rjk-share-btn.rjk-fb { background-color: #3b5998; padding: 0 10px; }
.rjk-share-btn.rjk-wa { background-color: #0f9806; padding: 0 10px; }
.rjk-share-btn.rjk-x { background-color: #000000; padding: 0 10px; }
.rjk-share-btn.rjk-copy { background-color: #00bf9c; font-size: 14px; letter-spacing: 0.5px; }

.rjk-share-btn:hover { 
    opacity: 0.85; 
}



.main-navigation {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}


/*Social Share*/
.wpjankari-social-wrapper {
    margin: 10px;
    font-size: 0;
    text-align: center;
	display: flex;
    flex-wrap: wrap;
}
.wpjankari-social-sharing {
	padding: 8px;
	margin: 4px;
	border-radius: 3px;
    flex: 1;
    transition: background-color 0.3s, transform 0.3s, color 0.3s;
}
.wpjankari-social-sharing:hover {
	transform: translateY(-3px);
	border: none;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
@media only screen and (max-width: 600px) {
    .wpjankari-social-sharing {
		display: inline-block;
    }
}
.wpjankari-social-sharing svg {
    position: relative;
    top: 0.15em;
    display: inline-block;
}
.wpjankari-social-facebook {
    fill: #fff;
    background-color: rgba(59, 89, 152, 1);
}
.wpjankari-social-twitter {
    fill: #fff;
    background-color: rgba(0, 0, 0);
}
.wpjankari-social-whatsapp {
    fill: #fff;
    background-color: rgba(37, 211, 102, 1);
}
.wpjankari-social-telegram {
    fill: #fff;
    background-color: rgb(2, 126, 189);
}
.wpjankari-social-more {
    fill: #fff;
    background-color: rgba(0, 0, 0);
}
/*Tag Cloud*/
.widget_epcl_tag_cloud a, .widget_tag_cloud a, .wp-block-tag-cloud a {
    font-size: 12px!important;
    margin-bottom: 8px;
    margin-right: 8px;
}
.widget_epcl_tag_cloud a, .widget_tag_cloud a, .wp-block-tag-cloud a,  div.tags a{
    color: #333333;
    display: inline-block;
    padding: 4px 15px;
    line-height: 1.2;
    margin-right: 10px;
    background: #fff;
    border: 1px solid #333333;
    border-radius: 25px;
}



.my-button .gb-button,
.my-button .gb-button:hover,
.my-button .gb-button:focus,
.my-button .gb-button:visited {
    color: #fff !important;
}

#my-button,
#my-button a,
#my-button .gb-button {
    color: #fff !important;
}



/* Sticky widgets */ 
.auto-width.gb-query-loop-wrapper {
    flex: 1;
}
@media (min-width: 768px) {
.sticky-container > .gb-inside-container,.sticky-container {
    position: sticky;
    top: 10px;
}
#right-sidebar .inside-right-sidebar {
    height: 100%;
}
}
select#wp-block-categories-1 {
    width: 100%;
}
/* GeneratePress Site CSS */ 
.auto-width.gb-query-loop-wrapper {
    flex: 1;
}
@media (min-width: 768px) {
.sticky-container > .gb-inside-container,.sticky-container {
    position: sticky;
    top: 10px;
}
#right-sidebar .inside-right-sidebar {
    height: 100%;
}
}
select#wp-block-categories-1 {
    width: 100%;
}